Clear——乱花渐欲迷人眼的待办事项工具

一、深泽直人的“无意识设计”Clear这款产品,无处不萌发着一股无意识设计的味道,用户进来之后,看到一个没有任何按钮的list界面,之后任何下意识的手势操作,都对应着合理的引导,比如点击列表看详情、点击空白新建条目;比如下拉列表之后,会出现pull to creat list的提醒,松手就可以新建list;比如猛拉列表之后,会出现switch to menu的提醒,松手就可以回到menu列表;比如在列表上从左到右滑动完成待办事项,从右到左滑动删除待办事项;比如长按列表项就可以挪动位置……这些,都是用户直觉反应下会去探索和执行的操作。“无意识设计”(Without Thought),又叫“直觉设计”,是深泽直人首次提出的一种设计理念,即:“将无意识的行动转化为可见之物”。设计是为了满足人的生活需求,而非颠覆,设计是方便人的生活方式,而非
复杂。因此,好的设计必须以人为本,
注重人的生活细节,方便人的生活习惯,使设计让生活更美好。特别是在手机产品设计高度发达的今天,很多设计师力图否定约定俗成的设计,用自己的思想创造一种新的生活方式,这样就无形中加重了人们的“适应负担”,“无意识设计”并不是一种全新的设计,而是关注一些别人没有意识到的细节,把这些细节放大,注入到原
有的产品中,这种改变有时比创造一种新的产品更伟大。
二、特殊的层级导航设计Clear的导航模式很有意思,没有标签页,没有选项卡,没有按钮,完全依赖手势操作。
首先让我们
来看看Clear的层级结构——如图所示,Clear大概分三个层级,Menu——>Lists——>Items,这三个层级分别是三个独立界面,利用手势向下滑动,回到上一层级,利用手势向上滑动,回到上一层级。如图所示,Clear没有采用iPhone标准的Navigation Bar导航,而是利用手势下拉回到上一层级,这种交互方式比较新颖,也符合心智模型,
但是仅仅适合层级关系较少(3个之内),结构清晰简单的应用。
三、对移动端特性的充分利用1.乱花渐欲迷人眼的手势操作Clear的最大特色,就是“无按钮”,依赖手势完成全部的操作,这在PC端是不可想象的,在按键手机上也是无法实现的,但是在触屏机上,这种交互形式成为可能,成为亮点,甚至成为卖点。让我们来拆解一下Clear对手势的利用——最基本的点击(Tap)手势,对应查看、编辑和新建;拖拽-滑动(Drag-Flick)手势,对应新建及层级切换;长按拖拽(Touch and Hold-Drag)既可以调整待办事项的顺序;两指捏合(Pinch)手势,对应回到上一级界面;两指扩张(Spread)手势,对应在两个条目中新建事项。Clear还未用到的手势包括双击(Double Tap)、两指旋转(Rotate)、两指拖拽(2 Finger Drag)等,这些未用到的手势对用户来说学习成本就比较高了,
不过相信随着Clear不断完善
丰富自己的功能,也会考虑为高端用户提供更复杂更便捷的手势操作。手势设计,本就具有隐蔽性高、需要学习、需要记忆、预防误操作等等问题,尽管Clear努力将所有的手势与用户的直觉和无意识动作结合起来,某些手势仍然具有一些问题,比如——轻微下拉和猛力下拉,拉动的距离不可见,比较容易误操作,经常想回到上一级的时候会执行了新建操作下拉手势与IOS的下拉唤醒System Notification Bar冲突当列表满了的时候,无法在最下边新建一个条目在路上或车上基本没法用这两个问题不能很好的解决的话,还是比较影响用户简洁高效的完成操作的。2.曼妙可人的声音阶梯Clear对声音的利用,跟Tweetbot有的一拼了。Tweetbot因为采用金属质感的界面合计,所以对应的声音都是很机械化的金属音,让用户的操作反馈变得更加立体。而Clear因为采用了渐变色、长列表层级结构的设计,所以声音反馈也巧妙的采用了声音阶梯,具体是手风琴,还是口风琴,我的耳朵没听出来,不过真的很曼妙,让人忍不住经常在几个界面之间拉来拉去。新建的时候是趣味的冒泡音,删除的时候是刷子音;依次选择完成的时候,是六个一组有规律的音阶;依次取消完成的时候,先是四个一组有规律的音阶,之后就是同样的声音反馈了。我只能说,clear的设计师,很用心,把声音处理的美妙绝伦。3.用渐变色来
体现重要程度Clear的配色足以让人眼前一亮,渐变色让人感受到色彩的跳跃,比iPhone单一的列表要活泼的多,同时色彩的深浅也对应了事项的重要程度,可谓用心良苦。默认Lists列表是蓝色渐变,Items列表是红色渐变,用户还可以在设置中改变配色方案,改成粉色、绿色、灰色,装了Tweetbot的用户还可以选择Tweetbot的配色方案。
四、空白界面的文艺范如果用户没有添加任务的时候,Clear会帮你内置一些教程,帮助你快速学习Clear的使用方法,这已经是目前比较常见的一种用户引导方式了。但当你把吧教程全部删除掉,或者当你新建了一个list,里面还没有任何items的时候,Clear就会精心处理这些界面了。Clear内置了非常多的名言警句,利用一种随机算法出现在用户会遇到的空白界面上,缓解用户遇到空白界面的挫败感,增强产品性格,提升文艺范。
五、Clear的改进建议1.手势的改良既然Clear是以手势取胜的,就先说说手势,前文也提到了Clear在手势设计时遇到的一些问题,这里我的设计建议就是:(1)关于下拉手势的冲突IOS5的System Notification Bar是可以下拉显示的,当应用默认全屏的时候,IOS5为了预防误操作,是下拉会先显示System bar的小把手,再拉小把手才显示System Notification Bar。那么当用户下拉界面的时候,如果触发了IOS5的System Bar,只要同时触发Clear的新建操作就可以了,这样就算是误操作,也不会影响正确的流程。(2)关于新建列表最低端的条目只需要增加一个上拉列表新建最底下的条目就可以了(3)关于轻微下拉和猛力下拉建议Clear增加Flick手势的精准判断,Flick Down应该可以直接回到上一级了,而目前Flick Down和Drag Down还会经常误判。只要能清晰的判断Flick和Drag手势,用户只需快速的拨动,就可以做层级切换,而不需要滑动很长一段距离。(4)晃动环境下的手势晃动环境下,左右横滑列表跟上下拉动界面有严重的手势冲突,那么这个时候,建议增加点击一下标注完成,再点一下取消完成,长按可以移动位置,并可以拖拽删除,就比较合理了。(5)增加鼠标手势
其实一些PC浏览器中的鼠标手势,还比较适合手机端,海豚浏览器算是这方面的先行者。Clear可以考虑增加鼠标手势,用户在界面上写个“L”,就可以回到上一级,写个“O”,就可以打开任务详情,写个“E”,就可以编辑任务详情……甚至可以增加摄像头捕捉手势,这样用户的手都不需要触控屏幕,只需要食指在摄像头前方做一些动作,就可以操控应用跳转,具体例子见“口袋体检”测心率的例子。2.功能的建议(1)可以增加时间线目前的待办事项还没有时间维度,今日待办、明日待办、收集箱、按日历查看,这些都还没有。因为Clear有很好的手势操作,又是一个长列表,增加时间线不是难事。(2)社会化待办可以增加关系维度、分享维度,把自己的待办分享到社交网络上,邀请朋友一起完成。可以是任务分配至,一个Lists里有多个Items分别指派给不同的人,就变成了协同待办。真心喜欢Clear这样敢于吃螃蟹的应用,推荐一下——

来源:http://elya.cc/2012/02/19/clear/

时间: 2024-10-24 11:54:18

Clear——乱花渐欲迷人眼的待办事项工具的相关文章

网络电话“乱花渐欲迷人眼” 中华通缘何受青睐?

近年来,随着移动互联网技术的不断进步,网络电话APP逐渐成为一种新兴的通讯方式.在此过程中,关于网络电话"免费"."流量资费"等各种争论不断,大量的网络电话产品层出不穷,一度呈现"乱花渐欲迷人眼"的形态.现如今,市场"冷静"之后,加之国家层面的相关政策出台,网络电话产品要求正规化,"免费"标签日益减少,存活下来的产品也并不多.受到广大手机用户青睐的产品中,中华通网络电话独树一帜,这是受到哪些因素影响呢?小编

“乱花渐欲迷人眼”的进口电商模式

摘要: [导语]乱花渐欲迷人眼,这是眼下进口电商模式给人带来的最强烈感受.除了最为传统的海淘模式,我们根据不同的业务形态将进口零售类电商现有的主要运营模式分为如下五大类: [导语]"乱花渐欲迷人眼",这是眼下进口电商模式给人带来的最强烈感受.除了最为传统的海淘模式,我们根据不同的业务形态将进口零售类电商现有的主要运营模式分为如下五大类:海外代购模式:直发/直运平台模式:自营 B2C 模式:导购/返利平台模式:海外商品闪购模式. "乱花渐欲迷人眼",这是眼下进口电商模

网购奢侈品“乱花渐欲迷人眼”,谁来解开网购奢侈品维权“三重门”?

新华网北京3月18日电(记者周蕊.刘雪.潘旭)原价上万元的商品,在大型电子商务网站只卖2折,而且还标识是"正品行货",网上真能掉馅饼?记者调查发现,这些商品不仅没有品牌方的授权,其中不少可能是所谓的"A货",或者就是赤裸裸的假货. 网购奢侈品"乱花渐欲迷人眼" 从事金融行业的王娜打算给自己和先生买份结婚纪念日礼物."听朋友说奢侈品电子商务网站价格便宜一点,结果到走秀网一看,发现自己看中的同款巴宝莉经典情侣对表,专卖店售价近万元,网站售价

千团大战风雷激乱花渐欲迷人眼

面对良莠不齐的团购网站,"团奴"们不知该如何去选择,大多数人只因为便宜.东西好.很多人抢,就盲目参与.然而,诚信度高.服务好.保障权益才是选择团购的关键. 面对良莠不齐的团购网站,"团奴"们不知该如何去选择,大多数人只因为便宜.东西好.很多人抢,就盲目参与.然而,诚信度高.服务好.保障权益才是选择团购的关键. 有人说,人一生当中,除了生老病死不可避免之外,还有一样东西同样不可避免,那就是广告,它发生在你生命的任何空间里.如今,在这些不可避免的广告中,有一样广告,也一

Linux环境下的Java开发(七):“乱花渐欲迷人眼”的开源框架

江南白衣在2005年9月的时候,就在他的博客上提出:每个团队都应该有一个 Appfuse式的项目,用来演示团队目前的体系框架和设计模式.这种项目的好处有 一打:比如为所有项目提供共同的Library Stack,提供最可靠的代码蓝本,保证 大家的模式和代码风格一致,加快知识在团队的传播,方便新人的融入,还有为 试验代码提供一个稳定简洁的环境.而且,构建或者使用这样的项目要遵守几条 铁的纪律:一是强制更新,所有团队approval的最新模式都要refactor到 MyAppfuse中:二是规范更新

杜绝设计的视噪 “乱花渐欲迷人眼”

视噪,又称视觉噪音.我们每天接受来自外界的大量信息,这些信息有将近70%是通过视觉感知获得的.视噪会干扰我们对信息的判断,影响到产品的易用性和可用性,与用户体验的好坏息息相关. (克劳德香农图演示了噪音如何影响信息的传递) (这是模仿克劳德香农图画一张视噪影响用户界面传递信息的图) 那么什么是视觉噪音呢?简单来说,视噪就是在视觉信息传递的过程中,对信息的传递.理解产生负面作用的视觉因素;如同我们无法忍受生活在嘈杂的环境中一样,视觉噪音也会干扰我们对信息的判断,影响到产品的易用性和可用性,与用户体

海外代购暗藏猫腻,乱象渐欲迷人眼

8月1日,海关总署发布<关于跨境贸易电子商务进出境货物.物品有关监管事宜的公告>,这是我国第一部专门针对从事跨境电商业务和行为的企业及个人的法规,预示着相关部门开始重视并着手规范饱受诟病的海外代购业.该行业存在哪些问题?监管为何频遇瓶颈?新规能否成为海外代购蛮荒期的"终结者"?对此,记者展开调查. 暗藏猫腻,乱象渐欲迷人眼 只要国内名牌店价格的六七折,就可以买到同样的产品,这种诱惑对于很多人来说难以抗拒.一时间,海外代购成为消费新宠.然而随之而来的市场乱象迅速将该行业推入了

移动广告:乱花渐入迷人眼

摘要: 有互联网女王的热捧,也难改四个原因决定的,移动广告暂难成为主流:用户对移动广告反感;移动广告技术发展相对滞后;移动广告的效果衡量方式缺乏或不明确.目前移动广告市场仍 有"互联网女王"的热捧,也难改四个原因决定的,移动广告暂难成为主流:用户对移动广告反感;移动广告技术发展相对滞后;移动广告的效果衡量方式缺乏或不明确.目前移动广告市场仍处于流动资金不足状态,规模不够大,好的广告产品开发延迟. 钛媒体注:最近业内关于移动广告市场虚火怎么变实火的讨论很盛."互联网女王&quo

别让运营商促销“乱花”迷了眼

别让运营商促销"乱花"迷了眼 ■本报记者 廖鸿翔 古诗云:"乱花渐欲迷人眼,浅草才能没马蹄."但现在迷眼的不仅仅是"乱花",年终运营商们密集的充值促销活动更是把消费者搞得云里雾里. "如果去年充值赠送的话费还没被用完,我就不能参加新一年的充值送话费活动." 网友"用兰蔻的熊猫"告诉记者. "之前听广告说,移动又开始手机预存话费送话费的活动,和去年一样,存1200能送600,而且从网上营业厅办理还能