《ios人机交互指南翻译系列之一,来自苹果最新官方文档,2015.8》 设计策略:把概念变成产品

设计策略:如何把概念变成产品

定义你的应用


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


Introduction Introduction 9 At a Glance 9 Great iOS Apps Embrace the Platform and HI Design Principles 9 Great App Design Begins with Some Clear Definitions 10 A Great User Experience Is Rooted in Your Attention to Detail 10 People Expect to Find iOS Technologies in the Apps They Use 10 All Apps Need at Least Some Custom Artwork 11 Chapter 1 Platform Characteristics 13 The Display Is Paramount, Regardless of Its Size 13 Device Orientation Can Change 14 Apps Respond to Gestures, Not Clicks 14 People Interact with One App at a Time 15 Preferences Are Available in Settings 16 Onscreen User Help Is Minimal 16 Most iOS Apps Have a Single Window 17 Two Types of Software Run in iOS 17 Safari on iOS Provides the Web Interface 18 Chapter 2 Human Interface Principles 21 Aesthetic Integrity 21 Consistency 21 Direct Manipulation 22 Feedback 22 Metaphors 22 User Control 23 Chapter 3 App Design Strategies 25 Create an Application Definition Statement 25 1. List All the Features You Think Users Might Like 25 2. Determine Who Your Users Are 26 3. Filter the Feature List Through the Audience Definition 26 4. Don’t Stop There 26 Design the App for the Device 27 Embrace iOS UI Paradigms 27 Ensure that Universal Apps Run Well on Both iPhone and iPad 28 Reconsider Web-Based Designs 28 Tailor Customization to the Task 29 Prototype and Iterate 31 Chapter 4 Case Studies: Transitioning to iOS 33 From Mail on the Desktop to Mail on iPhone 33 From Keynote on the Desktop to Keynote on iPad 35 From Mail on iPhone to Mail on iPad 38 From a Desktop Browser to Safari on iOS 41 Chapter 5 User Experience Guidelines 47 Focus on the Primary Task 47 Elevate the Content that People Care About 48 Think Top Down 48 Give People a Logical Path to Follow 48 Make Usage Easy and Obvious 49 Use User-Centric Terminology 50 Minimize the Effort Required for User Input 50 Downplay File-Handling Operations 50 Enable Collaboration and Connectedness 51 De-emphasize Settings 52 Brand Appropriately 53 Make Search Quick and Rewarding 53 Entice and Inform with a Well-Written Description 54 Be Succinct 55 Use UI Elements Consistently 55 Consider Adding Physicality and Realism 56 Delight People with Stunning Graphics 57 Handle Orientation Changes 58 Make Targets Fingertip-Size 60 Use Subtle Animation to Communicate 61 Support Gestures Appropriately 62 Ask People to Save Only When Necessary 63 Make Modal Tasks Occasional and Simple 63 Start Instantly 64 Always Be Prepared to Stop 65 Don’t Quit Programmatically 65 If Necessary, Display a License Agreement or Disclaimer 65 For iPad: Enhance Interactivity (Don’t Just Add Features) 66 For iPad: Reduce Full-Screen Transitions 66 For iPad: Restrain Your Information Hierarchy 67 For iPad: Consider Using Popovers for Some Modal Tasks 69 For iPad: Migrate Toolbar Content to the Top 70 Chapter 6 iOS Technology Usage Guidelines 73 iCloud Storage 73 Multitasking 74 Notification Center 76 Printing 80 iAd Rich Media Ads 81 Quick Look Document Preview 87 Sound 88 Understand User Expectations 88 Define the Audio Behavior of Your App 89 Manage Audio Interruptions 93 Handle Media Remote Control Events, if Appropriate 94 VoiceOver and Accessibility 95 Edit Menu 96 Undo and Redo 98 Keyboards and Input Views 99 Location Services 99 Chapter 7 iOS UI Element Usage Guidelines 101 Bars 101 The Status Bar 101 Navigation Bar 102 Toolbar 105 Tab Bar 106 Content Views 108 Popover (iPad Only) 108 Split View (iPad Only) 111 Table View 113 Text View 121 Web View 122 Container View Controller 123 Alerts, Action Sheets, and Modal Views 123 Alert 123 Action Sheet 127 Modal View 130 Controls 133 Activity Indicator 133 Date and Time Picker 133 Detail Disclosure Button 134 Info Button 135 Label 135 Network Activity Indicator 136 Page Indicator 136 Picker 137 5 2011-10-12 | . 2011 Apple Inc. All Rights Reserved. CONTENTS Progress View 138 Rounded Rectangle Button 139 Scope Bar 139 Search Bar 140 Segmented Control 141 Slider 142 Stepper 143 Switch 143 Text Field 144 System-Provided Buttons and Icons 145 Standard Buttons for Use in Toolbars and Navigation Bars 145 Standard Icons for Use in Tab Bars 148 Standard Buttons for Use in Table Rows and Other UI Elements 149 Chapter 8 Custom Icon and Image Creation Guidelines 151 Tips for Designing Great Icons and Images 152 Tips for Creating Great Artwork for the Retina Display 153 Tips for Creating Resizable Images 154 Application Icons 155 Launch Images 157 Small Icons 159 Document Icons 160 Document Icon Specifications for iPhone 160 Document Icon Specifications for iPad 161 Web Clip Icons 163 Icons for Navigation Bars, Toolbars, and Tab Bars 164 Newsstand Icons 166 Document Revision History 169
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值