作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
米克罗斯飞利浦的头像

米克罗斯飞利浦

Miklos是一名UX设计师, 产品设计战略家, 作者, 在设计领域拥有超过18年经验的演讲者.

专业知识

以前在

金融时报》
分享

“谨防追求赞美或受赞美滋养的虚荣心.” 查尔默斯

在一些设计灵感的网站上冲浪, 我经常离开的时候耳朵里冒着烟. 就像标题所说的,这是一个咆哮,但不要太认真. 我只是想说明一点.

是的, 我知道有些设计展示网站并不一定是为了展示真实世界的产品, 但我仍然认为它们需要反映出一种深思熟虑的设计方法, 主要通过问“这是给谁的”这个主要问题?、“人们会如何使用我的产品”和“它实际上可用吗??”.

肤浅的应用设计追随最新潮流,公然忽视基本的可用性惯例, 用户体验最佳实践, 交互设计的基本原则很可能在现实世界中失效! 幸运的是,他们通常不会超出通常荒谬的、自我炫耀的幻想世界 DribbbleBehance公司.

不幸的是, 这些“概念设计”,“一个虚拟应用程序的单一屏幕, 只会让设计师永远被贴上艺术家的标签——只关心外表的伪装者, 漂亮的颜色, 和字体. 如今,任何应用设计都必须超越这一点.

我说的是用户体验.

如果现实世界中的人们尝试使用这些应用程序, 我敢保证,超过50%的人会很难做到这一点,然后在困惑中放弃.

天气应用程序-糟糕的应用程序设计

数字产品设计师 有价值的人,想要提升自己的水平,就必须把自我放在门外,避免不必要的华丽, 自私自利的公共游行, 以及毫无意义的观众诱惑. # UXFail!

旅游应用设计——糟糕的应用设计

为了奉承放弃可用性

如果数字产品设计要在市场上取得成功,优秀的用户体验是必不可少的. 当然,美学——很棒的外观和感觉 设计 是很重要的, 但它们只是补充可用产品的最后一笔,使用起来也很愉快. 仅仅追求美学上的完美,而放弃可用性,最终是一个失败者的游戏.

正如常被称为“可行技术大师”的唐·诺曼所说, “伟大的设计师创造愉快的体验.”

愉悦的体验是那些在输送液体时产生最少摩擦的体验, 无缝交互和 预期的经历 (i.e.,让事物像变魔术一样出现. 正确的事情,在正确的时间,以正确的方式).

实现这一目标的方法绝对不是忽视已建立的最佳实践和设计惯例,而仅仅关注外观. 很明显,Dribbble的人:1)你不了解你的用户,2)你在模仿潮流.

手机应用UX设计最佳实践

无视惯例是你的危险

设计规范, 无论是数字产品设计还是工业设计——比如汽车或自行车——都植根于人类的行为, 力学, 物理, 科学, 广泛的研究. 它们遵循最佳实践和人类对事物如何运作的期望,因为我们已经习惯了它们, 千百年来一直遵循这些惯例. 这些都是经过反复试验而形成的惯例, 和 are proven to be very effective over time; a bit like evolution.

忽视或违反设计惯例是一种鲁莽和傲慢的行为. 它们是基础,是我们创新的基础. 这是关于期望. 没有它们,你可能会惹恼别人. 想象一下如果每辆自行车, 每一辆车的门把手、踏板和方向盘的工作方式都不一样, 一切都纯粹以“创新”为名.”

两个字:彻底的混乱.

用户界面就像一个笑话. 如果你还需要解释,那就是行不通的.

手机用户体验设计的技巧和技巧

注意启发式

设计良好的应用程序努力成为可用的产品,遵循完善的设计惯例, 基本可用性指南, 以及交互设计的原则(以及其他内容) 启发式评估 出色地. (“启发式”是因为它们是广泛的经验法则,而不是具体的可用性指南.)

让应用设计在现实世界中运行良好, 他们应该遵循Nielsen Norman Group为用户界面设计定义的10条可用性启发法, 20年来用户体验领域的领军人物. 这些都是:

  1. 系统状态可见性
  2. 系统与现实世界的匹配
  3. 用户控制和自由
  4. 一致性和标准
  5. 错误的预防
  6. 识别而不是回忆
  7. 灵活性和使用效率
  8. 美学与极简设计
  9. 帮助用户识别、诊断错误并从错误中恢复
  10.  帮助的可用性(可能是“快速导览”或演练)

详细阅读这10条交互设计的一般原则 在这里.

以创新之名的迷恋

通常, 应用概念屏幕是由设计师设计的,他们希望在作品集展示网站上获得很多赞,目的是让自己的作品登上Dribbble的每日热点版块. 几个花哨的、极简主义的UI设计并不是产品. 这就像设计一扇车门,却不知道汽车的其他部分是什么样子, 或者它在现实世界中是如何工作的.

手机应用设计手机UI设计最佳实践

别误会我! 设计创新是必要的. 这对任何学科或创造性领域的繁荣都是健康和关键的. 但这不应该以牺牲良好的用户体验为代价. 让我们区分一下,称之为设计实验. 在干净的自负之下, 极简设计, 只是想变得与众不同,酷一点, 这些网站上展示的许多所谓的创新设计牺牲了基本的可用性.

101年的可用性

可用性, 优秀用户体验的基石, 质量属性是用来评估用户界面使用的容易程度的吗. 这个词 可用性 也指在设计过程中提高易用性的实践.

一款应用是否有用是根据实用性和可用性来定义的. Utility provides users the features they need; 可用性 is how easy 和 pleasant those features are to use. 因此, 忽视这些可用性基本原则的花哨应用设计最终毫无用处.

设计师们正在寻找创新和有趣的方式来设计他们的应用程序导航,这是可以理解的. 但意外和不可用之间有一条细微的界限. 在导航设计中需要考虑的三件事是一致性, 用户期望, 语境线索. 不管你的电子商务应用程序的概念设计有多花哨. 如果用户找不到产品,他们就无法购买.

有用的设计

正如史蒂夫·乔布斯所说:“重要的不仅仅是它的外观和感觉. 设计就是它如何运作.”

他说的是 有用的设计.

如果设计师过多地干扰了玩家的思维模式, 应用程序将失败. 如果用户的心智模型和概念模型之间存在巨大的不匹配,应用就会失败. 心智模式, 顾名思义, 人们头脑中的概念模型是否代表了他们对事物运作方式的理解.

交互设计最基本的原则之一是,如果UI要有用,就必须有符号. 如果用户在UI中没有视觉提示来指示他们可用的动作或手势交互,则调用 极大的可能性-你的产品设计是DOA.

作为一个设计师,你可能会迷恋你的产品, 用户更关心有用性. 他们不想学习你的应用, 他们不想通过在UI中滑动来进行探索或实验. 正如做了20多年可用性顾问的Steve Krug在他的书中所说的那样 不要让我思考, “可用性是压倒一切的原则, 决定一个设计是否可行的最终决定性因素.”

星象app手机app设计

当然, 迪特·拉姆斯, 他是70年代博朗(Braun)的德国传奇设计师,也是所有苹果产品的灵感来源, 说:

产品的美学质量是其实用性不可或缺的一部分,因为我们每天使用的产品影响着我们的人和我们的福祉. 但只有精心设计的物品才会美丽.

换句话说,设计必须适用于所有层面.

极简主义移动应用设计

以下是迪特·拉姆斯提出的优秀设计的10条戒律:

手机应用设计的极简主义

让我们记住,视觉设计——美学——只是用户体验设计的一个方面. 这是最后一层,它应该提升之前在UX设计过程中发生的一切, i.e., 定义业务目标, 识别核心用户(角色), 用户研究, 草图, 意念, 线框图, 模型, 原型, 可用性测试. 它是提升整体用户体验的最后一层 情感设计.

减少脑力劳动

手机应用设计最佳实践

在糟糕的设计下,Mr. 和女士. 设计师所做的就是让人们解读模糊的图标和象征, 从而增加 认知负荷 (用于工作记忆的脑力劳动总量). 另一方面,好的用户体验设计会减少认知负荷. 这种自私的设计-是的, 我去过那里——在人们的道路上设置路障, 不断增加的摩擦和挫折. 这真的是我们的目标吗?

手机应用设计心理模型UI设计

设计师需要提供清晰的标签(链接和按钮)和明显的路标(清晰的导航),以帮助用户形成应用程序的心理地图,并凭直觉知道东西在哪里以及如何使用它们. 导航应该是清晰的、面向任务的和合乎逻辑的.g.,屏幕控制提示如何使用它),它的位置应该是一致的(e.g.,在菜单栏上).

明确用户应该点击的位置, 如果他们可以滑动,并使目标足够大,容易点击. 防止错误. 不要让别人猜某事的意思. 不要懒惰. 避免汉堡包和烤肉串菜单(三个点) 它们隐藏导航,使内容不易被发现. 尤其要避免那些看起来不像汉堡菜单的汉堡! 是的, 空间有限, 但事实证明,标签(从上到下)和汉堡包菜单的组合比单个汉堡包的效果要好得多.

手机应用设计汉堡包菜单


最佳手机应用设计


糟糕的手机应用设计


手机应用设计误区

世界并不完美

如果你的产品进入了用户的手中, 他们能找到东西并实际使用吗? 他们可能无法使用像你用来设计这些屏幕的那种超级超级的设置. 再次考虑可用性和可访问性(视觉障碍), 身体残疾, 认知障碍). 根据人口普查数据, 在美国,至少有19%的人有残疾,而在欠发达国家,这一比例可能更高. 如果一个视力不太好的人选择了你的应用,他们会使用它吗?

你的设计是“手指友好”还是使用起来很痛苦? 用户需要付出多大的努力才能到达应用屏幕的不同部分? 您是否在考虑用户任务流, 将可操作的道具置于人们的指尖之下,而不是让它们在屏幕的四个角落里跳跃? 这个设计真的符合触摸吗? 你查到拿手机的手下面的模糊区域了吗?

正如Luke Wroblewski在 设计大屏幕智能手机你考虑过你的设计在大屏幕上的表现吗?

更好的手机应用设计带来更好的用户体验

你们的设计真的是在模仿苹果吗 iPhone人机界面指南 建议最小目标尺寸为44像素宽44像素高? 微软的Windows Phone UI设计和交互指南建议触摸目标尺寸为34px,最小触摸目标尺寸为26px.

不要沉迷于文本和背景之间的最小对比度或微小的难以辨认的文本,因为它会让你的设计“时髦”, 清洁, 和简约.”

移动应用用户体验设计


手机应用设计糟糕


更好的用户体验

Spotify手机应用程序设计


星巴克手机应用UX设计


优秀的手机应用设计

我们不需要更好的设计

那么,什么是好的设计呢? 这样的讨论可以填满一个 但是,一般来说,“优秀的设计”是指为设计的用户提供所有的东西.

这意味着设计要“好”,对用户有用, 它必须考虑到它必须交付成功的多个层面和因素.

设计趋势来来去去. The average design trend only sticks around for a year or two; good 可用性, the foundation of 用户体验设计,在这里停留.

根据优秀用户体验的七个因素设计的产品将比任何设计趋势都更持久, 保证. 关注优秀可用性、UX最佳实践的设计师 交互设计惯例,以及影响用户体验的因素——将比那些不影响用户体验的因素产生更大的影响. 在一天结束的时候, 他们会得到奖励, 并且他们的数字产品在市场上得到了更广泛的接受和成功.

移动应用交互设计

If, 作为一个设计师, 你想在ux上做得更好——创建有用的移动和桌面应用程序, 不只是漂亮的——至少花点时间学习UX的基础知识. 从关注用户体验博客开始,订阅时事通讯和在线出版物,如 total 设计 博客, 用户体验杂志, 用户体验很重要, UserTesting, uxdesign.cc, UX设计周刊,或 交互设计基础.

阅读由活生生的、有呼吸的参与者进行的用户研究——真实的人. As they say, the numbers don’t lie; everything else is hypothesis 和 assumption.

在Twitter上关注用户体验思想领袖. 阅读用户体验文章和白皮书,你会发现其中的症结所在 尼尔森诺曼集团Adaptive Path.

媒介 是我最喜欢在线阅读UX/UI设计文章的目的地之一吗. 全世界的设计师都在用它来阅读设计, 用户体验, 可用性, 以及其他与创造和构建伟大的数字产品相关的话题. 这里有 设计师要遵循媒介.

读一些基础的, 我认识的每个用户书架上都有经典书籍,并把它们当作经文来对待.

  1. 唐·诺曼关于设计的开创性著作 日常事物的设计
  2. 诺曼的不 情感设计:为什么我们喜欢(或讨厌)日常事物
  3. 史蒂夫·克鲁格的 不要让我思考
  4. 杰夫Gothelf是 精益用户体验:应用精益原则改善用户体验
  5. Jakob Nielsen的 可用性工程
  6. 苏珊Weinschenk 每个设计师都需要了解的100件事

阅读有关可用性指南的在线资源, 交互设计原则, UX最佳实践:研究, 白皮书, 文章, 等.

  1. 交互设计的第一原则
  2. 全套2397可用性指南 (跨多个报告)来自NNGroup
  3. 用户界面设计的10个可用性启发法 来自NNGroup
  4. 贝马德研究所文章Baymard研究电子商务网站的行为
  5. UX精通文章:用户体验

最后,将以下五个UX播客添加到你的iTunes库中:

  1. 用户体验舱:与用户体验设计师和一般可用性的讨论
  2. 内部对讲系统:采访顶尖公司的顶级设计师
  3. 用户体验的播客 对于那些热衷于平衡业务、技术和用户的人
  4. 正常的播客:用户界面工程对设计世界的见解
  5. 真北:揭示突出设计测试和研究的设计故事
就这一主题咨询作者或专家.
预约电话
米克罗斯飞利浦的头像
米克罗斯飞利浦

位于 英国伦敦

成员自 2016年5月20日

作者简介

Miklos是一名UX设计师, 产品设计战略家, 作者, 在设计领域拥有超过18年经验的演讲者.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

金融时报》

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.