设计优秀网站的7个用户体验原则

用户头像
上海/UI设计师/6年前/789浏览
设计优秀网站的7个用户体验原则

现如今,我们每天花费大量时间在互联网上阅读新闻,浏览网站以及使用应用程序。有时候,在线的体验真的不好


互联网时代,我们花费大量的时间在线阅读新闻,在浏览网站以及使用应用。很多情况,我们的在线体验并不是很好。


所有的不好体验其实都是由于在设计之初我们并没有把用户体验纳入考虑在内。作为旁观者很容易发现或注意到的问题,作为项目负责人的时候可能变得有些棘手。


作为设计师,我们有责任创造体验好的设计。其实这真的不是很容易。


以下是我在从事多年Web项目中总结的一些关于用户体验最好的做法:


1.设计应专注于用户体验

 

相比网站所说的更重要的是:让用户使用网站的经历。其实用户经常会忘记所浏览过的数据和内容要点,但他们一定会记得带给他们的感受,这一点在广告业中非常常见,那为什么不尝试用在网页内容上呢?


图形,布局,文本和交互方式不只是传递一些信息。它们有共同的作用,那就是为你的用户提供体验。 用户体验设计是人机交互中非常重要组成部分。


如果你想让网站从如此海量的网站和信息中脱颖而出,其中的关键因素: 让更多的视觉和交互体验具备更多的情感共鸣。


2.浏览,而不是逐字阅读


网站是一种可浏览的状态,因为用户一般不会逐字逐句的阅读内容,而是快速浏览的方式,因此信息图表和可视化已经成为人们传达指令和数据的方式。


多数人会扫描页面来寻求能触动他们的内容,当他们想要了解更多信息时就会去仔细阅读了。



3.用户希望简洁清晰


用户会花半秒钟的时间通览网站,因此如果我们希望让用户做什么,就要明确这个功能。不要让操作按钮难找。将用户的注意力集中到最主要的按钮上,而不是一大堆的按钮上。


反复推敲你的网站/产品是做什么的,尽可能的易用。部分设计对于多数用户来说已经很好用了,因此额外功能可以被隐藏,只要在需要时能找得到,不要一次性展示所有内容。


提供一个清晰统一的设计,对于用户来说更易于理解:复用视觉语言、交互操作等,这可以降低他们理解界面的成本。当用户熟悉了,这会使浏览过程变得更加清晰易用。


4.通用设计与创新


当设计元素很常见(习惯了),就不要为了创新而重塑UI模式。让用户费劲脑筋重新理解你的UI界面,这并不是我们想要的。我们要的是让用户快速熟悉界面,拥有标准的操作方式,如链接很突出、登陆位于右上角。无需重新定位此类标准化组件。


标准模式下的创新不但不会提升可用性,还会使界面变得难用,尽管你可能认为摆脱传统束缚很酷炫。但可能使用户更难以浏览,还会陷入困境:创新和可用性的平衡取舍。


在设计之前,链接、按钮和导航的放置需要关注可用性。最好在不考虑设计的情况下专注于这些布局,然后再添加创意元素。


5.了解我们的用户


在设计之前,我们必须清楚自己的网站/产品的目标用户是谁,做出最好的设计需要依赖于此。


我们对网站/产品的受众有清晰的了解,我们就能找到他们的需求,设计可以满足用户需求的触动人心的完美设计。竞品分析是能为完成这些目标提供想法,留意竞品的颜色、布局、风格、特点等等。


当用户适应了风格的时候,他们浏览网站就轻松很多。然后我们就可以根据他们的需求,找到自己的定位,找准了用户,还需要将他们的反馈纳入我们的设计。


最终用户的操作反馈是非常有价值。

 

6.视觉层级


在界面上放置最重要的元素时,突出显示,以便用户注意到。 在设计中,有很多方法可以突出显示内容,但最行之有效的方法莫过于放大他们。


通过放大,使某些事物成为一个焦点。一些网站就是以此做到不可能被忽视的效果的,比如突出显示销售额或高亮的“点击这里”的按钮。


7.用户体验质量


用户体验蜂巢模型中的用户体验因素,产品核心就是你能为用户带来什么价值:

undefined

有用|面对的用户需求是真实的(设计师,不能满足管理者的旨意行事。有勇气创新去查看产品和系统是否有用)

可用|功能可以很好的满足用户需求(容易使用意义重大)

合意|情感设计的融入各个方面,图形、品牌和形象等都是有独特的价值的

可寻|设计便捷的导航,用户可以容易找到他们需要的

可及|用户更够方便滴完成操作。网站是高效的,也适合障碍人士

信任|让用户产生信任,建立信用

价值|网站必须能够带来价值(非盈利网站:用户体验是促进完成目标;盈利性网站,为投资人提供价值并提升客户满意度)


用户体验的蜂巢模型通过迅速达成一些目的从而成为最有效的模型之一。


首先,它超越了可用性而能够帮助人们理解需求,并定义需求的优先级。对于网站而言合意和可及哪个更重要?如何理解有用和信任?这些问题的答案依赖于环境、内容和用户的平衡,这三个因素的综合考量显然比毫无意识地去做来的更好。


其次,蜂巢模型对于网页设计而言支持模块方法,如果说你想提高你的网站,但是缺少预算、时间。为什么不尝试以下有目的的重新设计呢?或许对于评价和提高网站的信任使用斯坦福的十条指导方针是个很好的开始。


第三,蜂巢模型的每个要素都像一面镜子,帮助我们看待我们正在做的事情,使我们的探索超越了常规的界限。


以上这些就是对用户体验的蜂巢模型的简单理解,通过对这个蜂巢模型的了解,可以把自己网站完善更加贴近客户,可以方便客户找到他们想要找的东西,也可以一下子抓住客户的眼球,这样子就可以不断地为网站带来流量,久而久之就可以为客户带来巨大的利益。


以下是与创建用户体验相关的更多内容:


前后关联|确保用户知道自己在浏览页面时所处的位置

人性化|用值得信赖,透明化,平易近人的人性化交互而不是生硬的机器交互

可探索|确保用户在第一次访问时能完成任务

可学习|交互要简单,在不同产品当中的衔接是无缝的,确保用户在后续访问中能完成目标

高效|试问自己重复访问可以快速轻松地完成重复性任务吗?

令人愉悦|确保产品能够打动用户,使他们与之产生情感联系并支持你的产品

成为执行者|确保系统在用户与用户互动时表现良好


结语


用户需要与产品在使用的时候有情感联系。如果只是设计界面而不是设计体验,你的产品获得成功的机会就将受到限制。


界面需要易于操作和使用,并为你的用户设计适当的颜色和字体。 不要忘记整合最终的用户反馈,同时保持整个设计的连贯一致。


翻译作者|悠游

编辑审核|TCC翻译情报局

10
阅读原文
|
举报
|
17
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
古风平面仕女与瓷器
牛奶乳液层次平面平铺平面
学习,优惠券,平面,海报
平面设计 吊牌设计
城阙凡花
空的平台平面和自然景观
平面男孩喝咖啡插画设计
水蜜桃和李子的平面水果图案
倒计时,海报,平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
玄关入门地毯印花图案红地毯
平面书法字手写
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
空的平台平面和自然景观
海底世界插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
平面插画设计女孩喝咖啡
课程海报,平面素材
金色颗粒质地的平面
你可能喜欢
相关收藏夹
大家都在看
登录注册