理清思路!如何从头打造让用户真正信任的界面 - 优设网 - UISDC

理清思路!如何从头打造让用户真正信任的界面

2016/05/02 12255评论区

ui-users-can-trust-1

编者按:让人信任的网页到底是怎么样的?设计一个令人信任的网页应该是有迹可循的,几天文章当中的10个技巧,就是可行性相当高的手法,仔细看看,也许会让你获益匪浅。

如何让你的网页设计作品令人信任?相信许多设计师都思考过这个问题。我们几乎每天都能听到各种产品安全漏洞的新闻,用户的不安全感无处不在,这也使得设计让人信任的界面势在必行。

令人信任的界面是构建你和用户之间坚实关系的基础,它能促进产品的销售,提升用户忠诚度,带来成就感,并且能带来持久的品质感和高附加值的客户关系。创建令人信任的界面是否有迹可循?当然,今天的文章总结了10个技巧帮你润物细无声地同用户建立信任感。

1、清晰的设计

aire

当一个随机用户浏览你的网站,网站承载的信息是否明确,界面元素的功能和设计是否清晰?用户能否清楚的意识到每个操作的意义,以及你网站存在的原因?

如果答案都是Yes,那么你的网站应该是层级清晰,内容明确的。如果用户感到困惑,那么你就需要多思考一下了。

清晰的内容设计意味着你的网站中信息易于辨识,网站层次也足够明确,用户能够很快弄明白网站是干什么的,卖什么产品,提供的什么服务。这其中甚至包括,你应该给用户什么样的惊喜,因为惊喜的内容通常是依托于当前内容和产品,并且易于理解,足够平衡。

2、透明

rotate

当你打开一个网站,它的介绍是一个东西,但是当你浏览下去却发现它完全不是之前看到的样子,这样的网站你应该碰到过吧。所以,当你在设计网站的时候,是否诚实透明地呈现出它应有的内容和样子?

如果你想让网站更加透明,可以参考下面的方式和技巧:

·告诉用户他所提交的表单会用来做什么
·告诉用户Cookie 会跟踪哪些行为和操作
·建立隐私策略,将用户数据的使用方式都概括出来
·尽可能使用安全的连接方式和HTTPS
·使用FAQ页面或者论坛为用户提供沟通的渠道
·如果涉及到金融交易,最好事先明确的声明相关的政策和信息
·如果出现了问题(安全漏洞),一定要进行解释并提供解决方案

3、注重诚信

agata

看起来这个概念并不复杂,但是它时常被人忽略:你要说到做到。

注重诚信,意味着从你的APP的发布时间到邮件列表的内容更新都必须认真践行每一个承诺。每打破一次承诺都会永久损失一部分用户。

4、给用户控制权

ua

今天的用户已经开始习惯于掌控他们自己的APP的使用体验了。用户开始追求定制化的网站体验和切合自己需求的APP。所以,保留用户选择的空间,即使是再小的选项都给予他们选择设置的权利。

让用户来决定交互的细节和设计的搭配,下面的技巧值得参考:

·提供导航选项,允许用户选择
·为用户的操作提供相应的反馈
·让用户对设计细节进行设置,比如通知系统的开关
·允许用户对内容细节进行掌控,比如购物的时候可以选择是男装、女装、男童装、女童装等
·当用户填写表单的时候,添加下拉菜单作为选择,同时鼠标悬停到特定条目的时候弹出说明为用户进行解释

5、使用简明的设计模式

cadoux

牵涉到设计模式的时候,不要老想推倒重来自己原创。之所以设计能模式化是有原因的,这些设计模式通常是被普遍接受,易于使用,能够鼓励用户与之互动。坚持围绕着易用性原则来设计。

当你的设计足够清晰明了,用户不会去问怎么操作,或者为什么要这么交互。这种信任是与生俱来的。同理,如果模式不够清晰明了,套路也不是大家熟知的模式,用户的质疑是动摇用户信任的开始。

6、创建清晰的导航

toast

足够清晰的导航设计能够让用户轻松理解整个网站的路径,这种明晰的设计能够让用户能它产生信赖。导航引导着用户在不同页面间跳转,找到任何他们想要的信息。

关键的UI元素在这个时候能够让你的导航更易用:

·页面的标题和名称
·视觉识别
·LOGO和跨页面的品牌设计一致性
·包含相关信息和联系方式的页脚
·使用一致的图标设计
·页面之间的前后关系
·文本内容的清晰表述
·跨页面的基本菜单结构

7、解除困境,解决问题

trainy

你的网站是做什么的?你的网站是为用户提出问题的,还是帮他们解决问题的?

毫无疑问,你的网站应该是帮人解决问题的。不然网站来你的网站来干啥的?他们想了解什么,想获取什么?所以,你的网站的每一个环节和交互都应当引导用户来获取解决方案。

所以,这一切似乎又回到了刚才的问题:你的网站应该有一个明确的目标。

8、使用简洁明了的沟通方式

gobag

不要把事情想复杂了。使用简明的语言来清晰地描述所有的内容,应用到所有的文案,尤其是关键的元素上,比如表单字段和按钮上的文本。

充满错误信息和模糊不清文本的网站是无法获取用户信任的。你应该仔细审核每一个文本内容,使用QA测试确保他们表述是正确的,功能是对等的。网站内的Facebook 按钮应当链接到你的Facebook页面,并且以正确的形式提交信息。对的控件传达出正确的信息,让用户和网站通畅交流的基础。

9、适当引入趋势

boogie

将时下流行的设计趋势和最新的设计手法纳入到你的网站中很有必要。过时的设计会让用户对你的网站的合理性和可靠性产生怀疑。

将你最关心的内容以符合流行趋势的手法呈现出来,并不断的努力改进,并同最先进的互联网技术结合起来。这样的设计其实同样会让用户产生安全感,并且以可视化的方式来获取信任。

这并不是说你必须在将网站设计得极具时尚美感,但是你也得让整体风格显得足够现代。扁平化的控件,幽灵按钮,鲜亮的色彩,卡片式设计和Material Design,都是能让你的网站显得微妙而动人的元素。

10、测试、测试、测试

nifty

最后,你要让网站所有的部分都充分的运行起来。你需要测试网站中的每一个元素,确保每一个用户访问的时候都能够体验到卓越的体验。

给用户提交问题的空间(这些问题随时都会有),并且及时解决这些问题。与此同时,你也需要给用户以反馈,告知他们之前提交的问题已经得到了解决。

这整个提交问题——解决问题的流程会让用户看到你们人性化的一面,而这也是获得信任的重要手段。

结语

信任对于整个界面而言非常重要,而优秀的用户体验是其中不可或缺的基础。缺少了信任,用户会质疑你的产品,会拒绝提交信息,会离开去别的网站。用户的信任会带来忠实的用户,会为你的网站带来价值,会传播使用的体验并带来更多的回头客。能否取得长足的进步和成果,信任至关重要。

【技多不压身的设计师才有高薪资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:designshack
原文作者:Carrie Cousins
优设译文:@陈子木

yestone-uisdc-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ui-users-can-trust

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 职场 版式设计 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里