高大上的扁平化交互设计

作者: 来源: 2014-01-26 09:44:55 阅读 我要评论 直达商品

  3)显示关键信息

  这是豆瓣电影的购票流程

12

  步骤是:选择影片===选座购票===选择影院

  在“选择影院”这个界面中除了显示出影院名称,还显示出了“最低价”xx元起,以及余下场次,还有是否可以购票这些关键信息,这里结合场景考虑,用户既然点了“选座购买”那用户的购买欲应该是很强的,这样在这里显示出的关键信息,就能使得用户在选择影院的同时也能看到最低价,不用在挨个影院点进去看了,也能加快购买效率。

  4)减少点按

  例:ios7关闭后台程序,只需要用手指轻轻往上一滑走就关闭了

13

  在对比ios6是长按出现删除按钮后在挨个关闭

14

  来对比下步骤:

  iso7:双击home====滑动删除

  iso6:双击home====长按应用icon=====点击删除

  减少点按还有一个很有代表性的例子就是Clear

15

  当然这里要引起注意的是,滑动手势,显然没有点按的提示来的明显,所以滑动手势这类型的操作一定要设计的自然,否则用户找不到点哪里不知道怎么操作就会产生挫败感而放弃使用。

  从上面的例子可以看出层级结构减少,交互步骤必然减少,无疑让用户的使用效率得到了提高。

  移动端由于设备本身的限制,没有足够的空间来展示路径,如果没有清晰的层级关系,这可能就意味着用户很有可能迷失方向,甚至要进入深层次的信息才能找到他们想要的,这时更应该做的是减少信息的深度。

  二、表达方式直白——准确

  就是让小白用户上手使用无压力,记得某产品经理说过“如果你的功能不能让用户一眼就看明白,还需要解释的话,那么你这个功能就做失败了……”

  做法可以是减少按钮和选项,让使用更简洁。


  推荐阅读

  20个非常值得看的超级小网站

  现代网络都是引起你的关注,给力的内容和服务了许多广告的可能,所以它总是以精简其赤裸的要点最多的留住用户。小编今天的展示网站的特点20最小的设计,不使用噱头或艳>>>详细阅读


本文标题:高大上的扁平化交互设计

地址:http://www.lgo100.com/a/blog/20140126/292553.html

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
我的评论: 人参与评论
验证码: 匿名回答
网友评论(点击查看更多条评论)
友情提示: 登录后发表评论,可以直接从评论中的用户名进入您的个人空间,让更多网友认识您。
自媒体专栏

评论

热度