srcmini本文概述
“提防虚荣, 使虚荣心受到称赞, 或受到称赞。” –查尔
我用过度刺激的, 关键的U-X射线眼睛浏览一些设计灵感的站点：)我常常从耳边冒出烟雾。就像标题中所说的那样, 这很令人讨厌, 但不要太当真。我想指出一点。
是的, 我知道其中一些设计展示网站不一定非要用于实际产品, 但随后我仍要说, 它们需要反映出一种深思熟虑的设计方法, 主要是通过询问主要问题”这是为了谁？ “, “人们将如何使用我的产品”和”它实际可用吗？”。
遵循最新潮流的肤浅的应用程序设计, 公然忽略了基本的可用性约定, UX最佳实践和交互设计的基本原理, 很可能在现实世界中会失败！幸运的是, 它们通常不会超出Dribbble和Behance上通常荒谬可笑的自我幻想世界。
不幸的是, 这些”概念设计”只是一个虚构的应用程序中的单个屏幕, 只能使被标记为艺术家的设计师永存, 因为他们只是假装者, 只在乎贴面, 漂亮的颜色和字体。如今, 任何应用程序设计都必须超越这一范围。
我说的是UX。
如果现实世界中的人们试图实际使用这些应用程序, 我保证超过50％的人会很难使用它, 并且随后会感到困惑。
谁不需要另一个天气应用程序？用户没有任何有关如何使用它的线索。 (乔纳·丁格斯(Donabble))
数位产品设计师值得精打细算, 并想提升自己的游戏水平, 这是必不可少的, 他们必须保持自我意识, 避免不必要的繁华, 自私的公众游行和毫无意义的观众诱惑。 #UX失败！
没有任何精美的GIF动画可以解决设计不良的应用带来的严重用户体验问题, 例如隐藏的手势交互, 无意义的图标或对比度较低的文本。 (Arunraj在Dribbble上发布的旅行应用)
放弃奉承的可用性
要使数字产品设计在市场上取得成功, 必须具有出色的用户体验。可以肯定的是, 美学-外观和感觉的设计很重要, 但它们只是对最终产品的补充, 是对可用产品的一种补充, 并且使用起来很愉快。仅仅追求美学完美而放弃可用性的人最终将成为失败者的游戏。
正如经常被称为”可行技术专家”的唐·诺曼(Don Norman)所说：”伟大的设计师可以带来令人愉悦的体验。”
令人愉悦的体验是那些在传递流畅, 无缝的互动和预期体验的过程中产生最小摩擦的体验(即让事物看起来好像是在魔幻般地出现。在正确的时机, 正确的方式正确的事物)。
到达那里的方法肯定不是通过忽略既定的最佳实践和设计惯例, 而仅仅关注外观。很明显, Dribbble令人吃惊：1)你不了解你的用户, 以及2)你正在复制时尚。
你的设计是否在问这些问题？
忽视惯例会带来危险
无论是在数字产品设计还是工业设计中(例如汽车或自行车), 设计惯例都植根于人类行为, 力学, 物理学, 科学和广泛的研究中。它们遵循最佳实践和人类对事物运作方式的期望, 因为我们已经习惯了它们, 并遵循了无数的约定。这些约定是通过反复试验得出的, 并且随着时间的推移被证明是非常有效的。有点像进化。
忽略或违反设计规范非常愚蠢, 有些自大。它们是基础, 是我们进行创新的基础。这是关于期望的。没有他们, 你可能会惹恼别人。试想一下, 如果每辆自行车, 每一个门把手(或者每辆汽车中的踏板和方向盘)都以不同的方式工作, 而它们全都以”创新”为名。
两个词：完全混乱。
用户界面就像一个玩笑。如果你必须解释一下, 那就行不通了。
Dribbble的另一个应用程序设计(Aaron 1991在Dribbble上)
注意启发式
精心设计, 致力于成为可用产品的应用程序应遵循公认的设计惯例, 基本的可用性准则以及交互设计的原则(除其他事项外), 并通过启发式评估来获得成功。 (“启发式”是因为它们是广泛的经验法则, 而不是特定的可用性准则。)
为使应用程序设计在现实世界中正常运行, 他们应该遵守尼尔森·诺曼集团(Nielsen Norman Group)定义的十种用户界面设计可用性启发法, 这是二十年来用户体验领域的领军人物。这些是：
- 系统状态的可见性
- 系统与现实世界之间的匹配
- 用户控制和自由
- 一致性和标准
- 错误预防
- 认可而不是回忆
- 使用的灵活性和效率
- 美学和简约设计
- 帮助用户识别, 诊断错误并从错误中恢复
- 帮助的可用性(可能是”快速浏览”或演练)
在此处详细了解有关交互设计的这十项通用原则。
痴迷以创新为名
通常, 应用程序概念屏幕是由设计师设计的, 他们在展示作品集的网站上寻找大量喜欢的对象, 目的是将自己的方式推向Dribbble上的每日热点部分。一些花哨的, 简约的UI设计不是产品。这类似于设计车门, 而没有提供汽车其余部分的外观或在实际场景中的工作原理的任何想法。
Dribbble的交易应用程序设计。它不是一个菜单, 而是两个菜单, 其中充满了神秘的图标和低对比度的文本。
不要误会我的意思！设计创新是必要的。对于任何学科或创意领域来说, 健康发展都至关重要。但这不应以牺牲用户体验为代价。让我们在这里区别一下, 称之为设计实验。在干净, 简约的设计理念下, 只是希望与众不同和炫酷, 这些站点上游行的许多所谓创新设计都牺牲了基本的可用性。
可用性101
可用性是出色的用户体验的基石, 它是一种质量属性, 可评估用户界面的易用性。可用性一词还指在设计过程中提高易用性的实践。
应用是否有用取决于实用性和可用性。实用程序为用户提供所需的功能；可用性就是这些功能的使用有多么轻松和愉快。因此, 根据定义, 忽略了这些可用性基本原则的精美应用程序设计最终将毫无用处。
可以理解的是, 设计师正在寻找新颖有趣的方式来设计其应用程序的导航。但是, 在意料之外的和无法使用的之间有一个很好的界限。导航设计中要考虑的三件事是一致性, 用户期望和上下文线索。例如, 应用概念设计对你的电子商务的幻想程度如何都无所谓。如果用户找不到产品, 则无法购买。
有用的设计
正如史蒂夫·乔布斯(Steve Jobs)所说：”这不仅是外观和感觉。设计就是它的工作方式。”
他在谈论有用的设计。
如果设计师对一个人应该如何工作的思维模型太过困惑, 则该应用程序将失败。如果用户的心理模型和概念模型之间存在巨大的不匹配, 则该应用程序是敬酒的。顾名思义, 心理模型是人们脑海中的概念模型, 代表人们对事物运作方式的理解。
交互设计的最基本原则之一是, 如果要使用户界面有用, 则用户界面必须具有指示符。如果用户在UI中没有可视信号提示用户可用的动作或手势交互(称为指示符), 则你的产品设计就是DOA。
就像你作为设计师可能对你的产品迷恋的那样, 用户更加关心实用性。他们不想学习你的应用, 也不想走上发现或试验的旅程, 通过尝试在UI中滑动内容来查看有效的方法。正如二十多年的可用性顾问史蒂夫·克鲁格(Steve Krug)在他的《不要让我思考》一书中所说, ” [可用性]是首要原则, 是决定设计是否可行的最终决定性因素。”
一个人如何使用这个程序？ (来自Dribbble的Brandon Termini的占星术应用)
可以肯定的是, 正如70年代布劳恩(Braun)的一位传奇德国设计师Dieter Rams一样, 他启发了苹果公司所说的一切：
产品的美学品质是其实用性不可或缺的一部分, 因为我们每天使用的产品会影响我们的人和我们的福祉。但是只有执行得当的对象才是美丽的。
换句话说, 设计必须在所有级别上工作。
由Dieter Rams设计的Braun收音机。真正的功能极简主义。
根据Dieter Rams的介绍, 这是十项好的设计诫命：
让我们记住, 视觉设计(即美学)只是UX设计的一个方面。这是最后一层, 应该提升UX设计过程中发生的所有事情, 即定义业务目标, 识别核心用户(角色), 用户研究, 草图, 构想, 线框图, 模型, 原型和可用性测试。 。这是最终的单板, 可以与情感设计保持一致, 从而提升整体用户体验。
减少精力
大多数人不知道未标记图标的含义, 并且标题中缺乏对比度会使大多数用户看不到导航。 (电子商务应用程序花式)
在设计不良的情况下, Designer先生和女士正在做的事情是要求人们解密和解释模糊的图标和象征, 从而增加他们的认知负担(工作记忆中使用的脑力劳动总量)。另一方面, 良好的用户体验设计将减少认知负担。这种自私的设计-是的, 我去过那里-在人们的行进路线上设置了障碍, 增加了摩擦和挫败感。这真的是目标吗？
“打开和关闭”是什么意思？图标有什么作用？这种设计要求用户解释和学习太多。 (斯坦·雅库塞维奇(Betan)
设计师需要提供清晰的标签(链接和按钮)和明显的路标(清晰的导航), 以帮助用户形成应用程序的思维导图, 并了解事物的位置和使用方式。导航应该清晰, 面向任务和逻辑(例如, 屏幕控件会建议如何使用), 并且其位置应始终保持一致(例如, 在菜单栏上)。
如果用户可以轻扫, 则使用户可以轻按的地方明显, 并使目标足够大以便于轻按。防止错误。不要让人猜到是什么意思。别偷懒避免使用汉堡包和烤肉串菜单(三个点), 因为它们会隐藏导航并使内容难以被发现。尤其要避免使用看起来甚至不像汉堡菜单的汉堡包！是的, 空间有限, 但事实证明, 选项卡(顶部底部)和汉堡菜单的组合比单个汉堡包的性能要好得多。
顶部类似汉堡包的菜单。需要解释的未标记图标。 (来自Dribbble上xiaoniaojiu的会计应用程序)
即使是优步, 在其他设计良好的应用中, UX也是一个大的UX冒犯者。你能看到那个汉堡菜单吗？大多数人也不会。
Turo是另一个大罪犯, 在标签栏中带有未标记的图标。关于它们的含义, 零线索。
现实世界中的大多数人在尝试弄清楚如何使用此应用程序时会遇到真正的困难。 (Tubik的家庭预算应用)
这不是一个完美的世界
如果你的产品进入用户手中, 他们是否能够找到并实际使用它？他们可能无法像设计这些屏幕那样使用超级双面打印设置。再考虑一下可用性和可访问性(视觉障碍, 肢体障碍, 认知障碍)。根据人口普查数据, 在美国, 至少有19％的人有残疾, 在欠发达国家中这一比例可能更高。如果某人视力不佳而选择了你的应用程序, 他们将能够使用它吗？
你的设计”手指友好”还是使用起来很痛苦？人们需要花多少力气才能到达应用程序屏幕的不同部分？你是否在考虑用户任务流程, 将可操作的项目放在人们的指尖下, 而不是使它们围绕屏幕的四个角跳动？设计真的符合触摸吗？你是否已经掌握了手持机手遮挡的区域？
正如Luke Wroblewski在”大屏幕智能手机设计”中指出的那样, 你是否考虑过设计在大屏幕上的表现？
较大的移动屏幕使某些UI元素难以触及
你的设计真的遵循Apple的iPhone人机界面指南的建议, 即最小目标尺寸为44像素宽, 44像素高吗？微软的《 Windows Phone用户界面设计和交互指南》建议触摸目标大小为34px, 最小触摸目标大小为26px。
不要因为文字和背景之间的反差极小或难以辨认的微小文字而爱上它, 因为它会使你的设计”时髦, 简洁, 简约”。
由于元素之间缺乏对比, 因此几乎无法理解。图标位于三个位置, 有些未标记。
由于对比度低, 几乎无法阅读导航。 (Rono在Dribbble上的Speed Tracker应用程序)
更好的用户体验
Spotify的应用程序设计干净且标签清晰。快速了解其主要功能。 (但是那里有讨厌的烤肉串菜单！)
星巴克的设计师们不会偷懒。看, 没有汉堡菜单！设计师甚至取消了图标, 而是选择了简单的文本标签。
即使设计师通过图标进行创意创作(即使标签清晰可见), 也无需做任何猜测。 (由srcmini设计师Mohammed Bilal设计的应用
我们需要更好的设计
那么, 什么是好的设计？该讨论可以写成一本书, 但总的来说, “好的设计”是指该设计的用户将所有内容综合在一起的时候。
这意味着设计要”好”并且对用户有用, 它必须考虑到成功必须交付的多个层次和因素。
设计趋势来来往往。平均设计趋势只会持续一两年。良好的可用性是UX设计的基础, 将继续存在。
根据出色的用户体验的七个因素进行设计的产品将比任何设计趋势都更加可靠。专注于可用性, UX最佳实践, 交互设计约定以及影响用户体验的因素的设计师, 将比那些没有关注的设计师产生更大的影响。最终, 他们将获得回报, 其数字产品将在市场上得到更广泛的接受和成功。
交互设计基金会的影响用户体验的七个因素
如果作为设计师, 你想在UX方面变得更好, 以便创建有用的移动和桌面应用程序, 而不仅仅是漂亮的应用程序, 请花一些时间至少学习UX的基础知识。首先关注UX博客, 订阅新闻通讯和在线出版物, 例如srcmini设计博客, UX杂志, UX问题, UserTesting, uxdesign.cc, UX设计周刊或交互设计基金会。
阅读与生活中的, 真实的参与者进行的用户研究。正如他们所说, 数字并不真实。其他一切都是假设和假设。
在Twitter上关注UX思想领袖。阅读UX文章和白皮书, 其中最著名的是Nielsen Norman Group和Adaptive Path。
中型是我最喜欢的在线阅读UX / UI设计文章的目的地之一。全世界的设计师都在使用它来阅读有关设计, 用户体验, 可用性以及与创建和构建出色的数字产品有关的其他主题的信息。这是中等设计师要遵循的设计师。
阅读我认识的每个UXer在他们的书架上都有的一些基础经典书籍, 并像对待圣经一样对待它们。
- 唐·诺曼(Don Norman)关于设计”日常事物的设计”的开创性著作
- 唐·诺曼(Don Norman)的情感设计：为什么我们爱(或恨)日常事物
- 史蒂夫·克鲁格(Steve Krug)别让我思考
- Jeff Gothelf的精益用户体验：应用精益原则来改善用户体验
- Jakob Nielsen的可用性工程
- Susan Weinschenk每个设计师都需要了解的100件事
阅读有关可用性指南, 交互设计原则和UX最佳实践的信息丰富的在线资源：研究, 白皮书, 文章等。
- 交互设计的首要原则
- NNGroup的全套2, 397可用性指南(针对多个报告)
- 来自NNGroup的10种用户界面设计的可用性启发法
- Baymard Institute文章：Baymard在电子商务网站上研究行为
- UX精通文章：万物UX
最后, 将这五个UX播客添加到iTunes库：
- UX Pod：与UX设计人员的讨论以及有关可用性的一般信息
- 内部对讲：采访领先公司的顶级设计师
- UX Podcast, 面向热衷于平衡业务, 技术和用户的人们
- UIE播客：用户界面工程对设计界的见解
- 真正的北方：发现强调设计测试和研究的设计故事
• • •
在srcmini设计博客上进一步阅读：
- UI设计最佳做法和常见错误
- 空状态-用户体验最被忽视的方面
- 简单是关键–探索最小的Web设计
- 移动接口的启发式原理
- 为可读性而设计– Web排版指南
评论前必须登录！
注册