一张图看懂UI交互设计原则（下篇）
2016/3/25 BAT

     接上篇，完整版《一张图看懂UI交互设计原则》总共有75条(其中上篇40条下篇35条)，由用户体验研究设计机构GoodUI在项目设计中积累而来，并通过简单的插图阐述设计师必须遵守的交互设计原则，目的是为用户带来良好的使用体验。

     本下篇由Lucine和我在昨晚及今天上午共同翻译、讨论、编辑完成，Lucine是一位年轻设计师，同时又是一个完美主义者，我们在翻译的时候花了很多时间讨论，累且被鄙视星座但是很开心。

     ▽

     41.使用高低价格对比，让用户更容易接受低价格

    

     42.预加载时显示进度条，告诉用户等待是值得的

    

     43.循序渐进地引导用户，不要简单粗暴地直接呈现给用户

    

     44.降低用户的决策成本，不要一开始就吓跑用户

    

     45.使用轻量的提示，而不是弹出窗口

    

     46.搜索框过滤显示最合适的选项，而不是提供所有结果

    

     47.图标和文字相结合，可以减少歧义

    

     48.口语化更加友好，不要使用冷冰冰的字段

    

     49.透露一些内容勾起用户的好奇心

    

     50.展示权威证明或服务保障，打消用户的顾虑

    

     51.使用价格错觉，一页只要3毛钱比整本卖30元感觉划算

    

     52.完成后感谢用户，让用户感受到被重视

    

     53.别让用户做算术题：用“x分钟前”替代“x时x刻”(具体的时刻)，对人们来说可用性更高

    

     54.让用户感觉选择权掌握在自己手里

    

     55.给用户雷同的消息试着换一种说法会让用户更加有兴趣

    

     56.重要的操作要抓住用户的注意力

    

     57.信息展示符合友好的阅读习惯，从左到右，从上到下，而不是混合在一起

    

     58.展示已完成和未完成的步骤，比展示完成一个步骤，更能激发用户参与其中

    

     59.下一步操作让用户有心里预期，别让用户懵逼

    

     60.轻松幽默的提问比一本正经更有好感

    

     61.用户操作后提供反馈，消除用户的疑虑

    

     62.下拉菜单预测用户真正想要的内容

    

     63.保持空间，保证阅读不受干扰

    

     64.用讲故事的方式更能打动用户，而不是简单的条条框框

    

     65.展示真实的数据，不要弄虚作假

    

     66.默认展开重要的信息，把次要信息折叠起来

    

     67.站在用户的角度想问题，时刻以用户的身份去引导用户

    

     68.尽可能解释每个功能，方便用户理解

    

     69.一句话概括重点，不啰嗦

    

     70.使用响应式布局，兼容不同屏幕尺寸以获得更好的体验

    

     71.不同功能的视觉表现要清晰、容易辨认，不要让用户难识别和有疑惑

    

     72.允许用户可逆操作，例如可修改购物车商品数量，允许用户改变心意：)

    

     73.增加社交分享可以提升用户的行动力从而提升购买转化率

    

     74.让用户可以重新编辑

    

     75.不要给用户太多选择，选择越多累觉不爱

    

     图片版权归GoodUI所有

    

     戳我 ▽

     这才叫会做饭的女友，你那顶多是过家家

     设计师如何进入BAT等一线互联网公司

     一张图看懂腾讯和阿里的企业文化

     致每一位远离家乡来到大城市的人

     没有美术功底的学渣竟然在腾讯阿里做设计

     回复阿里查看《讲真!千万不要来阿里工作》

     回复薪资查看《这可能是北半球薪资福利最好的公司：腾讯》完整版

     回复腾讯查看《一分钟看懂腾讯公司最牛逼的群体：设计师》

     回复一张图查看《一张图看懂在腾讯和阿里工作的区别完整版》

     加QQ群532110009跟腾讯阿里高级设计师零基础学UI

     点击左下角阅读原文查看B哥设计作品

     腾 讯 和 阿 里 高 级 设 计 师 创 办

     长 按 二 维 码 关 注 最 新 鲜 资 讯

     ▽

    

    

    http://www.duyihua.cn
返回 BAT 返回首页 返回百拇医药