设计策略:如何把概念变成产品
定义你的应用
app 定义陈述是一个对应用主要目的和目标用户的简洁、具体的声明。
1.列出你认为用户可能会喜欢的所有特性
尽情的进行头脑风暴!这个环节,你试图抓住所有可能和你主要的产品创意相关的所有任务。不必担心这个清单过长;后面我们会很快缩小它的范围。2.决定你的用户是谁(构建用户画像)
你需要识别出你app的用户和其他iOS用户的不同之处。在你主要的创意场景下,什么对他们(你app的目标用户)最重要?经过这个步骤,筛选出3个(或几个)能够最好的描述你目标用户的特性。
(例子中是:喜欢试验菜谱,通常比较赶时间,在不太麻烦的情况下尽可能省钱)
3.通过用户定义来过滤特性列表
根据之前选定的用户特性,你可以从之前的长长列表中过滤出有限几个app功能点。
恭喜你走在了正确的路上:伟大的ios应用都持久聚焦于他们试图帮助用户完成的任务。
例子中是:一个购买清单创建工具;给那些喜欢烹饪、同时又喜欢省钱的人
4.不要就此止步
在你的开发工程中,始终使用你的用户定义陈述来检查应用功能、控制、术语的适用性。比如;
当你试图增加新特性,需要确定该特性对于app的主要目的和目标用户来说是否是必要的。如果答案是否,那么尽管把它放到一边去;它可能是另外一个完全不同的应用的基础。回到之前的例子,如果你定义你的目标用户是喜欢创造研究新菜式的人,那么封装好的纸杯蛋糕半成品和预制的快餐可能完全不合适。
当你考虑ui的外观和行为时,想象你的目标用户是否会喜欢这种风格/该风格在应用场景下是否合适。
当你考虑你使用的术语时,需要努力匹配你的目标用户在该主题上的专业程度。比如,即使你的用户不是专家厨师组成的,你还是有可能认为他们可能想看到关于烹饪配料和技术的专有名词。
对于任务的专门定制实现:
这里举了一个闹钟的例子:你可能设计了一个华丽(花里胡哨)的计算器,具有艺术感和想象力,布局和传统计算器完全不同。你可能觉得这个定制的ui让用户会眼前一亮;但很快,用户会厌倦你的界面,对这种怪怪的ui操作感到不适应,并且抛弃你的应用。
这个例子告诉你:在开始准备这么做的时候,充分考虑你的应用场景;用户多久用一次它们?又是在什么环境下?
再举个garageband(注:这是个很有名的工具应用)的例子来对比。garageband帮助人们制作音乐,但它并未在ui上显示美丽、真实的乐器;如果使用真正的乐器操作方式,应用程序会变得很不直观且难于使用。在garageband里面,定制ui仅仅被用来告诉用户如何使用这个应用,这也使得制作音乐的主要任务易于完成。
几个原则:
a.定制化总需要一个理由。
b.尽可能避免增加用户的认知负担,也就是降低用户的学习成本。
c.尽可能保持一致性(在你的应用内部)。
d.内容优先;ui首先需要尊重内容。
e.当你想要对一个标准控件重新设计时,务必三思而后行。
f.一定要对你的定制ui元素进行充分的用户测试。
原型和迭代
在你投入大量资源对你的设计进行实现之前,创造多个原型来进行用户测试是一个很棒的主意。即使你只能找到几个同事帮你测试原型,你也会从他们对你app的功能和用户体验的新鲜视点中获益良多。
在很早期的设计阶段,你可以使用纸上原型活着线框图来对主要的视图和控件进行布局,并将屏幕上的流程映射过去。你可以从测试线框图上得到一些有用的用户反馈,但它的稀疏性可能会给测试者带来一些误导。这是因为对用户来说,光靠线框图来想像app在设备上的真实体验是相当困难的。
如果你能够做一个可以在设备上的原型(译者:现在此类工具很多,比如pop),你可以得到更多有价值的反馈。当人们可以在设备上和你的原型进行交互时,它们会覆盖更多的场景,测试到更多的功能,这样就会发现应用功能不如意或者用户体验过于复杂的地方。
最简单的方法是通过xcode来做一个简单的原型(译者:现在此类工具很多,比如pop,用来制作原型比xcode更加友好和强大)。
你不需要在你的原型应用中提供大量的内容,但你需要提供足够的上下文信息来创造一个相对真实的体验场景。你需要在典型的场景和更多不常见的边缘场景中寻找一个平衡。比如,你的应用一般处理的是长串列表信息,那么你的原型就不应该只展示一两个列表项。你也应该在原型中提供主要界面的跳转和主要功能按钮的交互,这样才能够帮你得到建设性的反馈。
当你使用xcode应用模板来制作原型时,你可以免费得到很多功能,而且处理反馈的设计调整响应速度相对来说是较快的。在你固化你的设计并投入大量工程资源去实现该设计之前,你应该对你的原型进行几次迭代,并对每个迭代都进行用户测试:这个过程不会花费多少时间。 建议:开始阅读xcode overview,上手学习xcode吧。
注:这里均为译者意译;此为第一篇,后面还有后续,计划写3-5篇或更多,敬请期待。
苹果原文链接:https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Process.html#//apple_ref/doc/uid/TP40006556-CH6-SW1