5

如何做好用户体验设计?糟糕的网页设计盘点!

 1 year ago
source link: https://js.design/special/article/bad-user-experience.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

如何做好用户体验设计?糟糕的网页设计盘点!

更新时间:2023-02-10 10:39:19

在网页设计中,有些细节可能看似微不足道,但却会影响用户的浏览体验。而糟糕的网页设计,会给用户带来不愉快的体验。因此,我们整理了 4 个网页设计中的雷区,帮助 UI设计师避开这些陷阱,让网页设计更具用户体验性。本文将深入讲解这 4 个网页设计的雷区,使大家能更好的提升网页设计水平。

1.不够简单高效的搜索

在网络上,搜索引擎是非常重要的工具。它们可以帮助用户找到他们想要的信息,但是如果搜索引擎纯粹根据查询词的多少来确定结果的优先次序,而不是根据每个文件的重要性。对于用户来说可能会是糟糕的体验,这就是为什么当搜索引擎在列表的顶部叫出 "最佳选择",尤其是对于重要的查询,如你的产品名称,会对用户产生很大的帮助。导航失败的情况下,搜索就成了用户的生命线。即使高级搜索有时会有帮助,但简单的搜索通常效果最好,用户希望可以得到模糊搜索的支持,例如错别字、复数、连字符和其他查询词的变体。没有模糊搜索的搜索引擎对用户来说是不够优质的。并且搜索应该以一个简单的方框呈现,因为那是用户正在寻找的东西。

用户体验设计

搜索组件设计资源,点击即可免费领取

2.只能在线阅读的PDF文件

用户在浏览网页时,遇到一个 PDF 文件会让他们非常不适,因为这破坏了他们的浏览流程。即使是打印或保存文件这样简单的事情,在 PDF 文件中也变得困难,因为标准的浏览器命令并不起作用。PDF文件的布局通常是为纸质阅读优化的,很少能和用户浏览器窗口的大小相匹配。滚动也会变得粗糙不顺畅。字体也会变得比较小。最糟糕的是,PDF 是一个无法区分内容块的文件,很难浏览。实际上,PDF 文件非常适合打印和分发手册和其他大型文件。为了解决这个问题,建议将任何需要在屏幕上浏览或阅读的信息转换成真正的网页,保留 PDF 文件只用于打印和分发。

1674026703294.png

书籍阅读类小程序界面设计,免费可商用资源点击领取

3.不改变已访问链接的颜色

对过去导航的良好掌握有助于你了解你现在的位置,因为它是你旅程的顶点。了解你过去和现在的位置反过来使你更容易决定下一步去哪里。链接是这个导航过程中的一个关键因素。用户可以排除那些在他们早期访问中证明没有结果的链接。反之,他们可能会重温他们在过去发现的有帮助的链接。最重要的是,知道他们已经访问过的页面可以使用户免于无意中重复访问相同的页面。这些好处只有在一个重要的假设下才会产生:用户可以区分已访问和未访问的链接,因为网站用不同的颜色显示它们。当被访问的链接不改变颜色时,用户在可用性测试中会表现出更多的导航迷失,并无意地重复访问相同的页面。

1674026703316.png

国内互联网厂商主体色版,点击即可使用

4.固定的字体大小

在网页设计中,固定字体大小是一个很大的问题。CSS样式表给了网站开发者禁用浏览器内置的字体大小调整按钮的能力,规定了固定的字体大小。然而,这种固定的字体大小大多数情况下都是过小的,对于超过40岁的人来说可读性降低了。所以我们应该尊重用户的喜好,让他们可以根据自己的需求调整文字的大小。此外,我们应该使用相对单位来指定字体大小,而不是绝对的像素值。

以上就是关于「避免糟糕的用户体验!从这 4 个“错误”中学习 UI 网页设计!」的全部内容,在网页设计中,避免一些细节上的错误是非常重要的。希望本文能够帮助 UI设计师避免这些陷阱,从而提升网页设计的用户体验性。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK