如何为Windows Phone开发App之构思和概念篇

移动开发
好的设计方法,不会只局限于某一平台,一定是放之四海而皆准。另外原文太长了,因而大部分比较罗嗦的文字没有翻。旨在让大家理解这个方法即可。

上一篇文章(The Design Process of a Windows Phone App)中,我们讨论了为你的Windows Phone App定义主题的重要性。构思阶段帮助你提炼你的主题和产生创意。我们探讨过选择主题对用户体验的价值,就像吃饭、跑步、出海而不是API、RSS 。

构思和概念阶段会很好玩,尤其是和其他人一起!这个阶段可分为三个步骤:1,头脑风暴,2、探索,3、收敛。概括的讲,头脑风暴步骤产生大量的 idea,探索步骤仔细剖析并研究那些idea中的大部分(不是全部),在收敛步骤中你要觉得哪些idea会最终被设计为App。只有极少数的idea最 终脱颖而出。

clip_image002

Brainstorming头脑风暴

头脑风暴通常是设计一个Windows Phone App的第一阶段。这个阶段只在于你思想的解放。在于你要产生无数的idea,甚至有些idea会非常疯狂。在于你要勇于突破条条框框,提出有创造性的解决方案。

头脑风暴的最好工具是讲故事和多色的便利贴,草图和情绪板也有帮助。或者这篇effective brainstorming.文章也提到了10个好方法。

总的来说,你将用头脑风暴定义两件事情,1、你App的大方向2、App具体功能。

头脑风暴帮助你提出很棒的方案,为用户提供独一无二的价值,与Marketplace中其他App产生差异化。

一旦你决定了总体目标,头脑风暴会帮助你产生和归纳出具体功能。

首先,你需要提出一个主题或者一个宽泛的用户场景。一个很典型的情况是 “为API或者web服务而开发app”。于是我们不过是又设计了成堆的Yelp!、Twitter又或是foursquare。然而,试图为那些服务设计最好的客户端并没有错,真正的创新机会出现为用户体验而设计,而不是为API或者web服务。所以,不应该这样说“我将基于Yelp!API创造一个app”,而是说“我将为用户用餐体验而创造app”。你希望你的app有怎样的体验取决于你的业务范围,你的个人喜好,一些你发现人们真正需要的东西。

在这一阶段我们看到的另一个情况是,一些人在最初的时候就限制了自己。举个例子,他们开始构思阶段就已经确信要创造一个“查看股票交易价格”的app。所以,我们最后只能得到一个股票交易的app,或者又一个RSS阅读app。关键是要想有好的点子一定着眼于用户体验。所以,你要想说“我要发现怎样帮助用户产生好的股票交易体验”。哈,这样就好多了,给你更大的发挥空间。

一个好的可借鉴的头脑风暴的方法是主语+对象+动词。

主语+对象+动词Subject + Objects + Verbs

主要的方法和步骤:找三种颜色不同的便利贴,分别写下用户体验相关的主语、动词和对象,并选择其中的一些词汇组合成一个场景。这样的训练激发了你的 创造力,因为它迫使你为那些不是你自己写下的文字提出解决方案——即使别人没选择你写的那些词,你自己也不能去选择。如下图所示

clip_image003

然后2-3人一组,让他们各选一个词,根据这些词组成的场景来发散出idea。就像这样:

  • 素食女孩+叫喊+双层Cheese三明治
  • 小孩+玩+食物
  • 厨师+烹调+土豆
  • Lady Gaga+遇见+菜肴

即使我们不会专门针对Lady Gaga开发app,我们也可以用一个更广泛的概念来替代比如“名人”。所以“名人遇见菜肴”,开发一个跟踪名人去那些地方吃饭的app?这会像一个名人餐饮地图一样。

下面的这个例子中的三个词汇的组合真的让我觉得很棒:孩子+玩+食物。我自己永远也不会想到这个场景-因为我还没有孩子。感谢team里面其他三个成员,我们得到了这个场景:孩子在餐厅里面玩儿食物——真的令人头疼。

Gamestorming中讲到的技术会对此有帮助。这是Impossible Senario中的一个技术。记住先不要想的太远,不要想如何实现架构等等,就先享受创造力带来的乐趣,剩下的阶段中,你有的是时间去评定优先级,评估技术上的可行性,挑选概念。

Impossible Scenario for Kids + Play + Food

一对父亲带着两三个孩子可能还是个小事,但是同时带着100个孩子呢?不可思议对吗?上百位孩子,你可能不知道他们的名字,他们的喜好,他们现在和 谁约会,他们中谁是素食者,几岁了等等。一堆夫妻带着100个孩子来餐馆,但100个孩子同时出现的场景是存在的——真实生活中会有这样的场景,比如一家 餐厅或者公共场合,博物馆,麦当劳等等。现在怎样做才能让这些孩子不玩儿食物,不把事情变得一团糟?怎样能把你的经验传授给其他人呢?假如有个社会化媒体 让有带孩子经验的父母check in,把他们孩子的好习惯传播出来,让其他孩子来学习,这样不是很好吗?

clip_image005

另外一个技术是Alternate World(可替代的世界)。比如说在月球上的餐馆?月球上假如你的孩子抛了个小肉丸怎么办?我仿佛看到这个肉丸飞跃餐馆,打在一个上年纪男人的头上!这给了我灵感,一个让孩子可以在上面任意破坏食物的游戏。哈,水果忍者?或者Angry bird遇到或者忍者?

另外还有一个叫做“Other’s Shoes”(别人的鞋)的技术。在用餐场景假扮是别人或者物品。当然,你可以是扮演一个 waiter,然后从他的角度来看用餐体验。这不仅会让你开拓思路,更能让你和你的团队视角独特。现在,不扮演人,假设你是一盘意大利面,你是怎么被采购 进餐厅,你是怎么做出来的,怎么被端上餐桌,怎么被吃进去…当然这不意味着我们要设计一个意大利面app,但你可以想想这个生态圈,在柜台、厨房背后发生 的事情,我确信你能开发一个全新的app。

clip_image007

作者还推荐了两本关于brainstorming的书 GamestormingThinkertoys

Pecha Kucha

最后向你的team汇报你的想法。用 Pecha Kucha (Chit Chat in Japanese) 的方法。20页ppt,每页20个字。这个方法能强制你概况你的想法。取其精华去其糟粕。

[[80396]]

Exploration

这个阶段中你要探索商业上的可能性,体验是的需求性,技术上的可行性。当然这篇文章中我们还是focus在体验上。

clip_image009

要细化你在头脑风暴中产生的idea,延伸,测试他们。下面是一些用的着的工具。

  • Sketching
  • Storyboarding
  • Paper Prototyping
  • Storytelling

Sketching & Storyboarding

 boxing glove technique 是你在sketching中要掌握的全部技巧。当然不是说你真的要带着拳击手套去sketch。我们推荐的方法是,用一支粗马克笔来代替拳击手套。便利贴的大小和马克笔的粗度立马限制了你在在sketch中增加细节的可能性。[[80398]]

Paper Prototyping

纸原型从字面理解是用纸来做“交互”。我个人很喜欢用3″x 5″ 的便利贴来绘制Panoramas,Pivots和Pages。这是一种快速测试的廉价方法。另外还可把你的原型拍下来放在手机里面去模拟。只要增加一些可点击区域,这些原型就可以动起来了。15分钟用blend就可以做一个这样的原型。

作者还推荐了以下五篇关于纸原型的文章:

Paper Prototyping

Paper Wireframing

Paper Prototypes: Still Our Favorite

Looking Back on 16 Years of Paper Prototyping

Using Paper Prototypes to Manage Risk

Storytelling讲故事

一些人(包括我自己)都认为这是构思阶段最重要的工具。Storytelling实在是整个UX设计过程中最重要的基础。Storytelling让 你传达场景和描述用户、问题以及解决方案。用这样的方法来帮助人们沉浸在你app存在的未来世界中。它不仅仅帮助你和你的组员、客户理解你的设计远景,而 且帮助挖掘app更深层次的意义,也会更有趣味性。好的故事更能打动他人。而平淡的故事则催生平淡的设计。经过结构化和精心设计的故事通常能让你的app 独一无二。

Storytelling是其它用户体验交流工具的基础。伴随着你的声音、草图、情绪板、故事板、视频,你的故事被传达出去。

其实讲故事和电影剧本、小说没有什么不同,都由几部分组成:主题、环境、人物、对象、故事情节。除了故事的元素,结构也很重要。一个基本的故事结构 分为:设定、冲突、解决。怎样将一个故事,取决于用户和上下文。你可以树立他们的问题和目标,然后解释使用你的app怎样解决了问题。讲故事最大的风险是 过于平淡。反之,讲故事应该能够解释问题,并有让人记住的闪光点。

11 

你可以把每段故事写下来,也可以用其它视觉化的工具比如草图、情绪板、故事板来记录。另外Storytelling也分多个层次。首先你可以很概括的描述这个故事,然后你可以具体描述最重要的功能,最后再把其他的功能写出来。

另外一个我从市场营销领域借鉴的工具是elevator pitches(电梯展示),真正很有用。你将有30秒或更少来描述故事,就用这30秒来打动别人。这30秒中,你无法详细描述你的哦app,你只能抓住一个场景或功能。

如果你不能在140个字以内来把你的app的动人之处说清楚,说明你需要继续停留在探索发现阶段而不能继续向前。

我发现elevator pitches这一技术最近最好的例子是Facebook status和Tweet。所以写下一个关于你app的迷你故事吧!当团队成员都对这个故事赞赏有加的时候,再继续探讨其他详细的用户体验吧!

下面有些作者在Windows Phone Marketplace里面发现的优秀描述:

CocktailFlow

Tweet 探索、发现、找到鸡尾酒,收藏的种类在持续增长中

Facebook 探索、发现、找到鸡尾酒,收藏的种类在持续增长中。这个应用优雅的展示了鸡尾酒配方,同时它给你购买那些材料的建议。

Seesmic

Tweet.Seesmic让你用一种极为有效的方式更新和查看不同社交网络。

Facebook 让你用一种极为有效的方式更新和查看不同社交网络。同时管理TwitterFacebookSalesforce Chatter账户。

另外作者推荐了一些关于storytelling的文章:

Experience Themes: An Element of Story Applied to Design

Better Writing Through Design

Using Stories for a Better User Experience. 这是这篇文章的ppt

Conflict and Character within Story Structure

A Note of Caution with… Babies一个提醒

不可避免的,你会面对来自不同人的不同喜好。而idea就像你的孩子,这么可爱,你舍不得抛弃任何一个。有时候你需要捍卫一些好点子,是它们不会付 诸东流。有时候你也需要勇敢的倾听来自各方面的争议,在不断的讨论中,想法会逐渐成熟。Pixar的Ed Catmull曾说过“Pixar的传统是保护一个为成型的idea”

Consolidation

如果说头脑风暴是关于自由的想象,收敛就是关于如何做决策,在team里面把不同的视角和想法进行评估。一个有效的技术是在用红点和绿点来强制排 序。以此来定义出优先级。强制评级可能会给大家每个人100美元,让他们根据对concept的喜爱程度来分配这笔钱。可能这个概念我想投资20,另外一 个我会投45。

最终,根据结果,产生一个基准点,会有一些想法被砍掉。剩下的安装优先级把他们变成功能。done![[80399]]

clip_image015

责任编辑:佚名 来源: http://blog.chenjz.com/
相关推荐

2012-06-04 14:47:58

Windows Pho

2011-05-04 11:31:09

Windows PhoWindows Pho游戏开发

2013-07-31 13:13:50

Windows PhoMVVM模式

2013-04-24 13:19:06

Windows Pho动画DoubleAni

2013-04-24 13:31:59

Windows Pho动画之ColorAni

2013-04-19 17:11:02

Windows PhoWindows Pho

2013-04-24 13:43:10

Windows Pho动画PointAnim

2011-02-15 09:07:33

Windows Pho诺基亚

2013-04-25 16:42:44

Windows Pho反思、建议与忠告

2013-04-17 09:47:10

Windows PhoWindows Pho

2013-04-23 16:55:15

Windows Pho路径之其它Geomet

2013-07-31 13:36:07

Windows PhoVS调试技巧Windows Pho

2013-08-07 10:19:11

Windows phoWP应用开发套件StuWindows Pho

2010-04-21 17:07:54

Windows Pho

2013-07-30 12:37:56

Windows PhoWindows Pho

2012-01-05 09:19:25

iOSApp应用

2013-04-17 14:19:51

Windows PhoWindows Pho

2013-04-17 16:58:32

Windows PhoMediaElemen

2011-06-07 12:42:15

Windows Pho

2013-04-17 14:00:06

Windows PhoWindows Pho
点赞
收藏

51CTO技术栈公众号