设计与表达

  我们在工作中经常强调沟通能力,和产品、开发、测试等不同角色的人需要沟通,和领导、同事需要沟通,沟通是一个双向的过程,而沟通首先需要双方有良好的表达能力。一个产品,她要面向的是最终的用户,用户能否理解这个产品,会用这个产品甚至喜欢上产品,很大程度上取决于设计师对产品的诠释,那么这个核心能力就是设计师的表达能力。

  无论是做交互设计还是视觉设计,设计师工作的很大一部分是将业务逻辑通过合适的方式诠释出来,其核心就是需要优秀准确的表达,而表达绝不仅仅局限于表现层的视觉元素,如图标、文字、控件、界面的排版布局,在产品设计的不同阶段表达有不同的体现。
本文试图从以下几个小点来说明表达能力在不同阶段的体现及其重要性。

表现模型(心理模型的表达)

  产品的终极目标是为了满足用户的需求,用户需求建立在用户的心理模型之上,表现模型在多大程度上贴近用户心理模型,往往决定了产品有多大程度受到用户的认可。

  人们总是倾向于用自己的方式来解释发生的现象,设计师对功能的诠释需要考虑多数用户平时生活的经验和使用习惯,或者对新产品使用的期待,寻找一种最为有效和容易理解的方式来表达。

  举个例子,在google earth软件中,点击加号,地球被拉近,离用户距离更近;点击减号,地球被拉远,离用户距离更远,当然你也可以通过鼠标滚轮来控制远近。


图1 google earth 控制视图控件

  那么我可以怎么理解加减号和空间距离的对应关系呢?回想一下我们常用的看图软件,点击加号的时候表示放大,点击减号的时候就是缩小当前图片,在这里加号减号和放大缩小形成了对应关系,于是我可以通过之前知识经验来理解google earth这个控件的含义,这种表现模型就是符合用户心理模型的设计。


图2 ACDSee 放大缩小控件

  而不同人对同一产品的理解又可能是不同的,正如对哈姆雷特在一千个人心中有一千个不同的形象。在产品设计中,只要我们能保证用户能形成简单、有效的认知模型,那这个表现模型就是合理的。

简化交互(行为的更好表达)

  很多时候,我们要面对大量的信息和功能需要传达给用户,但我们不能让界面布满了按钮和信息,我们需要做减法,可能是将用户暂时不用的功能或使用频率较低的功能隐藏起来;也可能是将逻辑上同类的功能进行分组,复用一部分界面;还可能是用一个控件实现多个功能来完成更多的任务。

  举一个iphone的例子。我们都知道传统手机都有一个硕大的物理键盘,当用户不需要输入的时候,键盘实际上并没有多大的用处;iphone采用的触摸屏使用虚拟键盘的设计,在用户需要输入的时候才出现键盘,极大地节省了宝贵的屏幕空间,同时对用户任务流的干扰也降到了最低。


图3 Iphone 的虚拟键盘

丰富的反馈(细节的丰富表达)

  在人与人的交流中,有时候语言会显得贫乏无力。恋爱中的男女,女人不需要说话,一个眼神就可以让对方心领神会;和陌生人谈话,双手抱在胸前,反映出对方对我产生了威胁,本能地需要寻找保护;在人与人的沟通中,交流介质是丰富和复杂的。
在计算机和人的沟通中,我们所能采用的手段似乎有很大的局限性。我们不能指望计算机开口说话,计算机也理解不了我们复杂的语言和姿势。在软件界面里,常用的就是冷冰冰的一个对话框扔到用户面前,如果文案再设计得不好,用户会有巨大的挫败感,一如windows的错误消息对话框,伴随着恐怖的声音,会让我感觉很失落,同时伴随烦躁情绪产生。


图4 错误信息对话框

  似乎人们已经习惯了使用对话框,而对话框成为了一个标准。Cooper在《about face 3》里面谈到了非模态视觉反馈(RVMF),其实就是通过视觉手段来提供及时和更加丰富的反馈信息,而不用通过对话框来打断用户的操作流。在这方面,游戏软件做得不错。比如帝国时代,伴随文明的升级,建筑和士兵的图标会更大,同时也会更华丽;当战争发生的时候,会有烟雾,火光,显示建筑物的损毁状态,直到倒塌。简言之,游戏里提供了丰富的模拟现实的视觉以及听觉等多个通道的反馈,带给用户的体验真实而细腻。

  其实,再想多一些,随着计算机技术的发展,人机交互已远远不局限于视觉这一个维度,人们需要丰富自然的反馈,仅仅视觉一个纬度的反馈是不够的。Wii的流行,触摸屏的广泛应用都反映了人们在不断追求自然交互方式领域的进步,也许未来会有更多更丰富的反馈方式来实现人和计算机的交流,我们和计算机之间的交流、通过计算机和人之间的交流将会有更多的通道,而不是通过对话框。

文案有多重要(产品特质的表达)

  文案设计是产品设计中不可缺少的一环,是产品传达信息的重要手段。文案设计的好坏有时候对产品会产生巨大的影响。
来看一个新闻标题:

三大全国性交易市场布局渝中

  这个标题有两种理解方式,从而容易让用户误解。

  再看一个QQ空间的例子:


图5 QQ空间商城首页

  “装扮首页”是装扮我的空间首页呢,还是装扮的首页?

  我们还看到在一些SNS网站有一些颇具个性的文案,活跃了网站的气氛,也带给用户一些乐趣。看一个白社会的例子。他可以根据用户群体的特征和时间信息等生成一些和用户能产生共鸣的文案,勾引用户去写点什么。


图6 白社会写心情提示

  在google mail的垃圾邮件列表里,如果你一封垃圾邮件都没有,会显示如下文字:

  可以看到,好的文案设计反映着产品的特质,文案的风格应该尽量保持一致并符合产品的用户群特征。例如开发软件提示应该尽可能清晰、准确,像“太棒了”这类口语化的文字用在这里就不合适。

  综上,表达能力可以体现在对用户需求的理解,对产品交互行为的优化,也可以体现在提供用户更加丰富和自然的反馈和独特、优秀的文案设计等等,表达这一理念贯穿了整个设计过程的始末。

  对设计师来说,准确和清晰的表达能力是一项基本的能力,也是一项非常重要的素质,在产品设计的每个阶段都需要注意表达的合理性,表达不仅仅是关于排版布局那么简单。

时间: 2024-10-18 07:56:43

设计与表达的相关文章

草图设计(一):最自由的一项设计方法

"转眼间已经在CDC生活了快两年的时间.从一名电子商务毕业生到一位职业的交互设计师,经历了许多的坎坷.常常会面对各种困难和压力,当发现有太多未知的领域,只有在学习.思考.实践中能够找到答案与自信." 草图设计是这一年来学习.思考.实践.总结的一项设计方法,尝试于产品设计的各个环节.草图设计对于设计师来说并不陌生,在日常工作中都有用到,相信很多设计师跟我都有同样想法,并且希望推广草图设计给同行以及产品经理,作为灵感与实现,需求与设计之间的桥梁.也非常希望感兴趣的同学回复转播此文,留下观点

网站布局创新设计:网站可读性和可用性完全结合

文章描述:lost:设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站. lost:设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站. 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:"多希望我当初能够想到这个点子."设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有

网页设计中图标描述的最优方法

很多人说设计是力求细节的,在网页设计里表达出的细节就是图标.图标在一个设计里带来了额外的注解并且使设计里的对象和元素引起用户的注意. 请观看网页教学网发布的Photoshop教程:创建有创新力的网站导航 以下介绍的是一个用图标描述的最优方法.当使用图标时,图标的描述包含了一系列的隐喻.这也是在网站导航广泛使用图标和一系列图标组的原因. 隐喻: 图标是文字的隐喻,也让人很好地知道隐喻,对于可用性来说,在网站之间有效地进行交流是至关重要的,图标应该是代替文字,最能充分传送信息.用户需要快速地知道图标

扁平化设计在PPT中的应用

  随着IOS7的发布,扁平化被推向了设计的巅峰,扁平化设计风格最早由微软提出,当时微软公布了新图标设计,Metro风格界面设计,也就是目前流行的扁平化设计.它的设计初衷是还原信息的本质,去掉所有与信息不相关的修饰,如渐变.阴影,特效等.使读者能快速.直接获取信息. 如今扁平化设计已经风靡全球,各大网站都改变了设计风格.以拟物化设计著称的苹果公司也在新发布的IOS7中使用了扁平化的风格.所以我们在设计PPT的过程中,也可以借鉴微软的扁平化风格.此篇文章将为大家讲解一些简单的图示的扁平化使用. 相

UI设计中的简约之美

  不需要华丽的外表,不需要繁琐的装饰,不像游戏UI有华丽的皮肤装饰,绚丽的动画效果,看似很简单的应用UI,其实它更能够给用户带来一个视觉上的舒适感,和长期的耐看程度.同时也考验着设计师视觉设计能力,排版,字体,每一个路径,描边,每一个弧度,每一个阴影,每一块的颜色搭配,每一个高光和按钮,他们的融合造就出的一个界面,不仅要方便用户操作,还要给以舒适的视觉体验,可能说的神奇了,但是也不无道理. 我给大家分享我个人比较喜欢的UI视觉设计,做一些简单的鉴赏. 一款名叫Pandora UI for iO

网页设计怎么破?创新式布局与交互的设计

设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站. 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:"多希望我当初能够想到这个点子."设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有新鲜感和原创味道. 奇特的造型.颜色的组合搭配和新颖的导航工具可以设计出那些最富有趣味又令人着迷的网站. 这些网站也同样难以设想和构建. 但是你永远不知道什么

支付宝体验设计精髓

支付宝体验设计精髓 支付宝AUX团队 著 吴明  主编 图书在版编目(CIP)数据 支付宝体验设计精髓/支付宝AUX团队著. -北京:机械工业出版社,2016.9 ISBN 978-7-111-54888-1 I. 支- II. 支- III. 电子商务―支付方式―研究 IV. F713.361.3 中国版本图书馆CIP数据核字(2016)第226108号 支付宝体验设计精髓 出版发行:机械工业出版社(北京市西城区百万庄大街22号 邮政编码:100037) 责任编辑:孙海亮 责任校对:董纪丽 印

支付宝体验设计精髓. 01 行业设计“五步法”

01 行业设计"五步法" 文/王宇航 随着"互联网+"的火热,越来越多的线下服务"搬"到线上,支付宝也提出了"连接3600行"的口号.设计师要在业务的快速推动与迭代中,快速接手新的行业线设计,必须理解产品背后的逻辑,对其所处的行业背景.商业模式和发展方向的研究保持足够的重视.但是往往一个项目设计的时间又是有限的,对于一个行业的理解也是需要时间沉淀与积累的,这就会产生一定的矛盾.所以动态并快速地使用一些设计策略是行之有效的. 我

移动用户体验设计新要素

无论是在一系列草图间快速切换,还是屏幕与屏幕之间的切换,或者其它类似场景,想要在这些场景切换中加入动效进行完美过渡,并不是一件容易的事情.这是一门需要耐心的艺术,需要用眼睛仔细的观察 ,人和物体如何在时间和空间两个维度中运动与变化. 这种非常巧妙的动效和动画,正在慢慢成为一种新的.有意思的移动体验设计要素.并值得用户体验从业者去学习,最终学会如何有效率和优雅的使用在自己的设计中.好的动效和过场动画可以传达给用户更加清晰的当前所处场景和层级关系,甚至带给用户一种愉悦和有趣的感受.然而,过多的或者太