恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Skype for iOS的交互细节
0.0°
2014-06-26 自译外文 经验/观点 原作者: BrainLovin 举报 44403 239 103 14

Skype for iOS 上周发布了针对iOS的5.0升级版。作为Google+ Hangout/Facetime的重度用户,我对Skype不是很熟悉。但是这次升级很多细节让人惊喜,每一位设计师都应该研究一下。


下面是Skype for iOS中我最喜欢的细节:

1. 选择个人照片

Skype采用了这种弹性十足的动效作为导航和菜单的设计模式。这个gif展示了当你上传个人照片时,弹出菜单的效果——注意弹性、形变效果。

2. 登录

这个gif需要多看几次,才能捕捉都爱全部细节。首先是加载指示器的动效,流动感十足,让人感到很新鲜。

完成用户名输入后,新的界面从右侧滑入,云朵和用户个人照片像气泡一般弹出。让用户感到非常满意。

3. 添加联系人

这个界面是Skype精细设计的又一体现,还是采用了那种菜单弹出的设计模式。动效的愉悦感很强,不过不得不说,看久了会有点烦。.

交互效果必须恰当、有所收敛,不宜过多干扰用户,也需要有小亮点愉悦用户,希望Skype设计团队能在后继版本中有所行动。

4. 界面转换

这种流畅的动效也被作为设计模式,在Skype中广泛采用。当你切换界面时,新的界面会弹出——如果你仔细观察动效,你会发现新弹出的界面的弹动会稍微超出屏幕范围,然后再调整回来。

还有一点值得注意的是,在新界面弹出的同时,旧界面会渐隐,Z轴下沉,整体的细节非常精致,体验不错。

5. 另一版界面转换

为了阐述上面的细节,我又录了一屏,我们可以看到弹出、渐隐、滑动等效果的组合。

6. Skype credit表情

一方面,这个“聊天中”的标签充分体验了应用的个人化,让支付体验不同寻常。但另外一方面,这种视觉风格在当今扁平化浪潮中,稍显过时。

也许Skype经过了很多用户测试才选择这种风格吧,只求最高的转化率。

7. 滑动导航

这是新版Skype应用中我最喜欢的一部分——滑动导航。你需注意在滑动时,标题处云朵和天空背景的变化。

这种视差式的导航感觉很美妙。希望开发者和设计师能够学习一下这种设计模式。

8. 在信息中添加附件

这个gif需要多看几次。当你需要添加附件时,点击“别针”图标,它会变成“X号”图标,同时“发送”按钮渐隐,防止用户在没有添加完附件前发送信息。

按钮根据用户所处的操作流程/操作而改变,不错的防错措施。

9. 录制视频

如果需要在信息中添加录制的视频。那么在录制时,会有个弹出提示框告知你如何操作。气泡风格的提示框和应用的设计语言契合——气泡、弹动、圆弧之美、云朵——同时还极具个性化。

10. 开启新会话

当我创建新信息时,我发现了又一个设计细节。当我选择联系人的时候,“发送”按钮图标又变成了“对勾”图标,又一个防错措施,相信也是Skype经过用户测试后所作出的交互设计,让用户更好、更精准的操作。

更新:2014-06-26

收藏

239人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签

    猜你喜欢

      2014-06-26 自译外文 经验/观点 原作者: BrainLovin 举报 44403 239 103 14

      Skype for iOS的交互细节

      0.0°

      你确定要举报Skype for iOS的交互细节

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年06月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      103
      239
      14

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录