【百天计划032】设计原则:遵循约定俗成的交互原则

湖南快乐十分直播 www.3nf0e.cn 互联网产品发展的如今,前人已经总结出很多交互设计的原则。这些原则会累积下来应用到各个产品上,这也是大家在很多产品上都能看到相似操作方式的原因。前人经过很多次的尝试,给我们留下了宝贵的财富,可以直接套用。也让新人在没有什么经验的情况下,即可照着类似产品去设计出新的产品。

日常我们在设计产品原型或交互方式的时候,也应该去遵循一些约定俗成的交互原则。当然如果你能创新就更好,只要你的创新设计能覆盖绝大多数用户的操作习惯即可。否则还是老老实实的在前人的树荫下乘凉的比较好。

设计产品的时候,首要是了解业务,基于业务场景和业务实现、用户使用场景和用户认知水平去选择恰当的交互方式,这就要求产品经理要很熟悉常见的一些交互设计原则。

界面布局设计原则

1、界面布局尽量有秩序,排列整齐,防止过紧、过松,有明显的“区块感”。切忌混乱。

2、布局要充分表现其功能性,对于每个区域所代表的功能应有所区别。如:标题区,工作区,提示/帮助区等。

3、页面中最重要的信息所在的??榻窃谄聊恢凶蠲飨缘奈恢蒙?。并且,应该是最大的。

4、布局中的信息需要有明显的标志和简单介绍,比如标题栏和标题等。

5、信息的位置保证一致性,让用户可以无需重新建立对界面信息分布的理解。

最常见的就是区块化信息布局处理,单笔订单的信息、单件商品的信息、单条回复的信息、单张图片的展示等等,都可以用区块化的方式去设计,这种方式有助于保持整体一致性。

交互文本设计原则

交互文本指产品界面涉及交互操作中需要用户理解并反馈的所有的文字:包括标题、按钮文字、链接文字,对话框提示、各种提示信息、帮助等。这些文字直接影响用户在交互过程中对预期的理解,好的交互文本设计,可以提高用户完成任务的效率。

1、表述的信息尽量口语化、通俗化,不用或少用专业术语。

2、表述语气柔和、礼貌,避免使用被动语态,否定句等。

3、简洁、清楚的表达,文字较多要适当断句,尽量避免左右滚屏,折行。

4、对于相同操作的交互文本,操作提示文字要保持统一性。

5、字体使用默认或标准的字体,大小以用户的视觉清晰分辨为主。

界面色彩设计原则

用户对界面中颜色的关注度非常的高,合理有效的使用色彩区分信息的级别、分类等,有助于用户对信息和操作产生关联,有效减少用户的记忆负担。注意,这里不是指色彩搭配,那是UI设计师需要考虑的问题。

1、根据不同的使用场景,选择其合适的颜色。如管理界面经常使用蓝色、提示信息使用土黄色。

2、考虑颜色对用户的心理和文化的影响。比如红色代表警告,绿色代表成功等。

3、避免界面中同时出现3种以上的颜色。

4、颜色的对比度明显,如在深色的背景中使用浅色的文字。

5、使用颜色指导用户关注最重要的信息。

引导图标设计原则

相对于单纯的文本,图像以及符号化的图标更加符合用户的认识习惯。往往表述一种信息,一张图片或者一个标识更能让不同用户理解和接受。适当的使用图片或符号化的图标,会让用户很自然的建立起认知习惯。

但这里需要注意的一点时,图标和所表达的意思要相对应,且最好是市面上很多产品都在使用的,这样用户有基本的认知。需要尝试新的图标时,一定要注意信息引导。

1、表意清晰、明确,有高度的概括性和指向性,让用户能够快速的联想到对应的功能和操作。

2、同类或同一纬度的信息,在形式和色彩风格上尽量保持一致性;

3、仅在突出重要信息、用户可能产生理解偏差的情况下使用,避免滥用。

4、尽量和交互文本结合使用。

提示声音设计原则

声音一般应用于提示、提醒、帮助等信息的表述。此类信息表述让用户通过听觉获取反馈,更加的直接与有效。

1、表述清晰,语气亲切,不生硬,有礼貌。

2、使用符合用户认知习惯的声音。如使用敲门声提示好友来访信息等。

3、使用不让用户反感的声音,少用恐怖类的声音。

4、在用户可预知的情况下发出声音。

设计师在表达信息的时候要做到简洁清晰、自然易懂,尽量让用户觉得这是自然而然、清晰明了的信息。

产品交互设计原则

1、简约设计,信息量越少越好。用最少的元素或内容,表达最多的信息。冗余的信息会减慢用户浏览的速度,并且可能还会把重要的信息给遮盖掉。

2、结构化的设计方式更容易让人理解。比如将信息归纳、整理,以条目的形式展示。

3、信息的表达应该清楚、明确、直接。尽可能的避免模棱两可、含混不清的信息表达方式,如何能让绝大多数用户快速明白是非常关键的。

4、所有的操作可识别。当需要操作的时候,用户能快速的找到操作的入口。

5、操作前,结果可预知。

6、操作时,操作有反馈,并可停止。

7、操作后,操作可撤销,允许用户犯错。

8、让用户知道身处何地。明确的指示,告诉用户当前停留在哪个地方。

9、避免内容看上去像广告。

10、不提供多余的功能。

11、相同的功能或信息,在不同的界面中应保持一致性。

以上只是交互设计原则的一部分,供大家参考,没有列举实际应用的案例,大家可以自己多观察一下常见的产品设计是不是遵循了这些原则。其实在日常工作当中,往往都可以总结出一些设计原则,加上自己对业务场景、用户场景的认知,提炼出来,就是一条有自己特色的交互设计原则。

“【百天计划032】设计原则:遵循约定俗成的交互原则”2 条评论

交互 | 2018-03-4 16:48 |

这些原则说起来容易做起来难

huaban | 2018-03-9 15:09 |

找了好久才找到这里,来了就不想走!

?
  • 《大国小鲜》两会特辑第六期:中美新能源“争夺战” 2018-07-26
  • 恒大赴意大利开启海外拉练 J·马随队高拉特不见踪影? 2018-07-25
  • 网约车谨防四类风险 小心遗落手机被司机私自转账 2018-07-24
  • 科技以人为本 B&O于CES发布多款无线耳机新品 2018-07-23
  • 2018年军队院校报考指南 军校在山西省计划招生396人 2018-07-22
  • 郭万超 马萱:全球视野下的中国文化产业价值链 2018-07-21
  • 少讲大话,多造点核武器吧, 2018-07-20
  • “一带一路出境人员健康保障”论坛 2018-07-20
  • 南丰670名调解员活跃城乡促和谐 调处成功率达96.5% 2018-07-19
  • 586| 744| 704| 410| 954| 323| 544| 507| 271| 687|