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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
交互设计基本原则(自己整理)
0.0°
2016-12-20 原创文章 经验/观点 举报 11393 19 44 1

这是团队培训时,我整理的资料。大多数都来源于互联网


交互设计原则,是经过市场检验得到市场认可行程的一种原则。


1、形式追随功能原则

新的设计潮流不应该影响产品功能。


这个手机app内部有很多不同的功能,从账户查询、还款操作,到办卡申请、开卡、分期,再到商城、优惠信息、积分兑换等等。但是该app的主界面上的大部分面积,被一朵我个人认为并不漂亮的“花”占据... 这个形状本身其实并没有特别大的意义,但是却占用了大量的空间,以至于想推活动的时候,经常需要给用户弹第二张这样的浮层,不但会阻断用户操作,引起用户反感,而且一次只能推一个活动


2、一致性原则

一致的视觉风格,一致的控件交互,一致的图标设计。既能提高品牌的延续,也能降低用户学习成本。


3、可预知性原则

可预知,要求设计师对于用户和用户的目标有一个很深的理解。如果所需的工具和信息已经在屏幕上了,但是用户却不能发现、使用他,那就是可预知性不准确。也就是说,我们大多数功能都需要让用户知道自己操作后,能大概知道会怎么样。


4、用户主导原则

任何情况下都应该是用户主导产品。而不是产品强迫用户。让人们自主做出决定,尽管有些用户没有好的审美或者行为并不高效。留给用户自主控制并不意味着设计师要放任所有的控制,相反的,设计师必须采用有必要的控制。


我们看这个微博里面的广告,从用户角度来说,他们大多数没这个需求,但从商业角度来说,我们需要控制用户的界面,给用户展示这些广告或者推荐。同时我们也提供给用户自主的控制权利


5、用户行为响应原则

用户任何的行为都应该有反馈,这样用户才会知道,我刚做什么了,是否成功。(可通过界面、鼠标、声音的响应告知用户)


当用户点击“登录”后。界面上立马有了“正在登录”的反馈。让用户明白自己的操作系统是在处理的



6、延续用户习惯原则

 除非你有充足的理由,否则千万别改变


windows10的开始菜单的回归。就直接打了windows8的脸



7、不一致性原则

让那些行为不同的元素看起来也要不同,让用户知道它的不一样。


收藏的icon和其他icon相比,在用户行为上是不同的,一个代表已经完成了某个动作,一个代表了还未开始某个动作



8、默认、及提示原则

好的默认、提示原则,能很好的引导用户进行相关的操作


输入前的默认提示,输入后的反馈提示,很好的告诉用户改如何去做



9、可发现性原则

一个好的产品,不适合把所有功能都展示出来,对于一些高级功能,使用 “主动地发现” 来引导用户进入,会是一个不错的方式。如网络切换时,偷偷告诉用户网络切换了,可能***影响,从来让用户知道更高级的网络设置



当用户鼠标经过的时候会发现一些更多的功能。



10、防错、容错原则

减少用户出错的情况,如不可点击的按钮看起来就不可点击。即使出错了,错误信息应该有帮助,错误信息应该被有思考的写出:解释哪里出错了,告诉用户关于这个错误应该做什么。


即告诉了你出错的原因,又给你指明了接下来的操作



11、易学性原则

选择能使用户立即抓住概念模型细节的隐喻,通过唤起用户的认知(视力,声音,触摸,甚至他们的记忆等)来设计好的隐喻。如果隐喻不会帮助你,就抛弃隐喻




12、减少用户工作原则

用户不应该由于一些错误而丢失他们未保存的工作,如未提交的表单,用户下次进来时能继续进行(某段时间内)前期的操作


粘贴功能,搜索的联想功能,都是减少用户工作的例子



13、可读性原则

一般通过对比度,增加文本易读、标签易读。人类的视觉系统会对尖锐的边缘更敏感。因此,对于小的字号,一个抗锯齿的字体,经常看起来更具有吸引力,但是理解起来会有困难。





14、简化设计原则

把用户任务流程,简化再简化。真正的简约是简化事情,而不是视觉简单



同样是转账汇款页面,呈现在用户眼前的确有天渊之别



15、导航可见原则

导航的目的,主要是告诉用户当前你所在的位置,让用户不迷失在调整中。面包屑、导航都都是这么目的



16、就近原则

将同一类的功能都组织放在页面相同模块中,方便用户很好的去了解。感兴趣的可以去了解一下格式塔心里



17、减少等待时间原则

页面调整时,APP启动时,提交数据时,等待是让人很难煎熬的一件事情


通过“美女”“动画”让时间变的很快了



最后再次说明一下,这些原则都是自己平时整理的,不尽完善,有不对的或不完善的,欢迎大家提出,大家一起进步

更新:2016-12-20

收藏

19人已收藏

Timwrok

把简单呈献给用户

  • 4

    作品

  • 4

    粉丝

  • 7

    关注

  • 火车票预订流程优化
  • **商旅通产品交互设计分享
  • 某金融平台的用户画像和体验地图
相关标签
设计经验分享

    猜你喜欢

      2016-12-20 原创文章 经验/观点 举报 11393 19 44 1

      交互设计基本原则(自己整理)

      0.0°

      你确定要举报交互设计基本原则(自己整理)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年12月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      44
      19
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录