NUI自然用户界面(Natural User Interface)


NUI不是一个新名词。
只是经历近年的一些新产品,有了更贴切的感受。
特别是消费电子终端界面CLI、GUI、NUI的变化。在桌面端,对象通常是显示固定的屏幕,设计师专注于键鼠驱动下的视觉效果。到了移动端,拥有更多传感器与交互方式,便携使得移动设备不限时空,传统专注于固定场景与操作的设计思路不合时宜。
NUI的概念恰好touch到这一变化(并不局限于消费移动设备)。
设计亦不存在创新,只是发现。
社区 http://nuigroup.com/forums
Wikipedia NUI定义 http://en.wikipedia.org/wiki/Natural_User_Interface
自然用户界面自然在哪儿 http://blog.sina.com.cn/s/blog_4caedc7a0102dzpk.html
NUI视频集(proxy)http://vimeo.com/channels/nui
概念
“自然用户界面”(NUI)是下一个的人机交互(MMI/HCI)的模式转变。基于传统的人类本能的交互模式,如触觉、视觉、声音、运动和较高的认知功能,如表达、理解和记忆。自然用户界面的目的,是利用了一种沟通方式,更广泛的权力,利用有广泛技能的人才,通过传统的物理相互作用收益。
笔记
作为一个学科;NUI目标在于探索研究受到自然启发的计算技术,另一层面,尝试根据信息处理与交互模型理解我们周围的世界。通过它们的学习我们复制真实世界的环境,利用新兴科技与传感技术,获得在物理与数字客体间更精确与优化的交互。
从经验来定义自然交互:人们自然地沟通是经由手势、表情、运动,通过观察与操作物理客体来探索世界;主要假设是他们应该被允许与技术的交互,如同与日常真实世界的交互。自然用户界面的特色是一种新的建筑美学,关于如何在物理空间伴随人类感官,迁移计算到真实世界、创建沉浸式体验。
Shneiderman(1983)解释了用户控制的核心思想,包括:
可视的客体与操作
迅速的、可逆的、渐增操作
通过直接、使人感兴趣的可视化操作,替代复杂的命令语言语法
相关的关键字与领域
Open Source
开源
Cognitive Science
认知科学
Human Computer Interaction
人机交互
Computer Vision
计算机视觉
Linguistics
语言学
Multi-Touch
多点触控
Design (…)
设计
Artificial Intelligence
人工智能
Brain Hacks
Human Factors
人机工程
Interaction Design
交互设计
Usability
可用性
Information Visualization
信息可视化
DIY (Do it yourself)
DIT (Do it together)
Psychology
心理学
Philosophy
哲学
Physics
物理学
Natural Computation (http://en.wikipedia.org/wiki/Natural_computation)
自然计算
相关的人体传感技术

Voice recognition
声音识别
Finger identification
手指触摸鉴定
Gaze vector
Facial expression
面部表情
Handheld device movement
手持设备动作
Biometrics (body temp, heart rate, skin impedance, pupil size)
生物测定(体温、心率、皮肤抗阻、瞳孔大小)
相关的产品
Apple iPhone
Microsoft Surface
Microsoft Natal
Microsoft Roundtable
Microsoft Windows 7
Amazon Kindle
Reactable
Pulse Pen
Nintendo Wii

帝都2011

地点:北京
设备:Sigma DP1S








「milk香港版」交互设计漫谈(2)——社会化分享

为什么分享的图形是“心”?不应该是三点网络还是别的什么??
因为,人在用心分享!用心。

晚上忽然些许感触。一年前的晚上舜日对那个分享定义,略显激动地解释。
不想在这儿考究用户体验抑或是通用习惯,感觉苍白。
只是说,我们有一种态度,让产品设计与生活走得更近。

在这篇文章发布的几天里,milk香港版iPhone迭代了一个版本,再次被推送在官方新品推荐以及热门推荐。
几周前,milk香港版Android首次面世,新品热门推荐。
零推广。

1.2版本的迭代开发,主要功能是社会化分享。

分享的意义
社会化分享,是指在社会化媒体中,基于其分享功能,将信息网络化输入输出,加速组织传播。博客、微博客、WIKI、博客、社交网络、内容社区等,是可以常见到的社会化媒体形式。在国内近两年,社会化分享的传播量又以QQ空间、新浪微博、腾讯微博势头最猛。
社会化媒体最大的特点是赋予了每个人创造并传播内容的能力。
Twitter平等的信息网络,使得每一个独立个体变得真实。
虽然国内的类twitter产品有变质,人与人多了一层等级关系,信息传播也不再充分流畅。但人们依旧乐于低成本的表达自己,传播感兴趣的内容。
最后在这个项目里,我们确定将新浪微博、腾讯微博做为第一批分享通道。
定位与设计探索
milk香港版的前后两个功能版本迭代间隔两个月。
保持良好的迭代节奏、并达成对用户有参与感的互动体验提升,是分享功能的两个产品考量因素。
设计定位
1. 迭代版本的分享功能,需要在视觉交互中引起用户注意。
2. 分享功能的显示与操作方式,沿用已有的设计,减少用户认知成本。
3. 操作流程简化、流畅,层级关系易理解。
功能ux流程探索
简述:入口->(过渡)->分享UI->(过渡)->完成
在当前的UI框架中,我们有三个区域,放置功能入口。分别是:
(点击放大)
头部条,Getit弹出区域,底部条。
头部条
——优点:规范标准设计
——缺点:游离在milk设计之外 不具有一致的美感
Getit弹出区域
——优点:易引起关注
——缺点:增加手势误操作的可能性
底部条
——优点:规范标准设计 易引起关注
——缺点:占用过多空间 增加手势误操作的可能性
权衡的设计,选择Getit弹出区域的非标准设计,统一在已有的信息框架。
这符合用户对第一个版本的认知——弹出区域是被推荐的互动内容。
(点击放大)
如上图,这是一个最终设计的mockups截图罗列。
接下来的分享通道,将提供2个入口,以及允许回退操作的取消按钮。
验证登录,将提供一个webview供用户填写登录。登录失败将停留在这个页面,允许继续尝试,或回退。
登录成功将填写分享信息,详细的分享内容由应用自动填写,包括关联的图像(隐藏)、slogan 、关联的资讯内容,用户可修改。并通过右上角的按钮进行发布。
更多的细节:更换账户的功能集成在该页面,允许用户的快速回退操作。超出140个字符的内容,将红色提示,默认灰色标示。
上传的过程将提供应用状态。并允许因为网络或其它问题的用户回退操作,回退的关闭按钮与提交按钮位置一致,易于理解。
分享成功会提示成功并进入分享前的初始资讯UI,失败将重新回到填写分享信息UI。
通常情况下,用户完成一个分享操作会经历三次操作,分享入口->分享渠道->提交。
视觉设计与交付
将视觉设计与交付合并,是因为沿用了前期版本的设计,不需要探索新的视觉风格,整个过程会十分高效。
保持标识元素的可识别与简约,皮质底纹。
(点击放大)
iPhone资源,基于640×960与320×480分辨率,@2x标识了retina适用的图像。
Android资源,按480×800分辨率导出,以_ad为区分。
(点击放大)
同样针对每个UI的redlines,为开发提供参考。
碎片的设计
默认的API错误alert反馈,只是在debug版本里才会出现。弹框消息提示是个恶心的设计,并且在这个场景里对用户没有帮助。
为什么小按钮没有pressed的状态设计?它们太小巧了,以至于手指按下后,眼睛看不到这个按钮……
应用提交iTunes时的Special设计……更新的应用截图,丰富的颜色与物品。

后记
这是第四篇编号为2的系列文章。。。- -。。。太懒鸟。。太不知道说什么鸟。。。多去看书体验生活咯。。

DiDa…

地点:北京王府井
设备:Mozart


2011留在魔都的影子

地点:上海普陀
设备:EVO4G




收录至《MILK FOTO》创刊号 2012年4月出版

milk_foto_mdongorg

《现在发现你的优势》


呐,上个月leader拿过来了的一本书《现在,发现你的优势》,走马观花的看了些内容,印象不多。
最近是有些许迷茫了,重新拿来,在间隙把内附称之为Strengths Finder(优势识别器)测试做了一遍,稍感收获与慰藉。

您的标志主题
The Gallup Organization 多年的研究表明,效率最高的人往往是那些非常了解自己的优势和行为的人。 这些人最擅长通过制定策略来满足日常生活、职业发展以及家庭的需求,甚至可能达到更高的水平。
回顾您所拥有的知识和技能可以让您对自己的能力有一个基本的认识,但是了解自己的天赋将会切切实实地揭示您始终成功的核心原因。
您的“标志主题”报告中包括 5 项您最出众的天赋主题,它们按照您在 StrengthsFinder 中的测试结果进行排序。 在您所测评的 34 个主题当中,这些主题排在前五位
您的标志主题对于最大限度地发挥那些有助于您成功的天赋来说至关重要。 通过关注您的各个标志主题并加以综合考虑,您可以确定自己的特长、把它们培养成自己的优势,同时在保持连续近乎完美的业绩的过程中享受个人及事业成功的喜悦。
搜 集
你充满好奇。你爱攒东西。你可能搜集信息,譬如词汇、事实、书籍和语录。 你也可能搜集有形的东西,如邮票、标本、古董、老照片等等。无论你搜集什么, 你这样做是因为你感兴趣。你好奇心不泯。世界的激动人心之处就在于其多姿多 彩,变幻无穷。如果你博览群书,你的目的未必是完善你的理论,而是积累更多 的信息。如果你喜欢旅行,那是因为在新的地点你能发现新奇的文物和轶事。这 一切均可供收藏。为什么它们值得收藏呢?你在收藏之时,常常说不清何时或为 何需要它们。但是,未来会怎样?是啊,谁能说准它们什么时候用得着呢?由于 想到各种用途,你什么都不舍不得丢弃。所以你不断搜集、整理和储存坛坛罐罐。 这很有趣。它使你思维常新。而且,也许某一天,也许就在这几天,有些东西会 变得珍贵。
专 注
“ 我走向何方?”你扪心自问。这一问题每天都萦绕脑际。在专注主题的指引 下,你需要一个明确的目的地。没有它,你很快就会对自己的生活和工作一筹莫 展。因此,每年,每月,甚至周,你都做你爱做的事制定目标。你的目标,无 论 长期或短期,都有相同的特点。它们都很具体,都能评测,并且都有进度表。这 些目如同罗盘,帮助你确定重点,并进行必要的修正,以保持航向。你的专注主题十分强大,因为它迫使你进行过滤-本能地判断某个行动是否有助于你达到目 标;无助于此的便被放弃。你的专注最终迫使你提高效率。无庸讳言,这种模式 的另一面是,它使你难以忍受拖延、障碍,甚至迂回,而无论它们多么引人。这 使你成为一名极其可贵的团队成员。当别人开始溜向“有趣的”岔道时,你会及 时把他们带回正路。你的专注主题提醒每个人,如果一件事不能帮助大家通往目 的地,那它就无关紧要。而如果它无关紧要,那就不值得为它浪费时间。你确保 每个人都目不斜视。
审慎
你为人谨慎,处世警觉。你是一个十分关注隐私的人。你深知世事难测。表面上一切井井有条,但深处危机四伏。你并不否认这些危险,相反,你把它们全部暴露在光天化日之下,逐一识别、评判,并最终消除。就此而言,你是一个十分认真的人,你对生活的态度是有所保留的。例如,你喜欢提前计划,以防不测。你谨慎地选择朋友,并避而不谈私事。你避免过度赞扬别人,以免被人误解。如果有人因为你不如别人热情洋溢而对你不满,那就随他的便。在你看来,生活不是一场取悦的竞赛,而更象一片雷场。其他人如果愿意尽可以不顾一切地跑过去,你则不然。你识别各种危险,判断其各自影响,然后小心地落脚,谨慎前行。
自信
在你的心灵最深处,你对自己的优势充满信心。你深知你是个有能力的人-有能力冒风险,有能力接受新的挑战,有能力提出要求,并且更重要的是,有能力履行诺言。然而不仅如此,由于具有自信的主题,你不仅对自己的能力,而且对自己的判断充满信心。当你观察世界的时候,你深知你的视点与众不同。而由于没有人看问题的角度与你完全一样,你知道没有人能为你作决定;也没有人能告诉你如何去思考。他们能够引导,能够建议,但只有你才是自己生活的主宰。只有你才有权作结论,下决心,去行动。这种权威,这种对自身生活方向的终极负责,并不使你畏惧。相反,它对于你顺乎自然。无论碰到什么情况,你似乎总能悟出该做什么。它也许并不适用于所有的人,但它是特定形势下你该做的事情。这一主题给你罩上一层神机妙算的光环。你与许多人不同,从不轻易被别人的论点所左右,无论他们多么巧言令色。这种自信既可能深藏不露,也可能一目了然,这取决于你的其他主题,。但它根深蒂固,牢不可破。一如舰船的龙骨,它能抵御各种压力,使你把稳航向。
理 念
你为理念而痴迷。什么是理念?理念就是概念,就是对大部分事件的最合理的解释。当你透过复杂的表层,发现一个精彩而简明的概念,继而解释事物的本质时,你会喜不自胜。理念是一种关联。你的头脑总在寻找关联;因此,当表面截然不同的现象被某个不起眼的纽带联系在一起时,你会感到新奇。一个理念是对习以为常的挑战的全新见解。你乐于将我们熟知的世界转一个圈,让我们从一个陌生但充满新意的角度看它。你喜爱所有这些理念。因为它们深刻。因为它们新颖。因为它们能正本清源。因为它们引发争论。因为它们怪诞。由于所有这些原因,每当你产生一个新理念时,你都为之一振。别人可能视你为锐意创新、标新立异、富于理性或聪明过人。也许这些你都是。谁能说得准呢?你确信无疑的是理念使你激动不已。而大多数日子里,这就足够了。

「milk香港版」交互设计漫谈(1)——Splash screen


当产品相对稳定与可控,小神有愿望快速记录这个项目。
内容涉及小神参与产品设计与执行的过程,由交互/视觉设计层面的需求分析、功能设计与设计执行组成。
与其带入一些工作中的设计技巧,小神更愿意分享其中的设计思想与理念憧憬。
设计之所以不同于美化,是因为前者被赋予了驱动的灵魂。

背景

milk香港版,内部命名”milk mobile”。是香港潮流杂志《milk》在移动新领域的合作尝试。目标设备为主流的中高端便携移动设备,iPhone/iPod touch/Android Phone/WP7…目前iOS版本如期发布,您可以从这里获得最新的版本。其它平台蓄势待发…
在发布后两周中,milk香港版荣得Apple app store的”新品推荐”与”热门推荐”,Lifestyle排位第二。
小神在过去的三个月,从零开始着手milk香港版的设计执行。

设计的生命周期

在展开一项工作时,我们都希望对它在整体上有所控制。
一个相对清晰的timeline使得设计在时间与质量之间平衡,并在恰当的里程碑有所产出,跟随整个项目进展。
milk mobile的设计定义
milk mobile的品牌与内容定位,决定这即是一面向城市快速消费的精神食粮。
它具备几个特质——高时效性、眼球经济、缺乏耐心的。
继而在视觉与操作着力营造如此的氛围:

  • 信息传递的高度流畅。
  • 信息呈现的节奏感。
  • 轻松的操作浏览环境。

探索从Splash screen开始
Splash是用户进入App,直到程序完全可用前,显示的第一个视图。
Splash Screen概念存在的价值

  • 品牌识别(权重30%)
  • 当用户通过桌面icon进入milk香港版,会再此传达具有品牌象征的手写milk英文字符。与milk其它产品形象统一,用户得以加深认同感与归属感。

  • 必要的数据加载与反馈过程(权重70%)
  • 对于milk香港版而言,splash screen的存在更多承载的是功能层面的需求。
    对网络与cache的不同状态产生的scenarios进行处理,并提供良好的反馈。

在iOS Human Interface Guidelines,对Splash的概念有较为详细的阐述,你可以点击这里查看。但并不赞同对Splash Screen的一个定义——Launch Images。
我们所感知到的信息是流动的,图像与其承载的信息也应该在表现上流动,贴近感知。
流动的图像表现上更贴近于animation,iOS从文字示意上误导设计人员并限制了它的可能性。
Launch/Splash是一个无限延展的屏幕空间,不仅是”图像”。
作为跨平台设计,Android对Splash screen的理解,更注重实用性。

If your application has a time-consuming initial setup phase, consider showing a splash screen or rendering the main view as quickly as possible and filling in the information asynchronously. In either case, you should indicate somehow that progress is being made, lest the user perceive that the application is frozen.

Windows Phone 7注重信息传递的效率。绝对效率是应该被真正推崇的,当你不能提供更好的理由使其存在。

Don’t use splash screens for branding. Avoid using splash screens because they may cause users to associate your program with poor performance. Use them only to give feedback and reduce the perception of time for programs that have unusually long load times.
Don’t use animated splash screens. Users often assume that the animated splash screen is the reason for a long load time. Too often, that assumption is correct.

通常,我们尊重平台的design guidelines,它使得你的app与OS融为一体。
milk香港版Splash screen wireframes
基于以上的定义,沉淀设计。文档的细则,受限于NDA将不被分享。但你可以在测试app的过程中,看到不同scenarios下的表现。

  • 当无网络无cache状态。
  • milk香港版不可用,没有数据的App是丑陋的。用户更需要的是一个友好的帮助界面,提供状态反馈与解决方案,在易识别的区域提供异常网络状态与”重试”入口。

  • 当有网络无cache状态。
  • 客户端从服务器端取得少量的必要数据,继而无缝过渡。

  • 当无/有网络有cache状态。
  • 客户端优先读取cache,弱化用户不需要参与的载入状态信息,并无缝过渡。

受益于尺寸变形动画,milk logo的使用场景由Splash自然转化到app页面。于此同时,渐隐Splash背景与隐藏提示信息。由此结束整个Splash screen。
milk香港版Splash screen的视觉设计与交付
Splash的视觉风格统一于app完整的视觉设计。
黑白为色调,赋予皮革材质,以幽暗的顶部光线渗透全部的元素。致力于简洁但不失细节的表现。(视觉设计将单独成文)
使得用户将视觉重心停留在表现丰富的资讯信息。
针对iPhone的屏幕与app的默认展示方式,需要320×480以及为retina屏幕的640×960两种尺寸的设计(单位px)。
Android有着更广的屏幕设计需求,但从实际的开发实践,我们只保持了480×800的设计资源。这被验证为是体积与质量的最佳妥协方案。
接下来的是其中的一则redlines图像,此类的设计资源为团队的开发人员提供参考,使得整体项目运转顺利。

当时间充裕,执行Flash实现的高仿真模型,更高效的推动沟通,并为开发人员提供参考。
Review设计是一个自我提高的过程,并希望对读到该文的同学有所帮助。

突围与革变


厌倦每天重复为设备充电。
厌倦随时携带几台需求交叠的设备。
厌倦花样功能毫无持久力的软体应用。
厌倦毫无关联干瘪应用为中心的生活。
我开始放弃EVO4G,它笨重并且无尽的消耗电力。
保持Mozart,保持基本通信、工作同步与信息查询。
我有4000毫安的移动电源,它支持Mozart续航。
远离iPod itouch,它切割了时间。
保持Kindle,轻巧并联系着真实的阅读。
移动,快速高效至上,并产出浮躁。
琳琅满目,无从选择与尝试。
其实“生活”,并不需要这么多。
硬件需要平衡,性能、便携与续航力。
软体需要平衡,专注、效率与会心一笑的别致。
联系回归真实的“生活”。

milk香港版

由2001年7月開始,《MILK》雜誌一直代表潮流指標。《MILK》誌集設計與時尚於一身,希望給年輕讀者團員最好的選擇。我們盡力為讀者帶來刺激思維的新概念及資訊,希望打破香港以娛樂為主的雜誌風氣。我們的編輯部每星期均竭盡所能搜羅全世界不同領域,不同範疇的最新資訊,同時,文化及設計等也是我們關心的;所以在《MILK》誌內,每位讀者都可以得到各方面均勻與正面資訊。我們明白讀者團員都愛嘗試新事物,2010年,《MILK》誌矢志走向多媒體,除了開設FACEBOOK及新浪微博作為與讀者溝通的橋樑外,更破天荒推出“MILK香港版 HD”、“MILK香港版”,透過不同的社交網絡,滿足大家的需要,希望各位可以從中接收更多嶄新的新意念,從而尋找及建立個人風格。
您可以访问这里milk香港版了解更多,覆盖iPad、iPhone以及Android。
7月18日凌时起,可通过在itunes搜索“milk香港版”,获得下载。
如果您对 milk香港版 有任何的问题,请在这里回复留言。或者邮件至info@i-milk.com。

质疑团队责任


原文:Questioning Team Accountability
Glen Alleman介绍了他们使用的业务管理流程——称为Afterburner——及其它对个人成功责任的依赖。Glen接着描述了他对团队责任而非个人承担责任的想法感到不适。根据本月Afterburner的视频通讯,在四步过程:1)计划,2)简介,3)执行,4)汇报中,如果我们无法回答“谁对失败负责?”这个问题,汇报无法做到有效。
Glen质疑了团队责任,这意味着没有个体对成功和失败负责。Andrew Joiner给出了一个回应:

Scrum或敏捷都没说个体不负责任。他们当然负责任;在一个sprint中,每次他们做一个任务时他们都是向团队做出承诺,并且有责任完成这个任务,无论是否需要帮助。
此外,作为团队整体也对在sprint计划会上承诺的可交付物负责。如果情况有变,那么这种责任要求通过重要的对话来重新估算并确认或改变早先的承诺。
“集体所有权”是一个经常用在代码库上的术语,最早来自于XP。它意味着没有一个人“拥有”代码的任何一部分。任何有足够技巧的人都可以负责任的修改代码。它和XP的其它实践相互支撑,比如持续集成、结对编程等等。

但Glen的观点也是有根据的,因为“集体责任”难以理解和实施:

只能有一个人负有最终责任(accountability)。其他人也可以负责(responsible)。许多最终责任与管理的核心原则相矛盾。负最终责任的人可以分解责任。这些原则不仅来自项目管理,也来自GAAP、SOX和业务治理。
当然代码的集体责任与领域及上下文背景高度相关。

这是理解自组织团队特别是实施敏捷开发的团队中比较困难的部分。我们在2009年敏捷大会对Christopher Avery的采访中,深入的讨论过这个话题。我们问了Avery关于个人责任和自组织团队的关系是怎样的:

我试图教给聪明的人如何建设团队,我记得在采访的开始,(我问)什么是精髓?精髓就是要求团队成员分担责任,当人们觉得一些大事能够为大家所分担,那么他们的行为就自动的转变,是有机的转变。我有一些技巧教给人们如何做到。
……如果我们专注于我们在一条船上并且能获得更大的成功,那么就意味 着这是我们每个人的意愿,如果我们有主人翁意识意味着我们会有机的填补上空白、补上缺陷、改进流程。他们说团队中的角色都是新的,究其原因是因为团队总是 临时的而且是由更大的任务决定的,当人们有一种能要把事情搞定的感觉时,他们就会投身其中做需要完成的事情。

Avery教给我们的是因为没有个人的失败,也没有个人的成功,所以个人的责任是不够的。因此虽然仍然有个人责任,一个人的失败也是团队的失败(“不是我的翅膀着火”原则)。团队需要对项目的成功集体负责而不是追究是谁的错误。
组织责任是不是与你产生共鸣?是不是我们模糊了“最终责任(accountability)”,“职责(responsibility)”和“所有权”的使用方法?而且,最重要的是,它会如何影响你的结果?