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

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

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

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

显而易见的

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

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

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

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

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

易达易用的

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

可达可用的

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

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

辨别的意义

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

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

 

本文来自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

相关推荐

  • 【探索Facebook】Instant Articles 新方法来创建快速、互动、自动播放视频的文章

    文章前面就是演示视频,建议先看视频哦,流量党请找个WIFI,土豪就当我没说~! 我们很高兴地介绍即时文章Instant Articles,快速,互动体验阅读的文章在新闻内容。 使用在Facebook应用程序加载的照片和视频很快相同…

    2016-01-16
  • 视力设计:如何为弱势群体做包容性设计

    世界是多样和公平的,在我们考虑大多数人和强者的利益时,弱势群体一样也需要被设计“庇护”到。本文作者将就此来谈谈如何为弱势群体做包容性设计之视力篇。主流产品或服务的设计能为尽可能多的人群所方便使用,无需特别的适应或特殊的设计。宽度不超过80个字符或符号(如果是中日韩字体,不超过40个);段落里的行间距(行隔)至少是1.5倍行距,段落间距至少比行间距大1.5倍。

    2017-05-15
  • 【交互设计】选择时间设计

    作者:Mufly 对于不少手机应用来说,都有一个选择时间的功能,那么从交互体验的角度来看,这个时间选择表格应该如何去设计比较理论呢?   时间选择,常见的一般分: 1、具体时间点选择,这种类型侧重于具体的…

    2015-09-07
  • 定义方向策略 – 有理有据做设计

    独立项目中,交互设计师的工作可以分成四个核心环节:定义方向策略、确定解决方案、有理有据的进行设计输出、上线效果跟踪。本期要和大家分享的是:方向策略。 方向策略阶段需要明确了解本次设计原因及产品目标,进…

    2016-12-08
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • 交互小细节——信息层级展示规则

    信息层级展示规则是交互设计中的小细节。要分析信息的优先级,用户的核心行为;并通过位置、大小、距离、内容形式、表现方法来建立信息层级;设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。作为设计师的你,注意到了吗?

    2017-05-20
  • 版权大战后,用户体验将成音乐平台的制胜关键

    自2015年起,国家版权局叫停“独家”版权到今年腾讯、阿里和网易云三家主流音乐APP达成史上最深度版权互授,这场版权之争终于尘埃落定,期间还穿插发生了运营8年的多米音乐停运事件,版权大战背后确实有很多难言之痛,而面向未来,已经叫实了的“后版权时代”,各家APP用什么get到我的点?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放Get Over ItEagles - Hell Freezes Over (Live)一、用户体验...

    2018-03-24
  • 分享:神级广告,100人同时交换名片~

    100人如何同时交换名片?

    IxD案例 2016-06-16
  • 交互设计的三大铁律规范!

    科幻爱好者们没有人不知道阿西莫夫的机器人三定律,在交互设计中,我们也需要三条铁律来规范一切行为。本文来自UI中国主站,由IFEC成员翻译作品分类: 经验/观点/自译外文 原作者:Diogenes Brito 译者:十萬個為什…

    2017-08-01