恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计-Theory
0.0°
2019-05-27 原创文章 经验/观点 举报 2516 29 11 0


又有段时间没更新了,最近换了工作,比较忙,杂事很多...其实也不能找借口,就是懒~

之前我写的文章都是涉及UI视觉方面的比较多,所以今天就想总结下交互设计的一些经验流程,后续可能还会有更多的理论知识再与大家分享探讨吧。


Image title


交互设计拆分来说,就是交流与互动的设计。交流与互动的对象无外乎就是人和人,人与动物,人与机器。当然我们今天要谈的自然是人机交互,作为一个人机交互设计师,我们应该以创造有用且实用的产品及服务为宗旨,以用户体验、业务需求为中心去设计。


Image title


交互流程相信UI视觉设计师或多或少都有一定的了解,尤其是交互设计师就更不用说了。以下的这四个环节,我会具体说一下需求分析这个环节,毕竟无论是视觉还是交互,搞清楚需求才是关键。其他的环节就需要大家根据实际情况进行实操了。


Image title


业务需求:可以分为业务目标和业务目的。业务目标可以转化为用户行为,而用户行为也同样影响业务目标。

用户需求:可以分为目标用户,用户使用场景、用户行为、用户体验目标。决定用户行为的关键因素在于用户动机及担忧,而完成用户体验目标则需要我们为用户解决使用中的障碍。

这样说可能大家还不是特别易懂,下面我会举例说明,大家应该看图就明白了。

Image title


以注册为业务需求,展开分析如下

表1:业务目标如何转化为用户行为

表2:如何从用户需求中得到衡量指标

表3:影响用户行为和用户体验目标的关键因素,担忧、动机及障碍

表4:关键因素的分解

Image title

Image title

Image title

Image title


Image title


用户体验要素这本书大家应该都看过,我就不多说了,就给大家简单总结下!

战略层:我们为什么要做这个产品?

确定产品目标 (产品定位、商业价值),明确用户需求 (市场调研、目标用户、创建用户模型)。

范围层:我们要做的产品是什么?

功能规格(功能需求),内容需求,功能优先级(KANO模型、马斯洛需求)

结构层:我们如何划分产品功能与内容?

交互设计,信息架构

框架层:我们如何更好的设计界面?

界面设计、信息设计、线框图

表现层:我们的产品最终长什么样?

感知设计(视觉设计)

Image title


Image title


尼尔森是位人机交互学博士,他在1995年发表了十大可用性原则。十大可用性原则不仅适用于Web端,也适用于移动端。所以熟练掌握十大可用性原则还是很必要的,它可以帮助我们提升整个产品的可用性体验。


状态可感知原则:用户在使用产品的过程中能清楚的知道自己的状态,即操作有反馈。如菜单导航,网页一般有三种状态(默认状态、选中状态、鼠标悬停状态),而这三种状态一般都区分的特别明显。还有网盘资源视频下载进度,淘宝物流显示状态...这些都是为了能让用户更好的感知自己的状态,消除未知的焦虑感,从而做出更好的选择。

Image title


贴近用户认知原则:产品信息,即文字、配色及图标的表现和表述,都应该尽可能贴近用户认知,从而减少用户理解和操作的成本。如:文字是否通熟易懂,配图配色是否合理,图标是否能准确的表达。

Image title


操作可控原则:用户在产品使用过程中难免会发生误操作,所以操作的可控性是非常必要的,这可以减少很多不必要的麻烦和时间。如:微信在发送消息的两分钟内可撤回功能,淘宝购物下单后,可以及时修改地址,在收到货后,还支持退换货,还有一般产品的二级、三级等页面都会有返回箭头。

Image title


一致性原则:在产品中,同一个功能,应该结构一致、文字描述一致、颜色一致、操作方式一致(如弹窗的出现形式),反馈一致。


防错原则:之前说到的操作可控原则,是在操作之后进行补救,而防错原则,则是在操作的过程中,及时的提醒用户,以避免用户误操作。如:很多产品的登录页面,在信息未填写完整时,登录按钮是置灰的。还有用户在进行比较重要的操作时,通常会有弹窗提示确认。

Image title


易取原则:简单来说就是协助用户进行记忆,将能获取到的信息及时展示出来,减少用户对操作目标的记忆负荷。如:饿了么的自动定位功能,让你不用在选择当前的位置。还有支付宝聊天页面,你只要输入数字,上方就会有给对方转账的一个小提示,你点击就可以转账了。

Image title


灵活高效原则:一个成熟的产品一定是灵活高效的,既能帮助新用户快速上手,又能给老用户带来快捷高效的产品体验。如:微信的发现页可以自定义,这个功能让用户有更好的自主选择权,我是很喜欢的。还有对于刚开始用的新手,APP一般都会有相应的引导。

Image title


易扫原则:互联网的用户通常不是阅读产品、而是扫描产品,所以重要的内容一定要突出,主要功能强化,其他弱化。


容错原则:给予用户明确的错误提示,要尽可能提供详尽的说明文字,不要直接使用404等。如:账号登录时,给出的错误提示:密码或账号不正确...还有当前页面网路不可用,提示检查网络设置。

Image title


人性化帮助原则:最好的方式是无需帮助及提示,其次是一次性提示,常驻提示、再则是帮助文档。如:很多产品逻辑及操作比较复杂,难以说清楚,一般就会提供帮助文档。

Image title


总结:以上的理论知识,只看是不可能全部掌握的,想熟练起来,还得多运用多实操。就如我,长时间不做总结不写文章,之后就会越来越懒,越来越不知道写什么...毕竟人都是有惰性,还是的严格要求自己才行。


微信公众号:小梓的设计酷

更新:2019-05-27

收藏

29人已收藏

小梓_xiaozi

微信公众号:小梓的设计酷

  • 26

    作品

  • 696

    粉丝

  • 3

    关注

  • 全面解析大厂APP的适老化设计
  • 如何做好海报设计?
  • 外国美术史与设计
  • 如何规范界面“文案”?

    猜你喜欢

      2019-05-27 原创文章 经验/观点 举报 2516 29 11 0

      交互设计-Theory

      0.0°

      你确定要举报交互设计-Theory

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年05月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      29
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录