用户界面设计的一些方法和原则。

👆首发于微信公众号:小阿田的设计笔记~ 


写在前面

什么是UI设计?每当你告诉非设计人员你的工作是什么,就会出现这个问题。

当今工作的大多数UI设计原则都围绕着简单的导航和基本的联系表单。另一方面,设计界正变得越来越富有新标准和技术,这意味着设计师将创造更多定制和动态体验。

什么是用户界面设计?该术语包含为机器和软件创建的所有界面设计,例如网站和移动应用程序的外观,以及它们的方向和易用性。一些界面设计师还将UI设计定义为创建图形界面的艺术,不包括用户语音和自然界面。

由于软件是无形的,因此GUI设计在用户与应用程序或网站的交互方式中起着至关重要的作用,这意味着唯一良好的UI设计是实现简化和无缝体验的设计。

因此,两个主要的设计基础是效率和可用性,因此界面将使用户能够完成他们的任务,甚至没有注意到设计如何工作。

基本上,最好的用户界面设计示例是那些“隐形”的,并且它们如此有效地描绘现实,以至于用户不会认为是他生成了屏幕上发生的变化。

然而,有了这么多优秀的UI设计,依靠效率来创建功能性产品已经不够了 - 界面也应该是美观和愉快的,就像聊天应用和游戏一样。

大多数时候,UI界面设计出现在服务上,用户需要进行交互才能完成任务,并且应该包括执行所需操作所需的所有工具和按钮。GUI设计决定了用户对软件和硬件的方法,并通过使这些操作尽可能无摩擦来提高可用性。

UI设计者需要满足用户的功能和美学期望。他可以使用纸和笔,使用任何专用的可视化程序进行草图绘制,甚至可以使用任何材料直接构建他的设计。他还可以创建模拟界面,以在发布之前测试其最终产品的效果。

重要的是区分用户体验设计和用户界面设计 - 它们既复杂又多面,但具有不同的作用。创建用户界面设计是为了将产品的布局,内容甚至开发转换为用户愉快和有效的体验。因此,它代表了严格的数字化任务。

UI设计师的主要职责如下:外观,感觉,市场和客户分析,研究,图形开发,品牌推广,导航指南,故事情节,响应性,交互性,原型设计,动画。

适用于所有设备和不同的屏幕尺寸

Web开发实施和调整

创建良好的用户界面意味着任何交互式设计的世界,它通常定义最终客户如何看待和欣赏品牌。设计师显然不是唯一负责品牌推广的人,但将品牌转化为产品将是他的责任。

要创建一个可靠的用户体验体验不需要编码,但设计人员也应该了解当前趋势和技术。

通过这种方式,用户体验设计对每个有兴趣创建优秀产品的人都很重要,而且还要了解客户真正想要的东西。

另一方面,如果您进入界面设计,您应该对数字设计的基本原则更感兴趣,并考虑向用户呈现产品的方式,包括输入反应性和显示质量。

UI设计基础

知道你在为谁创造

你不会总是喜欢你正在设计的东西,但是你必须与这个想法和平相处。你应始终将目标与客户的目标保持一致,并全面了解他们需要什么以及他们想要什么。

从他们喜欢的界面中学习,并与趋势和调整保持一致。是的 - 模仿竞争对手的趋势设计无助于您实现这些目标!

小心模式

让用户有宾至如归的感觉!您的界面不会是客户第一次遇到此类设计,特别是现在人们使用各种网络和移动应用程序时。

因此,您不需要重新发明轮子,而是简化这些过程,并解决问题而不是创建问题。出于此目的,尝试坚持常见和熟悉的模式,您的用户将不会有任何问题了解您的工作。

一致性很重要

保持工作一致。当用户了解如何在您的设计中执行某些操作时,他们希望再次执行相同的操作。一致性对布局和语言都很重要,并且仅适用于在所有实例上必须保持相同的少数主要元素。这样,您和您的客户都会更有效率。

以可视层次结构排列元素

不要浪费财产来向客户解释什么是重要的,而是使用界面设计来告知订单。元素的位置,大小和颜色可以帮助您创建可视层次结构,并为用户提供明确的跟踪路径。请注意,成功显示的层次结构也会使您的设计不那么复杂。

给予反馈

接口都是关于交互的,这意味着您应该与用户保持联系,让他们知道他们正在做的是对还是错。使用消息和可视提示来评估操作,通知更改并建议解决方案,您的用户将很容易理解您的工作。

期待错误

对于某些人来说,即使真正为他们服务,技术也是一种负担。这告诉我们的是UI设计应该容忍错误和误解,并且总是想出一种方法让用户撤消他们的行为(你是否因为出生日期错误而开始填写应用程序?)。同时,用户应该确切地知道他们搞砸了哪里,这样他们就不会再让它发生了。

为用户转移电源

只要用户了解如何使用您的设计,就可以将力量转移到他们的手中。让他们独立工作,将他们的行动切割成消耗单位,这样他们就不会在途中分心。完成任务的抽象方法也应该是该过程的一部分,例如使用键盘快捷键。

保持对话基调

即使在最好的界面中,文案也很常见,因为设计师并没有试图引起轰动。相反,他们用简洁明了的标签和说明走在他们的用户的脚下。用户喜欢这样,即使它不是花哨的,因为它感觉不像是在听别人而是自己。

简单一点

许多人无法回答“什么是UI设计”的问题,并且有充分的理由。他们中的大多数甚至都没有看到界面,因为它是一个向前移动的静音引擎,但仍然可以脱颖而出。在对设计进行任何更改之前,请估计用户是否真的需要它以及他们是否能够使用它。这是对你来说唯一重要的事情。

保持下去

开发接口不是一次性任务,而是需要频繁迭代的持续过程。错误会发生,但不要让他们劝阻你!学习和练习,并尝试创建用户甚至不会注意到的无缝界面。

最佳用户界面设计实践

什么是UI设计?在了解更多信息时,您的第一课应该是了解您的用户,并清楚地估算他们能做什么或不能做什么。您还需要发现他们的兴趣,偏好,倾向和技能。

以下是最重要的用户界面设计实践:

少即是多。界面越不可见,它就越成功。因此,摆脱无用的元素,并使用清晰的标签和消息。

保持一致性并仅使用熟悉的元素和模式。这样做可以提高您网站的舒适度和信心,并帮助用户在不到一时的时间内完成工作。一致性是指布局,语言和许多其他设计元素,最好的方法是教会用户如何优化设计的功能。

通过排版提高清晰度。做出智能型决策,明智地使用字体,大小和文本排列。这样,您的文本将更易于阅读和理解。

您必须遵守的用户界面设计法

清晰的法则

导致混淆和误解的所有因素都会留在阴影中,这个规则也不例外!

您是Gmail用户吗?如果是这样,您会记得Google更改顶部的导航面板,您可以在其中轻松访问云端硬盘,日历,表格或其他服务。

然而,该公司提出了这样的想法:他们可以通过将所有这些元素隐藏在抽象图标后来简化导航,因此许多Gmail用户无法找到它的方式。后果是什么?问Google的支持团队!

忽略您不理解的内容绝对是人类,因此请确保您的界面不会导致此问题。

背景法则

如果您邀请用户控制设计中的某个对象,请将界面控件尽可能靠近它。用户希望看到接口控件靠近他想要控制的对象。

这种尝试的成功在LinkedIn上显而易见,您可以通过单击旁边的小铅笔轻松更改所需的所有数据(以及您的名字!)。另一方面,Facebook允许你这样做,它有一个非常漫长而复杂的过程。

UI设计中的上下文要求让人联想到现实生活中的背景 - 准备爆米花,将其放入微波炉并打开设备。

如果您被要求跑到电箱并切换按钮使其工作,您是否仍然会被鼓励这样做?可能不是,这也是大多数用户改变他们的Facebook名称的原因。

用户希望操作流畅简单,让他们成功!

指示行为的法则

大多数用户因为被要求而在网站上执行操作。原因很明显,因为每个人都感到害怕采取了一步他没有任何线索。

为了了解我们所说的内容,想想LinkedIn - 因为他们引入了Endorsements功能,他们并不依赖于用户会知道它是什么的假设。

相反,他们在个人资料页面上提出了大型号召性用语横幅,并将该功能转变为最佳更新之一。

规则很简单:如果他们需要做某事,请他们去做。

及时反馈的法律

为了让用户感到自信,请给予他持续而明确的反馈。您可以按照Gmail的示例 - 您在此处执行的每项操作都会收到通知,并且人们会觉得他们完全可以控制服务。

简化法则

用于完成复杂任务的Web设计应分为几个可管理的操作。没有人喜欢复杂和冗长的形式,因为它们是压倒性的,并且总是必须仔细检查插入的信息是否正确。

然而,如果你采用这种形式并将其分成更小的步骤(理想情况下有进度条),人们就不会觉得它很无聊。

这就是所谓的简化和宽松法则,它告诉我们人们宁愿经历5个简单步骤而不是单个大步骤。你恐吓他们越少,他们就越有能力完成他们追求的任务。


写在最后

UI设计可以通过许多不同的方式进行解释,因为它可以组合动作的融合,帮助创建者在功能和形式上优化其服务。

简而言之,UI设计决定了用户如何与产品/服务进行交互,以及他们对产品/服务的感受。现在您可以获得什么是UI设计问题的答案。


作者:Bogdan Sandu

地址:https://www.designyourway.net/blog/author/bogdanel/

本文由Tzw_n翻译发布于公众号「小阿田的设计笔记」,未经许可,禁止转载。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,383评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,522评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,852评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,621评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,741评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,929评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,076评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,803评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,265评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,582评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,716评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,395评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,039评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,027评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,488评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,612评论 2 350