快好知 kuaihz

小设计细思考—消息详情导航条设计

作为设计师我们试图做一个符合用户操作习惯的页面,然而不深入挖掘用户的习惯,很容易让人陷入到自己的操作流中,找不到用户真正的操作流。

先浏览还是先操作

充值中心的用户阅读消息详情页的方式很类似于邮件;从列表中选择一条进行详细阅读:

在信息大爆炸的今天,用户每天都会收到大量邮件,笼统的讲用户阅读邮件的方式有:

A、选择式阅读,过滤不重要邮件,查看标题阅读重要信息。(多数用户

B、逐条阅读。按照顺序读完所有邮件。(少数用户

按照上述习惯,我们不难发现邮件工具栏中的两个基本操作控件:返回和翻页。

设计表达要符合用户的心智模型,返回按钮设置在左上角,就如用户在阅读图片,图片切换方式是旧图从左边飞走,右边飞入,用户很简单就明白点左边是看上一张,不需思考。

同样,返回表示用户要返回到上一步。用户的心智模型中刚刚页面从左侧驶出,用户需要从左侧返回。由此我进行了一下设计:

然而我们区别于邮件的关键点是我们的空间有限,操作区和文字标题在一起,这个展示方式就将操作区和浏览区混淆在一起,用户不能不假思索的进行操作,将页面进行重置之后:

用户进入详情页后,用户浏览内容,可清晰了解可进行的操作。考虑问题需要综合实际的情况。

 

用户知道身处何处

通过tips将信息传达给用户是现在常见的手法之一。然后面对每天弹出的大量tips,如何让用户知道tips的来源?品牌logo必不可少。

下面是起初tips消息弹出的样式:

 

用户看条这条消息后,有两个问题需要思考:①这则消息来自于哪个业务?②个人中心是指哪个账户的个人中心(据调查有很大一部分用户会同时登录2个以上QQ)

将导航条重新设计后,用户会清晰的明白①这条消息来自QQ网购充值中心②我登录的账户名是sonia③我可以链接到sonia账户的个人中心④除了这则消息外,我还有20则未读消息。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:设计  设计词条  思考  思考词条  详情  详情词条  消息  消息词条  导航  导航词条  
设计

 Clear. 手势的未来?

这是一篇迟到的短文,缘起上上周 Clear 惊艳上市。完全的手势操作,没有采用 iPhone 标准的导航设计规范, 反而有一些 WP7 Me...(展开)

设计

 别再纠结是Bug还是新需求了

自从我干上软件开发这一行,并且使用了Bug跟踪系统,我们在每一个项目里都会纠结一个基本的问题:你怎么能把Bug与功能需求区分开来?当然,如果程序崩溃了,这毫无疑...(展开)