UI设计有哪些规范呢?
时间:2024-02-12 07:55:02 | 来源:网站运营
时间:2024-02-12 07:55:02 来源:网站运营
UI设计有哪些规范呢?:UI 即用户界面,用户界面介于用户和硬件之间,为彼此之间交互沟通而设计的,可以使用户能够方便有效地去操作硬件以达成双向交互,完成所希望的工作。
在早期的 UI 设计师是与程序员联系得非常密切的,在“网页三剑客”时代,UI 设计师甚至还要求会写代码,因为 UI 设计师的工作就是由程序员的工作分化出来的。
这就决定了 UI 设计并非纯粹是艺术化的视觉表现,它的背后与编程语言的呈现原理息息相关,有着严谨的规范和准则。比如 UI 设计师必须要懂的一些平台设计规范,他们同时考虑了开发者与设计师对工作质量和效率的需求。
如果把用户界面看作人机交互的媒介,我们介绍了 UI 设计的理性的一面,那么它另一头——“用户”,就展现了其感性的一面。
经过互联网行业几十年的发展,UI 设计已经形成了大量比较成熟的理论与设计原则,本文介绍一些现在比较主流的设计原则。
内容会持续更新,希望对你有所帮助!另外,有其他想要了解的泛互联网类内容可以评论或私信留言,感谢关注~
注:本文部分干货知识点来源于知群全链路设计师系列课程-UI 设计部分,文末有试听课程彩蛋~一、以用户为中心的设计原则
以用户为中心的设计原则可以帮助你创建更完美的用户体验。以用户为中心原则,顾名思义就是要从用户的真实需求出发,充分考虑用户的需求,匹配用户的期望值,为用户提供他们完成各项工作所需的内容,以用户熟悉的方式来构建信息和功能。
1.有用性:满足有用性需要以目标为导向的设计。- 客户目标 :比如降低成本、提高利润。
- 用户目标:比如提高效率、带来娱乐、获得讯息。
- 设计目标:比如改变传统方式、带来不⼀样的体验、解决某个流程的痛点。
2.易用性:潜意识中就能决定一件物品可能如何被使用的基础性质。如一把剪刀的外形就足以让你知道它们是如何使用,而 iPhone 却不是,所以需要额外提示。
3.情感响应:包含本能响应、行为响应、反思响应。- 本能响应是基本的器官响应,如看到剪刀就知道如何握住。
- 行为响应是用户体验过程中的行为的反应,如产生再次购买的行为、分享的行为等等。
- 反思响应是用户根据自己的价值观对产品做出的反应,如玩完“纪念碑塔”之后,我们会觉得自己非常向往那样的世界,因为那和我们对于世界美好的向往是⼀致的。
二、格式塔法则
格式塔理论是一个心理学名词,旨在解释人类的某些行为是如何产生的,也解释了我们人类的视觉经验如何与大脑的反应产生联系。作为 UI 设计师,其实只要理解这几个原理的含义和使用方法,就可以对自己的设计作出指导和支撑了。
- 接近性法则:对象彼此接近时,他们往往认为是一个整体;
- 相似性法则:外表相近的元素会被视为一组;
- 连续性法则:视觉倾向于感知的形式而不是分散的碎片。
三、拇指原则
人们主要用拇指来触控,这意味着我们需要为拇指设计,而不是为点击设计。屏幕上的重要元素都应该易于触控,而不需要他们费力的伸长拇指,或动用两只手。
界面设计遵从了这样的拇指规律,把高频的东西放在拇指热区:
应用原则
- 始终把拇指驱动作为原则,熟悉不同的手势、屏幕大小对应的热区。
- 把高频的东西放在拇指热区。
- 把破坏性的操作放在拇指盲区,提高数据被破坏的门槛。
- 越来越需要考虑大屏手机的手指习惯和操作系统的影响。
四、尼尔森十大可用性原则
尼尔森十大原则由毕业于哥本哈根的人机交互学博士 Jakob Nielsen 发表,Jakob Nielsen 对人机交互有很多研究,他提出十大可用性原则,用来评价用户体验的好坏,每个产品设计者都可以根据这十大原则进行自查。
尼尔森通过总结分析 200 多个可用性问题,提出了尼尔森十大可用性原则,掌握了这些原则可以帮助在产品设计中有效提升用户体验。
原则一:状态可见原则(Visibility of system status)
系统应该让用户时刻清楚当前发生了什么事情,也就是快速地让用户了解自己处于何种状态,对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。
原则二:环境贴切原则(Match between system and the real world)
设计的一切表现和表述,尽可能贴近用户所在的环境,将现实环境的操作功能巧妙地转化为线上功能,使其贴近用户。使用用户能听懂的专业术语,涉及专业化语言时要转化成用户熟悉的语言。
原则三:用户可控原则(User control and freedom)
对于用户的误操作,提供二次确认或者撤销的功能,这样可提高用户的操作可控性。
原则四:一致性原则(Consistency and standards)
遵循统一的产品设计规范/逻辑。这里的一致性包含产品和跨平台产品之间的一致性。
原则五:防错原则(Error prevention)
设置防错的机制,减少用户犯错。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。
原则六:易取原则(Recognition rather than recall)
减少用户记忆负荷,在适合的时机给用户需要获取的信息。
原则七:灵活高效原则(Flexibility and efficiency of use)
提供灵活的操作和高效地获取信息能力。
原则八:优美且简约原则(Aesthetic and minimalist design)
保留产品最主要的信息,如果不是优先级最高,要尽一切可能避免去影响产品的简洁和美观。
原则九:容错原则(Help users recognize, diagnose, and recover from errors)
用户在使用产品过程中出现了问题,及时准确的告知用户出现问题的原因。
原则十:人性化帮助原则(Help and documentation)
在用户需要的时候提供必要的帮助说明。
当然,在具体工作中的设计原则还有很多,以上是应用比较广泛的一些具备指导性意义的设计原则,后面结合具体的控件设计,平台设计规范更新一些实操性比较强的设计原则。
感恩看到最后,如果有帮助,可以持续关注,后期继续更新互联网行业的设计师、产品经理的学习内容、学习方法。昆哥在互联网行业工作了 15 年,从无艺术功底到学设计专业,从交互到产品,从 to B 到 to C,从打工到创业,一路摸爬滚打,不断从零基础入门,还和很多业内资深的朋友参与产品经理课程的教研,也了解产品经理的系统知识。
希望个人的经验能给大家提供有价值的参考,
内容稍长,但全是干货,还有福利。下面是
知群全链路设计师课程试听申请入口。如果有同学需要系统的提升自己作为设计师的能力,或者想零基础转行,想深入的了解一下互联网行业,可以申请一下,目前对本站的同学是
免费开放的: