当你浏览一款网站时,一般会迅速的对网站的外观和使用感受做个评判,整体的设计风格是第一印象,能否引导用户继续阅读取决于此。
金玉其外败絮其中必然无法长久,功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》。
好的用户体验不仅仅关乎到功能性和设计美学,还需要考虑很多因素,我们一起来看一下吧。
一致性
最重要的交互元素一定要友好,并且风格一致。
尽管在设计一款网站时,我们可以融入很多创新点和美学风格,但是一些经常使用、且重要的元素,风格一定要一致,比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站,他们在这一点上做的就很棒,他们通常有很多的茶品页面,但是整体体验却相差不大,我们可以看看优衣库的网站。

像产品类别、当前按钮和重要的文本信息都通过红色来高亮显示
页面不同,布局基本相同。
可读性
一般来说,网页浏览者不会通读全文,而是仅仅阅读自己感兴趣的部分。
相关推荐:《警惕!你会犯哪些网页设计最常见的可用性错误》
眼动研究展示了用户最基本的浏览模式:从左到右,从上到下。因此,在设计时,要根据用户阅读习惯,合理进行布局。

做足留白
图像要大,这样用户才会停下来浏览
图标能增添读者对文本的阅读兴趣
字体大小和种类要有层次感
标题要吸引人
速度
如果页面加载速度过慢,那么没人愿意浏览。
研究表明,加载超过4秒,会流失25%的用户。

使用页面速度检测工具来检测网页加载速度
利用CSS Sprites来减少所需加载文件的数量
设计风格要尽量简约
通过Google Analytics分析回头率,来验证加载速度提升是否有效。
关联性
定制化,是用户体验设计的高级阶段
比方说, 这个网站 有效的捕捉了目标用户的需求,优雅、经典的字体设计,和需求高度关联的图像。

字体要大、要方便阅读,这样设计看起来就很经典
简约的界面,导航起来更轻松。
功能性
当用户与设计进行交互式,他们希望信息组织分明,功能完善。
网页设计的交互性其实很简单:操作起来舒服就好。华而不实的网页设计只会流行一时,看看这个案例:

按钮的辨识度要高,以便从页面中脱颖而出
重要信息应该高亮显示,这样用户便会注意到最基本、最重要的信息
填表务求简洁高效。
功能大于形式,通过设计解决问题,提高用户体验为主,而不是仅仅的提高美感。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
如何提高登录注册的提高用户体验
相关文章2902018-12-20
UI设计师需要学习的保存功能设计总结
相关文章3422018-12-07
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
详解如何写后台系统UI设计规范
相关文章5412018-11-29
详解表单设计的常见错误与解法
相关文章2272018-11-13
