IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

用好这些可用性原则,你就能简单做好交互设计!

Catherine • 2017-05-20 02:10 • 交互设计

做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

文章目录[隐藏]

  • 1、系统状态可见性 (Visibility of system status)
  • 2、系统与现实世界的匹配性( Match between system and the real world)
  • 3、增加用户操作感和自由度 (User control and freedom)
  • 4、一致性及标准化 (Consistency and standards)
  • 5、预防错误(Error prevention)
  • 6、美与简单的设计(Aesthetic and minimalist design)

做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

用好这些可用性原则,你就能简单做好交互设计!

1、系统状态可见性 (Visibility of system status)

帮你理解:系统应该总是在合理的时间内,通过适当的反馈让用户了解正在发生什么。

用好这些可用性原则,你就能简单做好交互设计!

帮你总结:提高产品状态的可视化程度,从而提高用户对自己在使用系统过程的情况的透明度。

2、系统与现实世界的匹配性( Match between system and the real world)

帮你理解:系统应该讲用户的语言,用单词,短语和概念让用户感觉到熟悉,而不是用面向系统的术语来面对用户。同时按照现实世界的惯例,让信息出现在自然和逻辑顺序中。

用好这些可用性原则,你就能简单做好交互设计!

用好这些可用性原则,你就能简单做好交互设计!

帮你总结:

  1. 从用户的角度出发,推荐Banner内容,用户可以花更好的时间明了这些滑动的Banner是“可能适合我的”课程。我们可以在产品的细节处继续使用user’s language来提高用户的UE。
  2. 根据用户的日常行为,判断用户的偏好,做个性推荐也是这个原则的案例之一,这类案例用得最多的是在购物类、音乐类、阅读类应用。
  3. 用户产品的名字代替“首页”类的形容词,解决从用户角度体现内容和意图的问题,在细节处使用user’s language来提高用户的体验感。

3、增加用户操作感和自由度 (User control and freedom)

帮你理解:用户往往会不经意选择错误的系统功能,那么产品设计就需要一个明确标明“紧急出口”的状态或者功能规避不必要的操作,譬如:支持撤销和重做。

用好这些可用性原则,你就能简单做好交互设计!
帮你总结:从用户体验的角度来看,自动切换的信息在“播放”时需要放慢速度,通过内容本身或者配色去调亮引导dots,可以增加用户的操作感。另外,对用户可能出现反悔操作的功能,应该提供撤销和重做的入口,让用户能更加自如的使用你的产品。

4、一致性及标准化 (Consistency and standards)

帮你理解:在一个系统或者应用中,用户不应该想知道不同的单词,或者理解同一个功能的被展示出不同情况的原因。对于一致性,浅显易懂,现在普遍都用的很好,那么对于标准化,很多网站或者app,特别是新的产品,开始通过衍生自己的LOGO、品牌,充分洗脑用户,强化用户对自己产品的记忆点。甚至可以根据自己的产品定位,创新一类icon等,通过图形的表达让用户更加对你的产品记忆深刻。推荐一款个人非常喜欢的App:“想去”,它的设计就从App的icon到内饰都一气呵成,甚至连loading都是惊喜设计的,让人用着非常舒服。

用好这些可用性原则,你就能简单做好交互设计!

帮你总结:适当的给自己的产品拟定标准化的记忆库,不但让用户体验你的产品时,觉得走心,也会让用户在不经意间把你的产品记得牢牢的。

5、预防错误(Error prevention)

帮你理解:在首次使用系统或者产品的时候,巧妙的设计比好的错误提示更加能弥补不足。最好能在用户进行下一步之前,避免掉低级的错误,让用户的使用过程是舒服顺畅的。

用好这些可用性原则,你就能简单做好交互设计!

帮你总结:在可能出现错误、空白的情况之前,利用加载的可视化、再加上比较nice的动效、提示会让用户减轻失败带来的不爽。

6、美与简单的设计(Aesthetic and minimalist design)

帮你理解:设计不应该包含不相关或不常用的信息。重点的内容和核心的元素应该与其他的信息形成鲜明的区别。譬如在配色上,可以选择1个主色,2个以内的辅色,构成整个设计的骨骼,用主色告知用户目的与指示。

用好这些可用性原则,你就能简单做好交互设计!

帮你总结:

增加美感的同时也需要最小化设计元素,做减法。
以上6条可用性原则,是小M做产品过程中能无时无刻不记起的。每一次小细节的打磨都是一次回溯基本原理及原则的好机会,是否灵活运用并烂熟于心,这是需要所有产品人er用心去感受的。加上小M前不久写过的在做交互设计时,你需要知道这几大定律。希望能给你足够的基本方法去做好自己的产品。

最后送给所有产品人er一句装逼的话:“形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,让每一寸体验是‘走心’的!”

 

作者:权莉,微信昵称:Mandy权。一名快乐的产品经理!

本文由 @权莉 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28139/

logo交互交互原则交互设计产品产品体验产品经理产品设计动效可用性原则微信用户用户体验设计设计原则转载配色
赞 (0)
CatherineCatherine
0
生成海报
平庸的产品和伟大的产品中间只隔了一个:微交互
上一篇 2017-05-20 01:15
交互小细节——信息层级展示规则
下一篇 2017-05-20 03:15

相关推荐

  • 从产品需求角度,看设计的5层需求金字塔 交互设计

    从产品需求角度,看设计的5层需求金字塔

    举例来说:人们在满足基本的温饱后,才会追求身体健康、安全的住所,接着要求社会地位等等,文艺一点来讲,人如果连追求高尚的权利都没有又何谈高尚呢?举例来说:我刚加入团队的时候,由于需要做大量整改设计,有一些小需求设计到产品设计,会立马询问程序员的开发难易度,并且选择最简单快速的方案,但事后却发现功能点没有想全,更重要的是频繁的打扰降低了开发组程序员的工作的节奏。

    2017-05-16
  • 微信热点

    伦艺交互设计(MA)offer入手,工科出身、完全零基础的她是如何做到的

    对于零基础申请的同学来说,短时间内接触并掌握一个陌生的专业,既需要勇气,又需要决心。这是因为,科班出身的同学申请国外名校尚有难度,更何况是毫无专业基础的同学,过程中遭遇困难、挫折也可想而知。正因为申请难度大,如果能从其他同学的申请过程中吸取成功经验,规避问题,少走弯路,必然会有利于未来申请。本期,简清为同学们请到了拿下伦艺交互设计(Interaction Design Communication)专业offer的L同学,作为一名零基础申...

    2018-04-12
  • 微信热点

    福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • 在网页设计中如何少让用户费脑筋,保持操作流畅 交互设计

    在网页设计中如何少让用户费脑筋,保持操作流畅

    除了引导用户,还要减少他们的认知流程,以保持流畅状态。千万别把计算这种事情丢给用户,让计算机来处理。

    2017-05-23
  • 微信热点

    Axure玩出新花样,做个游戏玩转Axure9大常用功能 | 免费直播课

    产品经理会画原型,是入行的基本门槛。一个可用可交互的原型可以帮助开发和设计人员从不同的维度上来了解你的产品设计,降低需求的沟通成本。那么,对于产品经理来说,如何才算是“会画”原型呢?你可能会认为,会画基本的线框图就足以满足日常需求了。但是借助静态的线框图解释你的设计,始终都不会像可交互的原型这么直观有效。原型的工具虽然有很多,但Axure还是最经典的一款画原型工具。虽说Axure用的溜,并不代表你就能成为一个产品经理;但作为产品经理,更...

    2018-03-04
  • 数据交互的常见方式及案例 交互设计

    数据交互的常见方式及案例

    交互设计师作为整个项目贯穿始终的一根线,除了有自身对需求的理解把控以及对页面布局的拿捏以外,充分吸取各种不同的思维方式,才能让我们在打怪升级的路上越走越远。

    2017-05-07
  • 交互设计相关岗位-用户研究(实习)——杭州海康威视

    杭州海康威视招聘 用户研究(实习)    职位要求: 1、人机交互、认知心理学、计算机、设计艺术或相关专业研究生在读。 2、熟悉研究方法论,熟悉一般研究步骤,了解各种研究方法,有坚实的统计和数据分析基础 3、较…

    交互设计招聘 2018-03-13
  • 微信热点

    提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • Sketch 3 布尔运算教程

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    交互设计 2015-08-19
  • 为什么扁平化设计辣么火?它会过时么? 交互设计

    为什么扁平化设计辣么火?它会过时么?

    很多时候,设计本身最核心的东西一直都没变,即更好的解决问题,风格什么的都是为解决问题而服务的

    2017-05-09
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress