译文 | 4种帮助设计师整理设计思路的方法

当我们刚刚接手一个项目的时候,我们总能在初期迸发出很多有趣的想法,很多闪光的细节都是偶然闪现的,但当我们在设计的过程中,有多少能够真正落地到产出中呢?怎样才能成功捕捉到这些有趣的创意,并使之在后续的产品设计中表达出来?本文向大家推荐了四种方法,帮助大家整理设计思路,避免创意在你的脑海里逃走!下面进入译文。


当我们刚刚接手一个项目的时候,我们总能在初期迸发出很多有趣的想法,很多闪光的细节都是偶然闪现的,但当我们在设计的过程中,有多少能够真正落地到产出中呢?怎样才能成功捕捉到这些有趣的创意,并使之在后续的产品设计中表达出来?本文向大家推荐了四种方法,帮助大家整理设计思路,避免创意在你的脑海里逃走!下面进入译文。

译文 | 4种帮助设计师整理设计思路的方法

当我开始一个新的设计项目或功能升级的时候,我会先关掉我的电脑,并且尽可能晚的打开我的设计软件。我会首先在脑子里形成一个项目的完整轮廓。当项目的概念模型还没有完整之前,不要纠结一些细节的把握,类似于视觉风格之类的。

在我还是初级设计师的时候,项目初期我就会使用Photoshop之类的设计软件,花费大量的时间设计出精美的界面,其中夹杂着大量的设计漏洞。当我成长为一个资深的设计师后,结合我之前所犯的错误,以及这些年的工作经验,我总结了一些成熟的设计思路和方法,能够帮助我提高设计效率,把握设计方向,以及避免出现低级的错误。

1.WHY-WHY-WHY-WHY-WHY (5个为什么)

译文 | 4种帮助设计师整理设计思路的方法

在我们开始设计项目之前,我们需要知道这次设计的背景原因是什么。一个有价值的设计方案是能够解决用户的实际问题的。为什么设计这个方案?为谁设计这个方案?连续的提问5次这样的问题可以帮助我们发现一些隐藏的答案:设计背后真正的问题。当我们知道了背后真正的问题后,我们的设计方案就会围绕着怎样解决它来做,这样我们的设计方向就不会有偏差。

在使用了这个设计方法后,我们在项目的实践当中仍然会看到几位设计师在解决同一个问题的时候,分别设计了不同的方案和思路。这其实是不矛盾的,每个方案都从不同的视角来解决问题,这给了我们不同的创新方案,但解决的都是同一个真正的问题。

案例

问题:用户不允许接收通知。

  • WHY?用户点击了“不允许”
  • WHY?用户不希望接收通知弹窗
  • WHY?用户没有意识到通知的价值
  • WHY?用户还没有体验到一个好的接受通知过程
  • WHY?这是用户第一次打开app

通过连续提问5个为什么,我们得到了一些背后的原因,并且我们可以立即设想到一些可能的解决方案:

  • 等待第二次打开app的时候询问接受通知许可
  • 在新手引导页面解释接受通知的价值
  • 在启动页面解释接收通知的价值

TIP

这个设计方法也能够帮助你解决日常生活遇到的一些问题。

2.Timeline(时间轴)

译文 | 4种帮助设计师整理设计思路的方法

当我开始学习交互设计的时候,我学到的第一件事就是:

用户界面背后的体验过程,不仅仅是用户怎样使用产品的过程,还包括了用户在使用产品之前和之后的状态。

我总是将时间轴的概念引入到我的项目设计过程中。它能够帮助我设计一个完整的,从开始到结束的体验方案。思考使用产品的之前与之后的部分能够帮助我们确保一个完整的用户体验。

之前

  • 用户怎样才能下载到我的产品?从app store?网站?还是banner广告?
  • 他们是否已经有了产品账号?他们是否需要一个账号来操作所有的功能?
  • 在什么场景下他们才会打开应用?在一个舒适的环境下?还是在嘈杂的地铁里?
  • 他们会花多长时间使用我们的产品?
  • 他们连接的是3G/4G网络还是Wi-Fi?

之后

  • 如何跟进用户刚刚完成的体验过程?
  • 他们是否需要在任何地点都能够接收到任何信息?
  • 当用户正在等待从应用中接收信息时怎样安抚他们?
  • 如果我们的产品是跨平台的,怎样将内容信息在平台间传递?

这些问题将确保设计师不放过任何的细节和机会来愉悦用户!愉悦用户不应该依靠一个好玩的界面动效,一个隐藏在页面中的彩蛋,而应当是通过完善一些小细节来让用户更方便快捷的解决问题,比如一封跟进操作的邮件(比如京东在下完订单后收到的订单邮件),应用的线下模式,已经根据用户之前留下的信息预填的表格等等。

3.The Conversation(对话)

译文 | 4种帮助设计师整理设计思路的方法

对话型UI是一个非常流行的设计方案,即使对于某些产品来说并不太适合。实际上,设计师的目标是将科技实现功能用一种自然的方式呈现给用户,所以对话型这种比较自然的交互模式应用在社交类的产品中就很适合,比如iMessage。当我在设计复杂的产品交互模式时,我会试着将产品联想成一个我雇来帮我完成某个任务的人,一个我可以对话的人。我需要询问他一些信息以便完成某项工作,或者是向他发出指令完成某项任务,亦或是询问他某个问题的答案。

我会写下整个对话内容,并以对话顺序列出来。这将帮助我:

  • 整理出一个最佳的交互流程;
  • 发现完成一个任务需要多少信息;
  • 那些信息可以被整理在一起,为什么可以整理在一起;
  • 哪些行为可以被执行,怎样被执行(主要功能);
  • 哪些信息需要预先告知应用以便解决我的需求;

4.The List (列表)

译文 | 4种帮助设计师整理设计思路的方法

当我接到一个新的项目需求时,总会有很多繁杂未整理过的信息和想法呈现在我的脑海里:启发、视觉、交互、好的UX概念、竞品分析、版权等等。我只知道我不应该在初期就关注那么多的细节,但是我也不想把灵光一闪的点子遗忘掉。为了确保我不会忘掉它们,我开始练习记录每个细节到我的本子上,所谓好记性不如烂笔头吧。

举个例子,当我开始一个手机应用的设计时,我会先写下手机应用涉及到的所有部件:

  • 地理位置
  • push通知
  • 陀螺仪
  • 摄像头
  • Touch ID
  • Etc.

我也会列出可能的UI风格类型:

  • Tinder cards
  • Chat UI
  • Snapchat ghost
  • Yo
  • Etc.

还有使用场景:

  • 在家里
  • 跑步中
  • 健身房
  • 私家车里
  • 公交车里
  • Etc.

然后我会整理分类这些关键词。列下这些信息能够帮助我实现两件事:

  • 把脑中的所有信息整理、清除出来,并在需要的时候立即就能够找到它们。(过多的信息容易让   你的思维跳跃的太快太远,从而偏离设计初衷)
  • 确保我不会丢失任何一个关键信息,或者一个好的点子。

列出所有的信息直接或者间接的将与项目有关的因素展示在你的眼前,这是一个简单有效的方法让你发现更好的创意。

TIP

不仅仅是用便签贴列出所有的信息,你也可以利用mind-mapping软件来做这项工作,但重要的是要将这项工作贯穿于整个项目设计过程中,要持续更新新的发现,摒弃掉没用的内容,这也有助你回溯整个设计流程,查漏补缺。

 

作者@Benjamin Berger

原文地址:https://blog.prototypr.io/5-ux-plays-to-start-your-design-on-good-tracks-45d00260909e#.2ig04a95x

本文由 @薛斯塔 原创翻译发布于人人都是产品经理 ,未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-25
下一篇 2017-05-25

相关推荐

  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05
  • 『交互设计经验分享』信息交互设计金字塔法则

    本文由卓衡科技运营总监刘鹏分享。文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则。 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡。大致的意思就是:任何事情都能归纳出一个中心点,而…

    2015-01-27
  • 从公共厕所与交互-有趣的现象

    前言 有一次在等厕所时,我发现了一个有趣的现象,人们通常在选择独立间的时候会短暂停顿一下。但如果去询问当事人选择的时候的停顿是在思考什么,当事人往往也不知道自己在想什么。鉴于求知的欲望,我们实验室做了一个有趣的实验。

    2014-12-30
  • 任务优先级的重要性:为核心任务设计

    作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

    2017-05-28
  • 交互设计中几个要注意的关键词

    作者:Guibin@DesignGB   sprint “罗马不是一天建成的。” “千里之行,始于足下。” 将一个大问题,拆解成很多小问题,一点一点实现并验证可行性,一个版本一个版本改善,用迭代的思想输出成果。越早交付价值,就越早…

    交互专题 2017-08-07
  • Mockplus实例之一看就会de五个交互功能

    实例来源:豆瓣新加日记(https://www.douban.com/note/create)先看看豆瓣新加日记的网页:再看看已经制作好的原型预览页面:在原型制作中有五个有特色的交互功能:1 题目和正文切换时,边框颜色变深这里需要交互…

    2016-07-27
  • 李斌:用户体验是商业变革的核心 ▏笔记

    混沌大学2017年商业创新第29课与做“车”相关领域的互联网人中,你很难再找到一个经历比李斌更加丰富的人。作为易车网的创办者、蔚来的操盘手和摩拜单车的天使投资人,李斌已经在汽车领域创业18年。对于创新的商业模式,李斌认为核心在于重新定义用户体验。伟大的商业模式变革,都不是从商业模式出发的。李斌老师在混沌大学授课授课老师|李斌易车网、蔚来汽车创始人、董事长,兼任摩拜单车董事长过去20年互联网获得的巨大成功告诉我们,用户只会为好的体验买单。...

    2018-04-06
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04
  • Axure官方教程中文版第5课:动态面板介绍-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(5).MP4 新建文件 1、添加一张图片和按钮 2、转换为动态面板并添加状态 3、为每个状态添加一张图片 4、设置点击“Next”按钮时进行下个状态的切换

    2015-01-26
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01