查看原文
其他

你和交互设计大神之间,就差这些细节了!

2016-11-30 艺妹 ACG艺咖俱乐部

知乎大神说交互设计做的是“翻译”的事情,帮助人和系统/机器/产品流畅地进行“对话”,人和机器讲的是两种完全不同的“语言”,两者有迥异的“肉体”和脾性,要充当它们之间的翻译,难在哪里?难就难在:我们既不懂人,也不懂机器。不过我们可以通过不断地尝试和总结去找到二者之间最好的沟通方式。

今天艺妹翻山越岭给大家找来了goodui网站上大神们整理的交互设计的一些原则,大家看看有哪些地方是值得借鉴的哈!




1.单列布局取代多列布局


单列布局能够对全局有更好的掌控,它可以从上到下以一种可以预测的方式来指导你的用户。而多列则会有分散用户注意力的风险使,你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。




2.尝试赠送礼物


一份精美的小礼物可以获得用户忠诚度,也可以更好地促进后来的推销等活动。




3.合并重复的功能使页面更简洁


UI碎片越多,用户学习成本越高,合并那些你无意中创建的功能相似的部分。




4.直接提供用户的评价而不是自吹自擂


用户的好评是最好的说服策略,你应该直接提供客户的评价而不是列举你的优点。




5.多次重复你的主要动作而不是一次


重复动作按钮是一种适用于较长网页或重复跨多个网页的策略。在顶部和底部都加上一个按钮是完全可行的。




6.尝试不同的可点击/所选样式


诸如颜色,层次及模块间的对比这些视觉上的设计可以很好地帮助用户使用产品:为了与用户清楚地沟通,可点击操作(链接,按钮),所选元素(所选项目)和纯文本的样式应该彼此清晰地区分开,我选择了蓝色来代表可以点击的任何内容,黑色则表示已选择的内容或表示某人在哪里。不要模糊这三种功能风格让用户使用起来很难。




7.尝试推荐,而不是显示相同的选择


有些心理学研究表明,有更多的选择,那么实际做出决定和采取行动的机会越低。 为了打击这种选择困难症,尝试强调和突出某些选项是很好的。




8.尝试使用撤销而不是提示确认


假设你刚点击了一个链接或者按钮,撤销操作可以让操作流畅自然,这也符合人类的本能。为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。




9.尝试指出产品适用人群而不是针对所有人


把产品定位得精确的风险就是可能缩小了目标潜在客户的范围,也使自身变得不那么全能。但这种做得更专业的精神却反过来会赢得信任,权威。




10.直接点,不要犹豫


你可以通过不确定而颤抖的声音来表达传递自己的意思,当然也可以通过很自信的方式表达。




11.尝试更多对比,而不是相似性


使你的动作按钮在围绕它们的元素中更加突出,将使你的UI更强。 





12.尝试个性,而不是通用


使用姓名,图片或原产地介绍自己或你的产品是使你的沟通更加个性化的一种方式。提到国家或城市起源肯定是一个非常人性化的开始。




13.尝试更少的表单字段,而不是要求太多


人类本质上抵抗劳动密集型任务,这个相同的想法也适用于填写形式字段。 你要求的每个字段都有冒着使你的游客转身而放弃的危险。




14.尝试显示选项,而不是隐藏它们


你使用的任何一个下拉框都会对用户造成信息的隐藏而需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期,省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。




15.把界面做得环环相扣要好过直白的排版


一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的,单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。




16.让用户集中注意力,不要放太多链接


尽量移除页面不需要的链接会让用户点击到你的功能按钮。




17.尝试显示状态,而不是状态不可知


在任何用户界面中,我们经常显示可以具有不同状态的元素。 电子邮件可以读取或未读取,发票可以支付或不支付等。通知用户物品所在的特定状态,是提供反馈的好方法。




18.尝试利益按钮,而不是仅基于任务的


试想界面上有这样两个按钮:一个是"获取折扣",另一个是"立即注册"。我敢打赌大多数人会点击第一个,因为第二个按扭让人感觉不到有利可图,并且"注册"让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有可能被点击。




19.尝试直接操作,而不是上下文菜单


不用说直接在元素身上进行操作是更直观明了的方式。比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把它放到列表之外。




20.尝试显示全部内容,不创建额外的页面


在一个足够大的宽屏界面上最好还是直接给出表单,这比点击按钮再弹出表单要好很多。首先减少了点击操作,流程变得简洁也节省了时间。其次,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。




21.让界面平滑显示而不要死板地呈现


用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。给这些元素增加些自然的动画,淡入淡出效果不但美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长,那样会让想尽快完成操作的用户不耐烦。




22.尝试渐进参与,而不是快速注册


不要求访问者立即注册,而是要求他们首先执行一个任务,向他们展示一些有价值的东西。 在这样的初始交互中,产品既可以显示出它的好处,也可以借助于个性化。一旦用户开始看到产品的价值,他们将更加开放,更愿意分享额外的信息。




23.尝试更少的边框,不要分散注意力


边界可以用来非常清楚和精确地定义一个空间,但是它们也会消耗我们的认知能量,因为它们被认为是明确的线。为了让用户使用较少注意力来定义屏幕元素之间的关系,元素也可以通过接近性,对齐,具有不同的背景,或者甚至仅分享相似的印刷风格而被分组在一起。




24.尝试卖好处,而不是功能


人们倾向于关心好处而不是关于功能,因为利益带来更清晰的定义价值。




25.不要把产品设计得过于依赖于数据


零数据世界是一个冷的地方。 当用户第一次看到你的应用程序,它所做的是显示一个空白的平板,没有任何指导,那么你可能错过了一个机会。 零数据状态是通过向用户展示下一步做什么,使用户跨越初始的学习障碍的理想选择。




26.默认将用户引入


将界面做成默认用户选中想要使用你的产品,意味着如果用户真的需要使用,那么可以直接点击确定而不需要额外点选了。

将界面设计成默认选择的样子多少存在点争议,有点强迫用户的感觉。如果你想道德一点,你可以要么把让用户选择的文字写得模棱两可,要么使用双重否定这样不那么直白的描述,这两种方式都可以让用户觉得没有那么强的感觉是被强迫选择使用产品的。




27.尝试一致性,而不是让人重新学习


在设计中保持一致性可以减少用户的学习成本,用户不需要学习新的操作。当我们点击按钮,或者进行拖拽操作,我们期望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。




28.尝试智能默认值,不要求做额外的工作


适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面,这是种非常常见的做法,可以帮助用户快速填完表单或者注册信息。




29.遵从一些约定而不要去重新设计


界面设计中遵从约定的准则跟之前的界面一致性准则很相似。如果我们遵从了界面设计中的一些约定,用户用起来会很方便。相反,不一致和没有遵从约定的设计则会提高学习成本。




30.让用户觉得可以避免失去而不是获得


我们喜欢成功,没有谁愿意失败。根据心理学得到的可靠结论,人们一般更顷向于避免失去拥有的东西而不是获得新的利益。这一结论也适用于产品的设计和推广中。






该网站还整理了很多条原则,由于篇幅原因就不一一列举了,有想了解详情的小伙伴可以后台找小编要网址。大家关于艺术留学、院校、作品集还有相关问题的话,也尽管跟小编沟通,我一直都在噢!



精品推荐


《时代周刊》评出2016全球25大发明,哪些产品上榜了?

想混时尚圈就必看的11部纪录片



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存