交互

  • 设计的目的是什么?

    ·

    因为工作和爱好,我有很多设计师朋友,每天有大量的时间花在和设计师讨论“什么是好的设计”。

     
    什么是好的设计,是个很难的问题。设计首先不只是艺术,它必须从产业出发,“好看”并不足以评价设计的好坏。那么“好用”、“巧妙”、“恰当”是否能评价设计好坏?是否有“最好的”设计?这个问题一直困扰着我。

     
    事情源于前几天帮一个设计师朋友看她的草稿,一个煲耳机的App界面。应用本身的功能很简单,接上耳机,输出白噪音,用户可以选择开始或暂停,还可以看到累计时间。她给我看稿子,问我“你觉得好看吗?”,我一时无言以对。从现代UI设计审美来说,保持简洁,突出内容,交互符合用户心理模型,就已经可以称之为好看了。
    我实在无法简单评判是否好看。于是我问她,你的App设计的目的是什么?

     
    设计的目的是什么?这个问题也问到了我自己。设计的目的是什么?出发点是哪里?产品要解决什么问题,设计在其中的使命又是什么?

      
    由于我是耳机小白玩家,从我的经验大概梳理了一下产品的目的:

    – 输出白噪音 > 让耳机越来越好 > 让用户感受到它越来越好;

    – 指示何时完成煲耳机 > 减少等待感 > 让用户获得成就感;

    – 根据机型煲耳机 > 指示机型 > 让用户觉得这个功能最适合我的耳机;

     
    我们发现,越往后推导,就越接近设计的目的,即感受:视觉传达中的形、色、对象关系所能表达的内容。

     
    例如,要传达出“越来越好”的升级感,我能想到游戏中的加血状态,能想到初现的彩虹,以及魔法瓶中的彩色气泡。这些归纳成与声音有关的设计元素,也许就是彩色波形,与逐渐生长、填满的形。

     
    传递进度和时间,一般用进度条、正计时或倒计时。煲耳机都是大概时间,而且时间很长。之前的设计中是一个圆形进度条,中间是时间。如果把一个10小时的进程,用3个同心圆表示,每个圆圈约3小时。这样漫长的等待变成了阶段性的成就,时间走慢每个圆圈时,都将一番努力变成了感受上的阶段性“已获得”,减少等待未完成的焦虑感。

     
    如何让用户感觉App更适合它的耳机就更简单了,在界面上放至耳机的图片或型号,立即可以获得量身定制的感觉。

     
    经过一番梳理,设计中最核心的几个要素在脑中渐渐清晰,设计之美有了着力点。当念头通达,感受一致,排布、色彩、形状、肌理就在那里,“好看”也就顺理成章了。

     
    把这个念头带入最近的几个项目中,发现再小的设计细节,从目的出发,都能受益匪浅。例如当我们在改进小米网产品评价界面时,设计的出发点是让文字得到尊重,评价才能体现力量感。于是我们第一次将18px的字用在正文当中,增加了文字周围的留白,弱化了周边交互的干扰,给内容以安全空间。事实上在这一版的基础上,我心中的理想字号是24px,周边交互和设计元素仍然能继续简化。当赋予设计以目的,会发现设计的改进路线图也变得更清晰。

     
    想起前一阵各种反串的东北大花布,其实东北大花布也是一个经典设计。为什么大家觉得很土的设计,能成为经典?

     
    想象一下,在黄土高坡,秋天满世界的黄,冬天满世界的黑白。服装从感受上出发,将人们从单调的色彩中解救出来,采用高对比的红花绿叶,不正是从设计的目的出发吗?

  • 最近终于可以暂时放下创意和营销这件事,可以安静和组里同学聊聊产品和交互,这还是很惬意和开心的事。我觉得创意和营销是感性中寻求理性,交互就是理性中寻求感性,将情怀藏在逻辑中。

    今天读到的是FastCompany刊登的一篇文章,来自Google Ventures的design partner John Zeratsky,大哥在Google Ventures时经常帮一些创业公司看看设计看看交互看看文案,这篇文章就是来自它的一些小心得。

    文案不仅和设计一样重要,也是设计的一部分,这个观点深得我心,因为在做小米网站产品的时候我们在做按钮文字的A/B Test的确失之一字差之千里。

    下面是我的阅读笔记摘要,原文在 http://www.fastcodesign.com/3026463/from-google-ventures-5-rules-for-writing-great-interface-copy? ,也可以在我的Blog http://fri.sh 找到地址。

    ==== 这是阅读笔记的分割线=================

    -对很多IT公司设计很神秘,作者的看法是:设计并不是一个神奇的创意工作,而是理性客观可组织的。
    -设计并不只有关视觉,设计要指出产品能做什么,它如何工作,它要传达什么。
    -设计最需要考虑的是:我们的产品要对使用它的人说什么,设计如何持续给用户惊喜。
    -作者的工作方式是聚焦写一个牛逼的文案,然后用最基本的视觉凸显出最重要的部分,往往可以击败最华丽性感的原型。
    – 文案应贯穿设计过程,在原型阶段不考虑文案(如果只用lipsum之类的占位符),将失去对用户体验的早期测试、洞察。

    1.简洁为王
    – 要具体,例如“保存”和“提交”是两回事
    – 留意术语和缩写,例如“Repository”比”repo.”要明白
    – 前置重要的信息,例如写“继续”,而不是“点击继续”
    – 别偷懒,将“确定”和“取消”用更准确的词代替

    2.凸显个性没你想的那么重要
    – 核心就是说别在按钮上用奇怪的文字,比如确定按钮写成“赞,让我们走起吧”。精确表意才是最重要的,如果要加入这种文字可以在副标上,也要克制。

    3.直接了当
    – 最好的界面文案,都是直接告诉用户你想让他知道的事。比如“一种全新的方式”,就不如直接描述出来方式是什么。

    – 一个简单的标签(我觉得说的是slogen),可以帮助用户理解。
    – “保存并继续” 比“下一步”要好,告诉用户正在发生的事。

    4.用户的确是读文字的
    – 用户是读文字的,无论短的还是长的。(通过过去10年对app和网站的研究,这一点我也有同感,在小米网产品页面最深层的错字或错误描述用户都能第一时间挑出来!)
    – 用户喜欢读标题,但是按钮、链接、表单标题也都会读,这些都是最重要的元素,应当仔细去写。
    – 必要的文字不嫌多,前提是文字简洁直击重点

    5.文案写作是设计的一部分
    – 文案是设计的基本核心元素,和交互设计、视觉设计、原型用户研究一样必不可少。它应当贯穿设计全过程。