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

企鹅博客
19503
文章
0
评论
2020年3月5日10:20:40 评论 8 views 752字阅读2分30秒

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

先浏览还是先操作?

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

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

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

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

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

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

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

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

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

 

让用户知道身处何处

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

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

 

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

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

  • 版权声明: 发表于 2020年3月5日10:20:40
  • 转载注明:https://www.qieseo.com/107365.html
深挖需求|7个不得不考虑的人性需求 产品设计

深挖需求|7个不得不考虑的人性需求

人性是人的本性、人的感情和理智,是我们要发掘出来的需求的根本源头。它们的存在创造了需求的场景。我们把握好用户在人性上的弱点,或者说在人性上存在的缺憾,那产品就能一击必中。 说起人性,对很多产品经理来说...
乐居:天生O2O商业模式解析 产品设计

乐居:天生O2O商业模式解析

浓缩观点 4月17日,乐居于纽交所上市,作为房地产互联网业的后来者,乐居却站在移动房产电商的前沿,以O2O的角度去设计自己的商业模式。在乐居CEO贺寅宇看来,今天整个中国的互联网O2O的模式当中,房产...
关于产品设计,Airbnb给了我们什么启示? 产品设计

关于产品设计,Airbnb给了我们什么启示?

一、前言 最近,全世界都在提“共享经济”这个词,而其中,最为人称道的是两家公司:Uber、Airbnb。本文要谈的就是Airbnb(中国),不是谈需求、谈功能,而是谈谈它的产品设计,它为什么广受称赞?...
移动医疗产品设计之问诊咨询 产品设计

移动医疗产品设计之问诊咨询

按照一般对移动医疗产品边界划分:诊前-诊中-诊后,问诊咨询是移动医疗产品承接预约挂号由诊前向诊中进行深入的产品。作为对接医生-患者两大群体的产品问诊咨询承载着太多移动医疗人对“再造医疗”的梦想与期盼。...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: