步步为营一.学习各个系统的交互规范
最近几天,开始学习交互设计。虽然,交互设计本应由相应的交互设计师来做,但是,产品新人自己学习一下交互,完善下工作技能,还是有好处的。毕竟,产品形态还是要由各个交互图给大家呈现出来的。
今天看完了Android4.0、MIUI4.0、iOS的交互规范,下一步要观摩Meego和Smartphones。
其中Android4.0的交互规范是学习的小米PM自己总结的版本(今早发现,Google也刚刚发布了Android4.0的guideline),iOS是官方发布版。
上司给了一部iphone,所以,一边操作iphone,一边学习iOS。发现这个系统真的是让人惊喜。细节之处做的非常完美。对比Android4.0,google还要继续努力才是。话说,仔细分析一下,能发现,安卓很多地方做的很烂。
iOS交互规范笔记
一,Human Interface Principles
Aesthetic Integrity 审美完整性
Consistency 一致性: 所有系统app都保持一致,可以使得用户学习成本最小。
Direct Manipulation 直接操作:要记得对于触摸设备,直接用手势碰触物体,是最直接的操作方式。
Feedback 反馈:用户需要得到其操作的反馈。比如,iOS中的时钟,用户一拨,会有咔咔的声音,再比如,某个按钮,用户点击之后会及时改变颜色,告诉用户已经收到其操作指令。
Metaphors 隐喻:虚拟物体与现实物体越接近,则用户越容易理解。比如,经典例子,是“文件夹”。
User Control 用户操作:不去替用户做决定,对于危险操作,可以提示用户,但是要有考虑到用户错误操作的可能性。亚马逊买下相似域名这个问题,就是好例子。不要期望用户可以输入正确的域名,而是,考虑到如果用户输入错别字域名,我们应该怎么办。
二,App Design Strategies
--Create an Application Definition Statement
List All the Features You Think Users Might Like 头脑风暴,列出所有可能的功能点
Determine Who Your Users Are 考虑用户群,用户是些什么样的人,使用场景应该是如何的
Filter the Feature List Through the Audience Definition 根据用户群属性,过滤这些功能点,然后写出你的app的定义,比如““A shopping list creation tool for thrifty people who love to cook.“”
Don’t Stop There 当你考虑新加一个功能的时候,考虑一下你的app定义,以及你的用户群属性,看他们是不是需要
三,User Experience Guidelines
Focus on the Primary Task 着眼于主要任务,泡妞软件就好好泡妞,帮用户约到炮友才是本事,别整些虚头巴脑的
Elevate the Content People Care About
Think Top Down 考虑用户使用手机的手型,还有,把主要内容放在屏幕上边,下边放些按钮什么的
Give People a Logical Path to Follow
Make Usage Easy and Obvious
Use User-Centric Terminology 使用用户为中心的话语,这是程序员的通病。“检索”不如“搜索”,“搜索”不如“查找”
Minimize the Effort Required for User Input 用户都是懒的,你没事让人家输入点什么,你以为你是铁道部订票网站啊。想知道点什么自己调用iOS系统信息去,即使要获得点什么信息,最好是让用户选择而不是打字。还有,从用户那里得到些输入之后,要给他们相应的回报。
Downplay File-Handling Operations 淡化文件操作。即使有文件夹这样的隐喻性object,也不要在手机上使用太多的文件操作,想知道系统里有哪些视频文件?自己遍历SD卡去。用户可以点,但是才懒得输入文件位置呢。
Enable Collaboration and Connectedness
De-emphasize Settings
Brand Appropriately
Make Search Quick and Rewarding 搜索要快,反应要动态。比如,用户搜了点啥,你不能一直“Loading。。。”,可以先把文字性的东西呈现出来,网速比较慢的话,图片什么的慢慢load。用户可以一边等图片load,一边查看返回的文字结果。
Entice and Inform with a Well-Written Description
Be Succinct
Use UI Elements Consistently
Consider Adding Physicality and Realism 这一点iOS做的实在是太好了,他的电子书,便签,备忘录,钟表,语音备忘等等等等,几乎吧拟物这个技术用到了极致。用户不用看什么教程和help,立马会用,而且使用非常方便。
Delight People with Stunning Graphics
Handle Orientation Changes
Make Targets Fingertip-Size
Use Subtle Animation to Communicate 这个一个是给用户反馈,另一个也能传达很多程序状态信息
Support Gestures Appropriately
Ask People to Save Only When Necessary 我写一个便签,不需要按保存键,我一推出,你app应该自己替我保存才对
Make Modal Tasks Occasional and Simple
Start Instantly 比如,微信这样的东西,开机初始化过程比较长,怎么办?我一点击按钮,应该立即出现狗日的张小龙喜欢的MJ的图片才对,这样用户才会知道,奥,程序在启动了。
Always Be Prepared to Stop 好儿郎浑身是胆,难免扣电池
Don’t Quit Programmatically
If Necessary, Display a License Agreement or Disclaimer
今天看完了Android4.0、MIUI4.0、iOS的交互规范,下一步要观摩Meego和Smartphones。
其中Android4.0的交互规范是学习的小米PM自己总结的版本(今早发现,Google也刚刚发布了Android4.0的guideline),iOS是官方发布版。
上司给了一部iphone,所以,一边操作iphone,一边学习iOS。发现这个系统真的是让人惊喜。细节之处做的非常完美。对比Android4.0,google还要继续努力才是。话说,仔细分析一下,能发现,安卓很多地方做的很烂。
iOS交互规范笔记
一,Human Interface Principles
Aesthetic Integrity 审美完整性
Consistency 一致性: 所有系统app都保持一致,可以使得用户学习成本最小。
Direct Manipulation 直接操作:要记得对于触摸设备,直接用手势碰触物体,是最直接的操作方式。
Feedback 反馈:用户需要得到其操作的反馈。比如,iOS中的时钟,用户一拨,会有咔咔的声音,再比如,某个按钮,用户点击之后会及时改变颜色,告诉用户已经收到其操作指令。
Metaphors 隐喻:虚拟物体与现实物体越接近,则用户越容易理解。比如,经典例子,是“文件夹”。
User Control 用户操作:不去替用户做决定,对于危险操作,可以提示用户,但是要有考虑到用户错误操作的可能性。亚马逊买下相似域名这个问题,就是好例子。不要期望用户可以输入正确的域名,而是,考虑到如果用户输入错别字域名,我们应该怎么办。
二,App Design Strategies
--Create an Application Definition Statement
List All the Features You Think Users Might Like 头脑风暴,列出所有可能的功能点
Determine Who Your Users Are 考虑用户群,用户是些什么样的人,使用场景应该是如何的
Filter the Feature List Through the Audience Definition 根据用户群属性,过滤这些功能点,然后写出你的app的定义,比如““A shopping list creation tool for thrifty people who love to cook.“”
Don’t Stop There 当你考虑新加一个功能的时候,考虑一下你的app定义,以及你的用户群属性,看他们是不是需要
三,User Experience Guidelines
Focus on the Primary Task 着眼于主要任务,泡妞软件就好好泡妞,帮用户约到炮友才是本事,别整些虚头巴脑的
Elevate the Content People Care About
Think Top Down 考虑用户使用手机的手型,还有,把主要内容放在屏幕上边,下边放些按钮什么的
Give People a Logical Path to Follow
Make Usage Easy and Obvious
Use User-Centric Terminology 使用用户为中心的话语,这是程序员的通病。“检索”不如“搜索”,“搜索”不如“查找”
Minimize the Effort Required for User Input 用户都是懒的,你没事让人家输入点什么,你以为你是铁道部订票网站啊。想知道点什么自己调用iOS系统信息去,即使要获得点什么信息,最好是让用户选择而不是打字。还有,从用户那里得到些输入之后,要给他们相应的回报。
Downplay File-Handling Operations 淡化文件操作。即使有文件夹这样的隐喻性object,也不要在手机上使用太多的文件操作,想知道系统里有哪些视频文件?自己遍历SD卡去。用户可以点,但是才懒得输入文件位置呢。
Enable Collaboration and Connectedness
De-emphasize Settings
Brand Appropriately
Make Search Quick and Rewarding 搜索要快,反应要动态。比如,用户搜了点啥,你不能一直“Loading。。。”,可以先把文字性的东西呈现出来,网速比较慢的话,图片什么的慢慢load。用户可以一边等图片load,一边查看返回的文字结果。
Entice and Inform with a Well-Written Description
Be Succinct
Use UI Elements Consistently
Consider Adding Physicality and Realism 这一点iOS做的实在是太好了,他的电子书,便签,备忘录,钟表,语音备忘等等等等,几乎吧拟物这个技术用到了极致。用户不用看什么教程和help,立马会用,而且使用非常方便。
Delight People with Stunning Graphics
Handle Orientation Changes
Make Targets Fingertip-Size
Use Subtle Animation to Communicate 这个一个是给用户反馈,另一个也能传达很多程序状态信息
Support Gestures Appropriately
Ask People to Save Only When Necessary 我写一个便签,不需要按保存键,我一推出,你app应该自己替我保存才对
Make Modal Tasks Occasional and Simple
Start Instantly 比如,微信这样的东西,开机初始化过程比较长,怎么办?我一点击按钮,应该立即出现狗日的张小龙喜欢的MJ的图片才对,这样用户才会知道,奥,程序在启动了。
Always Be Prepared to Stop 好儿郎浑身是胆,难免扣电池
Don’t Quit Programmatically
If Necessary, Display a License Agreement or Disclaimer
还没人赞这篇日记