界面设计 | 如何打造整体性的产品设计方案

界面设计工作当中的很多纠结来自于怎样在这三者之间进行权衡。对于不同的功能与内容,如果拿捏不清它们各自的特点及适宜的呈现方式,那么你便很难打造出具有整体性的产品设计方案。

界面设计 | 如何打造整体性的产品设计方案

界面设计工作当中的很多纠结来自于怎样在这三者之间进行权衡。对于不同的功能与内容,如果拿捏不清它们各自的特点及适宜的呈现方式,那么你便很难打造出具有整体性的产品设计方案。

显而易见的

话说回来,难道“明显”不是所有功能都应该具备的基本特征吗?恩,除非你的产品足够简单到只做一件事,就像曲别针那样,否则你没办法使所有东西都具有相同的视觉优先性并全部以明显的形式呈现出来。纠结的地方就在这里,对于稍复杂的产品,你必须决定哪些东西应该始终保持显而易见,哪些需要相对易用,而又有哪些只要确保可用即可。无论是产品整体,还是某个功能模块或某个界面,它能做的事情越复杂,你在这方面需要做的决策就越多。

这种权衡并不完全等同于功能优先级的划分。我们在产品设计流程中习惯于将功能分为高、中、低优先级,但这种分级本身无法直接解决“哪些元素需要始终保持显而易见”这个问题。此外,功能优先级当中也不包含“成本”方面的信息,而这一信息却是设计师在权衡决策时必须要考虑到的要素之一。

使某个元素始终保持显而易见,这是需要成本的,你没法让所有元素都显性的呈现,因为你和用户所持有的资源都是有限的。所谓“成本”和“资源”,不是指钱,当然严格来讲这些现实当中的物质资源可以在很大程度上左右设计决策 – 我主要指设备屏幕规格和平台特性、用户在典型情境当中的注意力持久度和理解能力等等这些方面的因素。

从成本的角度讲,使某个元素保持显而易见是很贵的,因为你同时必须让其他某些东西变得不那么显而易见,否则便不具对比性,而且界面空间无法支持。一山难容二虎 – 每个界面,或是每个由屏幕框架所限定的界面可视区域当中,通常只存在唯一一个最为显性的元素占据统治地位。

显而易见是要自始至终的。人们始终要执行的那些任务所对应的功能,那些在任务流程当中一直起着作用的信息,需要自始至终以最明显的方式呈现出来。这里通常包括产品最核心最本质的那些功能与内容。

易达易用的

对于那些人们时常会用到,但并非自始至终持续需要的功能与信息,应当通过易于触达和记忆的形式提供到用户。在这样的大体原则之下,一切具体情况都取决于实际产品及目标用户的特质。在设计产品时试着识别哪些功能属于“自始至终”为用户所需,哪些是“时常”被用到。这事说起来容易,实践当中却没有很具体的标准,并且很容易引发内部争论。无论怎样,最终的划分结果将决定着实际界面当中哪些元素可以持续占据明显的统治位置,而哪些元素保持在易达易用的层面即可。

可达可用的

最后是那些只需确保可达可用的功能,也就是人们时而或很少用到的东西。它们无需占据太多的舞台空间,用户在需要的时候能够找到并正常使用即可。

虽然不如前两者那么重要,但这类功能应对起来有时还是蛮棘手的。通常情况下,归属于这一类别的功能相比于那些需要以“显而易见”或是“易达易用”的方式进行呈现的功能来说要多出很多很多,所以在实际当中,与其考虑怎样对它们进行收归隐藏,不如从设计层面反向驱动产品侧,想想有哪些是根本没必要存在的。

辨别的意义

要尽量准确的辨别出哪些功能需要保持显而易见,哪些需要确保易达易用,又有哪些只需可达可用,这不是一件轻松的事情,需要你在大量的实践当中根据产品和用户的实际情况进行深入思考,同时,用研工作及内部讨论等等也是必不可少的。这是个持续学习并实践的过程。

不过,一旦清晰的辨别出各项产品功能对于目标用户的实际意义,你便能从新的维度来思考界面设计,而不只是局限在对于功能优先级的认知范围内。接下来,产出更加符合实际需求,更具整体性的设计方案便是自然而然的了。

 

本文来自Be For Web

英文原文: https://medium.com/@jasonfried/the-obvious-the-easy-and-the-possible-a…

译者信息: C7210 – UX玩家、交互设计师、猫奴、guitar fucker,现就职于腾讯ISUX(上海)

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31767/

(0)
CatherineCatherine
上一篇 2017-06-02 16:07
下一篇 2017-06-02 18:04

相关推荐

  • 交互设计文档怎么写? | 设计基础

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。对于一个设计团队来说,统一的文档规范和设计规范,不仅能够减少合作方的学习成本,提升设计师和设计部门影响力。即使产品不同需求不同设计师不同...

    2018-02-09
  • 绘制用户体验

    在今年的UX Weeks大会上,Jim Kalbach组织了一场Mapping Experience的工作坊,提出在产品和服务之间关系日益密切的今天,如何形成一个服务生态系统,是商业竞争中的重点。其实阿里巴巴集团在早前就提出了“商业生态”这个概念,但是到底应该如何做?Jim提出:想要在竞争中胜出,其中非常重要的,就是必须清楚的了解自己提供的各种产品和服务是如何相互作用的,以及是怎样在用户的生活中发生影响的。

    2017-05-16
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 交互设计-要避免使用汉堡包菜单

    小编阅读提示,图片是动态哦,需要单击才能看到动态图。 近来,越来越多的研究及测试表明,侧边栏菜单,也就是我们俗称的汉堡包菜单,很可能是一种弊大于利的设计模式。 不过我们也要知道,这个问题实际上是很微妙…

    2014-11-07
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24
  • 高手经验!Facebook的360全景VR应用设计总结

    侯雯佩:FB设计团队设计的一款Gear VR (三星VR 设备)平台的全景应用过程总结,其中包含一些很有价值的VR实战经验与设计原则。

    2017-08-23
  • VUI语音交互设计:三步打造任务导向型对话场景

    语音交互的主要能力在于开放式domain的聊天型功能与任务导向的技能型功能。如果说快捷高效、轻松自然是语音交互的独特优势,那么任务导向型功能就是这些优势的完美落点,一个量好的语音交互产品,自然是技多不压身,能够cover的domain多越好,能够get的技能越强大越好。那么,作为语音产品设计人员,如何以短平快的方式设计一个任务导向型对话场景呢?当然,和传统交互设计工作一样,前期调研是很有必要的。你想设计的这个功能是否能满足产品目标、是否...

    2018-02-15
  • 国内11个HTML5平台的星级评测

    本文以HTML5工具专业性为主要指标,不以名气论高低,内容多以企业网站介绍为依据,辅以使用体验。四个指标,功能是H5工具使用的基础,模板属于工具适用性的象征,定制服务能体现平台的生态性,易用度则是用户友好范畴。

    2017-05-30
  • 在网页设计中帮助用户实现目标

    预测用户的意图,让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

    2017-05-24