在每个网页设计项目中遵循的4条优秀UI设计规则

  • By 本站 - 2023-04-27 10:44
  • Read:365

  今天的网站和应用程序是动态的和交互式的。作为设计师,我们的工作是使用户界面与我们的网页UI设计尽可能接近理想。有一些几乎通用的规则可以帮助你。我们把我们认为最好的设计原则放在一起,这样你就可以增强你未来的所有网页设计项目。

1. 让所有用户需要的东西都易于获取

  无论是网页设计应用程序的一系列设计工具,电子游戏角色的库存,电子表格还是其他任何东西,如果用户找不到他们想要的东西,他们就会离开你的软件。选项卡使内容易于访问。快捷键和悬停工具提示。例如,我们选择使用标签来组织Divi。您需要的所有工具都在构建器中,按类别分开。工具栏也同样可以访问。如果你使用WordPress,管理工具栏可以让你快速进入文章编辑器、主题定制器、插件设置等等。这些选项都有清晰的标签,你不需要搜索它们。另一个例子是帮助/支持/联系选项。在设计UI时,无论是手机应用、网页应用、WordPress网站还是其他东西,你的用户总是需要找到帮助按钮(或联系支持按钮)。他们一定会在某个时候联系你。这就是为什么您必须始终确保将帮助按钮放在前面和中间。看看迪薇。在每个模块中,我们都为您准备了支持按钮,只要您需要,就在您的指尖。最重要的是,帮助窗口会弹出一个视频教程,介绍你正在使用的任何功能。

2.  是一致的

   就像我们刚才所说的,在UI中保持功能位置的一致性是很重要的。但你也应该关注你的UI在整个产品中的工作效果和外

观一致性。不要把菜单放在一页的顶部,而放在另一页的底部。不要在每次加载时重新排列菜单项。确保你的用户知道你

网站上的东西在哪里。如果你在你的博客文章下面保留了一个联系表单,不要决定把它去掉。用户会注意到并感到困

惑。一致性还包括你的字体和设计应该从一页到另一页。不要在页面之间交换页眉/正文字体。有一个有趣的想法叫做“最

少惊讶原则”,如果你让你的用户对某些东西的工作方式感到惊讶,那就重新设计它,让它更直观。此外,你应该确保你

的UI适合你的平台——iOS应用在某些情况下与Android应用不同。桌面网站与移动网站在菜单、图库甚至产品结帐方面有

不同的需求。一致性意味着你不会让你的用户弄清楚在你的网站上做什么,从而让他们感到沮丧。

3. 明确

  这似乎是上面的重复,但清晰度和一致性是不同的。清晰意味着你希望你的用户在任何时候都知道该做什么。在某些方

面,这也会渗透到用户体验设计中,因为它可以减少用户的挫败感,提高留存率,降低跳出率。简洁明了是极简主义(在

某种程度上也是野兽派)网页设计如此流行的原因。人们不会对任何网站或页面的目的感到困惑,因为没有(或很少)混乱。

你希望提供与《Ling’s Cars》相反的体验。实现清晰的一种方法是在不同的页面上从一个步骤跳到另一个步骤。不要让结

帐过程在页面上向下滚动——或者包含在单个部分或框中——让用户从产品页面导航到购物车页面、结帐页面、选择付款

页面、下订单页面到确认页面。(亚马逊就是这么做的,如下图所示)。

4.  提供反馈

  用户最不想要的就是不知道发生了什么。如果他们按了一个按钮,提供一个按钮被按下的指示。你可以用多种方法来

做。您可以对按钮进行动画处理,使其看起来下沉到页面中。加载图标(如MacOS的彩虹轮)提供了反馈,“我们正在处理您

的请求”,而不必说出来。如果你允许用户上传文件(例如使用Dropbox或谷歌Drive),请给出剩余时间的指示。提供一个弹

出窗口或模式,告诉他们他们的操作是成功的,从而减少挫败感和困惑。


转载请保留出处及原文地址:https://www.shishangjue.com/article/533.html

上一篇:UI设计的基本技能     下一篇:交互设计的热门领域和发展趋势

直线

设计总监
138-0225-7571

微信
WhatsApp

WhatsApp
+8613802257571