快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)。

编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第四篇,原文最早发布于 marcandrew.me 。

在创建实用、可访问性良好且视觉效果颇为出彩的 UI
界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX
优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!

1、在涉及排版时,网格和规则可以适当地被打破

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

通常我们在设计 UI 的时候,使用网格系统和比例排布能够很快达到不错的排版效果,但是在很多实际情况下,文本排布完全依赖网格系统,又会多少让人觉得有点不够舒服和自然。

这个时候要注意,规则不是死的。这个时候要适当打破这些规则,使用双眼来进行光学对齐,而不是一味的遵照排版来做。

2、表单报错信息一定要准确且易于理解

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

在设计表单的时候,单纯的告诉用户这里出错了,并不会帮助用户更好地解决问题。通常需要告诉用户为什么错了,以及如何正确修正这些错误。比如当用户填写邮件地址不正确的时候,要告知用户是「格式不正确」还是「该地址已经被注册了」,这个时候改正就有明确的指向性了。

3、在加载过程中,提前展示界面布局

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

很多用户界面布局通常是相对固定的,在加载界面的过程中,向用户提前展示布局能够帮助用户构建初始的预期,让用户知道界面正在加载中而不是出错了。

系统状态的可见性借此进行呈现,这也符合基本的设计原则。

4、告诉用户某个操作可能带来的结果

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

UI 中很多操作带来的结果可能是致命性的,比如说删除操作,这个时候需要将这个操作的结果在界面中呈现出来,告诉用户某些结果可能在这个操作之后发生,帮助用户了解操作的严重性。

这样的优化能让用户更加明白具体按钮的功能和操作,确保产品的体验更好。

5、确保最重要的功能在标签栏中优先级靠前

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

如今的产品功能越来越多,越来越臃肿,这个时候,标签栏中的内容怎么排布就需要特别小心了。将标签栏中靠前的位置保留给最常用的功能模块,并且将次重要或者使用频次较低的功能模块,藏到「更多」里面,这样能让界面用起来更加顺手。

6、不要将重要的操作隐藏在下拉菜单中

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-4)

我们仍然时不时会在某些网站首页中,碰到登录按钮被隐藏起来的情况。用户对于这类高频度使用、优先级非常靠前操作,是有着极大的需求和依赖的,它们应当醒目地放置在用户习惯(比如右上角)的位置,这是确保界面的可访问性的重要细节。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/234319.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年3月1日 13:05
下一篇 2023年3月1日 13:05

相关推荐

  • 3种常见网格系统的用法,这篇帮你搞清楚! 。

    编者按:这篇文章出自著名的用户体验设计机构 NNGroup,资深用户体验设计师 Kelley Gordon 负责撰写了这篇文章。对于设计师而言,网格系统并不陌生,但是在什么时候用,用什么样地网格,甚至什么时候打破网格地规则…

    2023年3月2日 SEO操作
    020
  • 登录注册页面的三个禁忌

      登录与注册容易混淆 原因不仅仅是这两种页面设计比较简洁化,而是两者之间非常的相似,甚至是将其直接容纳到同一个页面当中。导致用户经常输入到差不多或者输入完成之後,才发现其中并不是自己所需求的页面…

    2022年6月25日
    0153
  • 页面重构有哪些常见问题?

    页面的重构离不开设计稿的还原问题,而常见的问题则有以下几点: 页面宽度问题 主要内容部分,目前主要的分辨率一般都在960以上,但有时候视觉设计师都不大遵循这个要求。 毛边问题 放大之後会影响可读和易读性,容…

    2022年6月25日
    0125
  • 网页设计师的情感体验。

    有大量的资源可以帮助我们学习网页设计,无论你是想要像大师级的程序员一样编写代码,还是想要创建令人惊叹的图形,只要点击几下鼠标,你就有机会提高你的技能。但是,作为一个网页设计师不仅仅是技术方面的事情。…

    2023年2月20日 SEO操作
    02
  • 如何从反馈与帮助提升网站的容错率

    一、 当用户有错误发生的时候:及时反馈给用户错误并且纠错帮助的提供 反馈错误的及时性是提升用户体验的一个很重要的法宝,因为能够规避开一些因为小错误而修改相关联的一系列内容的情况。除此之外,还要给予纠错…

    2022年6月16日
    0150
  • 网页设计案例分析:Pettrust宠物医疗用品网站首页设计分析

    网页设计前,很多客户都找来一大堆网站案例,让我们去设计。的确,观察别人网站,了解那些好看又使用的页面是怎样运作设计的,能帮我们找到灵感之余,还能确定好网站定位和方向。但是有时蒐集了大量各式各样的范本…

    2022年6月23日
    0211
  • 容易被忽略的可用性设计原则

    一、状态可见原则 也就是用户能够网页上进行任意的操作之後,无论是单击、滚动还是按下键盘,网页应该即时给出反馈。“即使”最好不要超过10秒。 二、环境贴切原则 网页设计时的呈现和表述,应当尽可能地贴近目标用户…

    2022年6月25日
    0117
  • 占位符和字段标签如何才能不混用

      页面设计到了表单设置时,通常会使用文本占位符,以此作为引导,让用户轻松就可以得知填写的格式、内容。在用户进行点击输入的时候,占位符就会消失。但是,有些页面设计想要降低表单的长度,会将标签直接作…

    2022年6月25日
    0119

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息