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

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

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

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

显而易见的

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

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

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

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

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

易达易用的

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

可达可用的

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

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

辨别的意义

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

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

 

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

相关推荐

  • 针对敏捷开发中用户体验的5点建议

    根据最近惠普针对600多个专业的软件开发人员做的一个调查,由于能够加强协作,增加用户的满意度以及缩减成本,所以敏捷开发是目前大多数被调查的组织采用的工作方式。然而当把用户体验集成到敏捷开发的周期中时,很多公司会问我们采取什么样的方式才能在满足每一个敏捷时间框架要求的同时确保成功。

    2017-05-24
  • 探究设计的本质,运用符号元素的经典好设计有哪些?

    符号,通常是指具有代表意义的标志。人类运用图形符号来传达信息远比文字传达信息早,它的起源可以追溯到原始社会中部族的图腾标志。随着人类文明的发展和科技的进步,符号设计有着由简至繁再至简的波浪式发展过程。今天很多的图形符号从古至今不断的发展演变,日趋精简,成为经典的视觉符号设计。

    2017-05-16
  • 登录表单的那些事儿

     雅婵总结并供稿于我是UE网,转载请注明来自我是UE网。

    2015-06-12
  • 从用户体验的角度谈多数RPG战斗系统中的缺陷

    在为RPG创建战斗系统时,多数开发者首先会考虑到这个问题:“游戏中的各个角色会有哪些优势和弱点”。四大元素系统基本的战斗系统之一是,带有水、火、风、土的“四大元素系统”——水比火厉害,火比风厉害等等。这一系统适用于元素不多的游戏,因为玩家几乎立刻就会明白哪些元素能对敌人造成更大伤害。在现实生活中,不同元素的相互作用是众所周知的,因此开发者可以在不提供大量教程的情况下使用这些现实生活中的元素。但如果将这个系统进行延伸的话,就会导致交叉优势...

    2018-04-17
  • 设计案例|在做方案时,“更明显点”这句话怎么破

    在做方案的时候,时常会听到这样的话,“这个地方应该更明显一点”。今天,阁主将拿出自己设计的一个徽章注释来进行说明。

    2017-04-29
  • 如何成功运用扁平化设计与色彩趋势

    经验分类: 经验/观点 / 自译外文 原作者: Carrie Cousins  翻译:蒋灿 我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。 之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以…

    2014-09-14
  • Axure工具简介

    工具简介主要介绍axure的基本元件使用,熟悉该软件的各个功能区。1.添加元件到画布在打开axure软件之后,添加元件到画布,在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖到画布适合的位置后松开鼠标,如下图所示:2. 添加元件名称在检视面板的元件名称文本框输入元件的自定义名称,这样方便后面制作原型的过程中,设置元件属性等时便于查找元件,如下图所示:3.设置元件位置/尺寸元件的尺寸与位置可以通过鼠标拖拽,也可以在快捷功能或元件样式中...

    2018-03-18
  • 总结:常见的4条用户体验误区

    近年用户体验的概念越来越火热,从事互联网人张口闭口就谈用户体验,用户体验的概念离我们每个人那么的近。但是用户体验是人人都可以做好的吗?答案是否定的,就像人人都是产品经理一样,能做产品经理的依旧是少数,把产品经理做好的更是凤毛麟角。本篇文章总结4条我遇到的用户体验误区。如果一个流程的信息量是12个单位。x*y=12(x=单位页面的信息量  y=路径深度)例如微信发朋友圈即使断网情况下,当用户在点击发送时,朋友圈立刻就显示数据,给用户反馈是动态发送成功,其实是假数据显示,在这个时候后台还在上传。断网场景极少,朋友圈这个设计满足绝大部分用户的操作顺畅,用户体验良好。不为了极少数使用场景而做真数据展示给用户,那样的话给绝大部分用户感觉加载过慢导致不好的体验。

    2017-04-29
  • 荔枝FM交互飞机稿

    已经使用了近两年的荔枝FM,身为一个产品经理,一直对荔枝FM的使用逻辑和交互体验感到费解,所以今天就小试牛刀!

    2017-06-03
  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08