您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

七个设计的基本原则

自译外文 分类: 规范/资料 版权: 原作者: Eugen Eşanu
1813 9 2 0
2018-12-21
6.4
编辑推荐

一个叫吉米的人,他是 Shmuckle 公司的设计师。他梦想着有一天能成为著名的设计师。他的灵感都是来自史蒂夫·乔布斯。对他很是着迷,他总是在公司里宣扬好的设计。吉米的一切都是关于快乐的、直观的设计和创新。直到有一天他遇到了创作瓶颈。

Image title

吉米在为公司做一个重要的项目,这可以帮助他提升事业。他的任务是重新设计产品的主界面。但是他并没有设计出合适的效果。作为后备计划,他开始重新看所有他喜欢的设计视频、阅读文章、收听播客。但是都没有结果,他仍然不知道该怎么办。

Image title

幸运的是,公司的高级设计师莎拉正好路过。她回想起早年的日子以及她是如何为创造出一款很棒的产品而奋斗的。但现在的她更有经验,知道所有的技巧帮助她通过任何瓶颈。


“嘿,吉米,我看到你没有在做的新设计,遇到了什么问题吗?”


“我正试图为我们的客户改进界面。它应该更容易使用,更好的显示,改进统计数据,并解决其他几个可访问性问题,但我不知道该怎么办…我在客户中测试了一下,一些人说很好,一些人讨厌,一些人说需要再改变一些。我不知道该怎么办了。”


“没关系,当你没有合适的方法时就会发生这种情况。有几个原则可以帮助你设计出更棒的产品。”


Image title

保持清晰


“吉米,如果你只能记住一件事的话,那就记住这一点——一个混乱的头脑会导致一个混乱的结果。所以一定要从思维中去除混乱,因为它会影响最终的结果。在设计的过程中,有几件事需要时刻关注:


  • 业务目标、用户问题和功能是设计的动力;
  • 永远不要为了好看而牺牲功能;
  • 对于下一步该做什么,应该总是不言自明的;
  • 通过负空间、颜色、字体、图形等 UI 元素突出重要内容;
  • 每一种大小的文字都清晰易读;
  • 图标精确而醒目;
  • 额外的是微妙和适当的;
  • 用户应该本能地知道在什么时候应该做什么以及他们在哪里。”


任何产品的最终外观都是设计阶段清晰(或缺乏清晰)的副产品。清晰的意图将转化为清晰的结果——马西莫·维格内利


马西莫·维格内利 (Massimo Vignelli) 在他的《维格内利经典语录》(The Vignelli Canon) 中写道,一个混乱而复杂的设计总是能反映出创造者的一些东西。人类有着一颗复杂而困惑的心。

Image title

可操作界面


现在记住这一点,我们必须努力设计出能够让当前进度清晰和明确的产品。一个可操作的应用通过确保屏幕上的内容始终是最新的和相关的来预测用户需求。这个应用成为用户想要做的事情的扩展。例如,如果用户打开你的应用来解决一个任务,而你不给他解决方案,那么这就是个糟糕的产品。


我们所做的一切,就是要确保在正确的时间、正确的环境下,给用户提供正确的解决方案。当然,要达到理想状态还有很长的路要走。如何达到那个状态呢?这需要通过多次的迭代。


Image title

始终如一


一些设计师和开发人员认为,软件应该是灵活的,能够满足所有客户的需求。但是那是在胡说。甚至有一种说法也适用于此:


取悦每个人会带来压力、痛苦、资源流失和挫折。所以不要害怕失去别人,要害怕失去你的创意。


一个好的和有用的数字化产品必须始终有一个清晰的图像,它是为谁服务的。谁是真正的客户?你应该记住这一点,围绕他们的需求制定解决方案。好的产品是有远见的。“那其他用户呢?”吉米问。“其余的用户需要等候。一旦我们的用户感到满意,我们会再联系他们。我的主要目的是为核心用户创造产品。如果他们不喜欢你的创意,不要担心。市场上还有许多其他的产品会让他们高兴。我们的工作是找到自己的用户群。”


当人们使用软件时,他们不仅是在寻找功能。他们在寻找一种方法,一个愿景。


Image title

反馈系统


下一个重要的原则是反馈。它是确认动作并展示结果。


  • 当点击交互元素时,应简短地展示提示;
  • 进度指示传达长时间运行操作的状态;
  • 动画和声音有助于表明行动的结果;


整个数字世界如此先进了,但我们仍然需要人类的互动。我们的身体(眼睛或触觉)需要感觉反馈,向大脑发送信号让事物运转。这意味着我们的设计,正如提到的第一点,应该对屏幕上发生的事情给出清晰的反馈。用户不应该自己努力的去理解它。所以当你有时间的时候,一定要拿起一本关于人类思维如何运作的书。它会提高你的技能。


Image title

影射


影射——这里指的不是文学上的影射,而是类似的东西。当一个应用的界面和行为是人们熟悉体验时,人们学得更快。这些体验可能来自数字世界或现实世界。


因为人们与屏幕互动,所以影射在其中很有效。他们将视图移开,以展示下面的内容。拖动和滑动内容,切换开关、移动滑块和滚动选择器。所以一定要了解你的核心用户每天在使用的其他应用程序。我们可以设计类似的体验,消除任何阻力或创造不舒服的环境。


Image title

环境一致性


“我来给你做个练习。例如,我们在主屏幕上有一个日历。你认为应该是网格还是列表?”莎拉问道。“嗯……我们应该遵守规则,使它更加紧凑和结构化。我说的对吗?”吉米问。


这取决于用户的主要目标是什么。报告页面也是同样的问题。我们应该有一个网格或列表的日历吗?这要看情况。所有页面都需要全局导航吗?同样,这取决于环境。这就是为什么环境比一致性更重要。如果有不同的形式或风格是有意义的,如果它能为产品带来更多的价值,那么保持不一致也是可以的,这比一贯正确的更好。


好的设计是适当的环境评价的副产品,而不是脱离环境异想天开的创造,不管它的视觉方面多么辉煌。出色的设计方案总是考虑到环境。——Massimo Vignelli


Image title

防御性设计


“你说防御是什么意思?”吉米问。“这是一种大家都知道的直觉设计,”莎拉说。“哦,我知道!”这是史蒂夫·乔布斯经常谈论的话题!吉米激动地叫道。“是的……但是你知道直觉是什么吗?”莎拉问道。“能预测用户行为的东西?所以它在需求出现之前就解决了?”吉米好奇地问。


“是的也不是的。它不是预测行为。防御设计是预防事情出错。事情总是出错的,无论你如何精心设计,投入了多少研究,你的产品都应该有一个后备计划。防御性设计总是关注可能会出现的问题。”


相信我,如果用户体验是负面的,他们不太可能会忘记。


“我不太明白……”吉米怀疑道。以安全驾驶为例。当你开车时,你总是在留意任何类型的危险:鲁莽的司机,过马路的孩子,以及其他危险的场景。所以作为设计师,我们必须时刻关注那些可以修复的,这样我们才不会破坏用户体验。因为一个好的防御性设计可以打破或改善用户的体验。


Image title

每个人或公司都有自己的设计原则。但他们所有人不会都设计出伟大的东西。对于一个好的开始,这些基础知识已经足够了。如果你使用这些,你已经比其他人好很多了。其他的设计原则需要时间和耐心。


后记


当然我们应该使用更多的原则,但问题是很多人仍然不使用这些简单原则。这主要是因为我们优先考虑对用户不重要的任务和目标。我们应该始终努力找到适合产品和用户的平衡点。


感谢阅读!


原文链接:https://medium.com/@eugenesanu/7-basic-design-principles-we-forget-about-8f5c15d4b527

作者链接:https://medium.com/@eugenesanu?source=post_header_lockup


阿嗣_

2697粉丝/65关注

身经百战人气明星首页达人原创小生勤学标兵lv.1
11个表单设计小Tips产品设计的期望与现实

扫描二维码
去手机端查看海报

阿嗣_

TA已经获得9枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN