火星网校
提升网页设计体验的100条实践技巧
发布时间：2024-08-15 11:51:22 浏览量：98次
网页设计中的用户体验设计
在网页设计中，用户体验设计（UXD 或UX）是通过提高用户与网站交互的可用性、可访问性和效率来提高用户满意度的过程。之前我们分享过《糟糕的网站用户体验常见的10大症状》，今天我们深入细节，罗列100个提升网站用户体验的实践技巧。
Flow
1. 把网站想象成一条通路：通过了解用户角色的目标和需求，使用户顺滑的从一个页面跳转到另一个页面。
2. 用户更容易注意到靠近页面顶部的项目，请按重要性由上至下排序。
3. 保持一致并且易于使用的 Web 界面可以帮助用户更专注于内容、浏览内容。
4. 避免在网站上创建错误的页面，这会给用户带来困惑，并为用户增加额外的获取信息的难度。
5. 使用常用的网站模式和界面习惯；不要让用户学习新东西。
Scrolling
6. 用户习惯一直向下滚动浏览网页，附加的内容应当在相关信息的下方折叠。
7.您的网站应该一直有视觉提示朝向页面滚动方向，并且确认有更多可用内容呈现（用户想要的内容）。
8. 网站页面越长，用户向下滚动到底部的可能性就越小。
9. 快速浏览网页要好过跳转，因为滚动比点击更快——只是注意不要让页面太长。
Contrast & Color
10.将您的网页颜色转换为灰度（黑白效果）测试效果，确保所有用户都可以阅读重要信息，比如色盲用户。
11. 不要将蓝色用于链接以外的任何文本。
12. 注意移动网站上的对比。屏幕眩光会使您的网站无法使用。
13. 在您的网站上为 CTA按钮（call to action）保留一种颜色，不要将其用于其他任何用途。
14. 温暖、明亮的颜色凸显，冷、暗的颜色留在背景中。
Loading
15.确保网站用户可以快速轻松地完成他们的主要目标。
16.对用户来说最重要的是你的网站感觉很快（即使这只是他们的感觉）。
17. 网站速度的感知基于加载时间、加载行为、等待时间和动画流畅度几个维度。
18.显示网站元素的脉络，在加载等待时传达布局。
19. 网站文本应该在图片之前加载，以便用户可以在网站其余部分加载之前开始阅读，减缓等待焦虑。
20. 超过几秒的延迟往往会让用户离开网站。
Mobile
21. 如果移动界面元素很小或靠得很近，就很难准确点击它们。
22. 手机上触摸目标的最小尺寸应为1cm x 1cm 并带有适当的填充。
23. 有人在您的移动网站或应用程序上使用小指表示界面目标太小。
24. 手持平板电脑时，拇指最容易触及屏幕的两侧和底部。
25. 除了正常的网页滚动之外，不需要垂直滑动。
26. 不要在移动设备上双击。确保用户可以通过一次触摸进行交互。
27. 在设计移动布局时确定用户会用一只手还是两只手使用设备。
Navigation
28. 总是有一个明显的方式让用户找到网站上的导航菜单。
29. 如果您的网站层次结构超过3-4 级，那么是时候重新设计了。
30. 考虑使用快捷菜单，尤其是在较长的网页上或需要快速访问时。
31. 好的网站导航可以随时隐藏，不影响主体内容的阅读。
32. 不要让导航改变
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
