订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > UX设计 > 【推荐】来自用户体验大师的100个UX设计建议——下篇

【推荐】来自用户体验大师的100个UX设计建议——下篇

Cherry
2019-11-20
2582

以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器

网站用户体验设计(UXD或UX)是通过提高用户与网站交互的可用性、可访问性和效率来提升用户满意度的过程。在Intechnique机构,我们一直都在研究并应用最好的用户体验原则。今年早些时候,我成为了世界上第9个获得尼尔森诺曼集团(Nielsen Norman Group)颁发的UX硕士学位的人。在此,我想分享一下这些年来我获得的一些最佳实践原则。以下是余下的50个顶级用户体验实践,供设计师们参考。

上篇:【推荐】来自用户体验大师的100个UX设计建议——上篇

一、关于链接

51. 网站或应用程序中的非链接元素不要使用蓝色文本或下划线。

52. 网站上所有的URL地址都应该链接到对应的页面。

53. 用户总是希望某些元素(如产品图片或评论)是可以点击的。

54. 将浏览过的网站链接设置为不同颜色,减少用户的记忆负荷。

关于链接建议51条

二、关于按钮

55. 网站上的按钮必须看起来可以点击,并且有足够的空间让用户舒适地点击。

56. 网站或应用程序上需要经常操作的大按钮,建议放置在用户容易触及的区域。

57. 网站上的背景颜色、边框和行为导向标签都可以用来向用户表明某些元素是可以点击的。

58. 从平面设计角度来看,CTA按钮和行为导向标签务必使用对比色。

59. 在用户点击按钮后,网站应该弹出一个操作成功之类的视觉提示。

60. 更改或删除手机数据的按钮应该多设置步骤,以防止用户意外点击。

关于按钮建议第55条

三、关于搜索

61. 除非你有一个非常小的网站,且内容很少,否则网站应该提供一个搜索区域。

62. 搜索区域看起来应该像桌面布局中的文本框,且可以用于移动设备。

63. 将搜索框放在用户容易找到的地方,通常他们习惯在右上角寻找搜索框。

64. 当用户想要在网站上进行搜索时,他们通常会寻找一个“可以输入的小框”。

65. 在网站上提供充足的检索展示区域,以便用户看到整个搜索结果。

关于搜索的建议第62条

四、关于图片轮播

66. 尽量避免使用图片轮播。幻灯片式的图片展示会增加用户的记忆负荷,他们一次只能关注一样东西。

67. 图片轮播上的圆点很难在移动网站上看到,可以使用从左边和右边活动浏览图像。

68. 图片轮播上建议使用描述性标签,不要使用导航箭头。这样用户才会知道下一张幻灯片会出现什么。

69. 极少数的用户会点击网站上的图片轮播区域,尽量不要在这里设置交互。

70. 网站的图片轮播自动播放模式,应该在用户与其交互时切换到手动模式。

关于图片轮播建议第66条

五、关于手风琴

71. 使用手风琴菜单可以有效压缩移动端网站上冗长的内容。

72. 在用户点开手风琴菜单后,同样要设置可以收起这些展开的内容的交互。

73. 在移动网站上使用手风琴的优点:比页内跳转链接更容易使用。

74. 在移动网站上使用手风琴的缺点:增加了交互成本。

关于手风琴使用建议第72条

六、关于提示和帮助

75. 网页的主要目的是对用户显而易见,显而易用。

76. 用户一般不愿意在网站上使用帮助指南。不妨将其融入网页内容中,并在适当的时候提供指南和解答。

77. 在网站和应用程序中,仅在用户需要时才显示提示。

78. 帮助和说明应该尽可能简洁,并且在视觉上与其他界面元素不同。

79. 在网站和手机应用程序上一次只显示一个提示,这样才能减轻用户的记忆负荷。

提示和帮助建议第76条

七、关于图标

80. 图标必须直观地描述它们的功能和用途,让它们保持简单、熟悉、有意义。

81. 图标应该只在必要时使用,要避免过度使用和为了装饰而使用。

关于图标的建议第80条

八、关于内容

82. 网页上重要的信息应该放在最显眼的位置。

83. 把关键信息放在首位。因为用户从左上角开始浏览,一般前2-3个单词被扫描得最多。

84. 把高优先级的内容放在网站页面的顶部,可以使用分析工具来确定不同设备上的内容优先级。

85. 在网站上使用颜色和大小对比来区分主要信息和基本信息。

86. 优先级(例如上下文、位置和紧急信息)内容对移动用户来说非常重要。

87. 移动设备优先级排列一般为:位置,事件,电话号码,紧急信息,时间敏感信息和即时信息。

88. 简而易懂的术语比行业术语或流行的术语更适合网站导航。

关于内容的建议第83条

九、关于可读性

89. 使用视觉多样性和有意义的文本,用户浏览页面容易。因为大部分用户通常会先浏览,再开始阅读。

90. 可读性不只是用户是否能读到一些东西,还包括是否想读。

91. 在项目列表、编号列表、行和段落之间增加行间距,可以增加可读性。

92. 在选择网站字体时,要考虑它的易读性、可读性、权重和样式。

93. 在移动网站和应用程序中,可以考虑将字体的高度增大,以提高其可读性。

94. 避免在所有设备上使用偏小字体,尤其是长篇内容中;也不要在正文中使用压缩字体。

关于可读性的建议第100条

95. 确保移动网站上标题的文本大小与其他内容的响应速度相同。

96. 在移动网站上增加字体大小时,始终保持字体大小可根据屏幕大小缩放。

97. 请注意Banner不要放置重要信息,用户会自动忽略任何看起来像广告横幅的东西。

98. 每个段落只包含一个想法,这样可以使长文本更容易阅读。

99. 对于有阅读障碍的读者来说,斜体字比长文本更难读。

100.在英文标题和标语中单词字母不要全部大写,它比斜体字更难读!

以上就是《用户体验大师的100个UX设计技巧——下篇》,感谢大家的关注,希望能为大家的用户体验设计带来帮助!

原文作者:Andrew Kucheriavy

原文地址https://www.intechnic.com/blog/100-ux-design-pro-t...

学习工具,但不受限于某种工具。摹客iDoc,高效协作,从产品到开发,只要一个文档,让你的团队高效协作!

上一篇
【亲测】新手设计如何又快又高效?10个省时妙计帮你解决

Snow   11/22

确定会使用视觉分隔符吗?干货在此!

Grace   11/14

下一篇
需要帮助?

摹客产品顾问为你服务

帮助群:651432826

服务邮箱:service@jongde.com