减少用户的思考

2010年09月3日 at 5:06 上午 Filed in:无线互联网 No Comments

 

·介绍
QQ空间相册的个性化利器,能对照片进行效果的优化、文字编辑等等。
从设计上使用了创新的手法,尽量减少用户的思考。其中,通过界面的特殊表现,让用户更容易学会使用。在使用的过程中,也避免了复杂的操作方式,降低使用门槛。
·定位
了解用户需求
·用户期望照片编辑工具拥有“玩”照片的成分;
·大多数用户反映,最需要的功能是旋转、裁剪、添加照片的边框;
·能给照片添加文字、装饰品;
·对照片进行颜色或其他效果优化。

分析用户需求

除了可以对照片进行简单的角度旋转,尺寸裁剪、调整;同时可以给照片添加边框、文字、装饰品;还能够进一步对照片处理亮度、模糊等等…众多功能已经足以让照片编辑工具显得复杂,并且带来的是较高的使用学习成本。
作为相册的照片编辑工具需要易学、易用。甚至只需要一些简单的优化步骤已经足够满足需求。即使是熟练使用Photoshop优化照片的用户,选择照片编辑工具也只是想方便、快速实现一些简单的个性化效果。
·设计
对照片编辑工具的要求,从基础的优化照片,到照片的特效处理,并尽可能多的个性化照片功能。但前提下需要让用户可以很容易找到基础的优化功能,界面需要直观且容易使用。当然,不是一个摆满所有功能的编辑器,并附带一份使用教程。
界面布局能让用户理解
界面设计传达给用户的亲身感受是最直接的。界面的功能太多、复杂,则会让用户在使用照片编辑工具时有很高的学习门槛。从界面布局入手,设计界面的布局结构。
简化并设计布局结构
设计照片编辑工具的界面,尝试将所有功能分布在三个不同的区域:
1.对照片的简单效果优化
2.可添加到照片上的个性化装饰
3.照片预览区

把所有的功能呈现在界面上,让用户逐步尝试每一个功能对照片的变动,然后再找到他所需要的功能;或者说在众多的功能下找到需要的某一个功能,也不是一件易事。若对于仅仅只是想把方向颠倒的照片旋转矫正、裁剪尺寸,会把一些多余的功能占据了照片预览区。
如何合理得地归类功能,调整一个合适的布局结构,让界面理解起来更加简单,却不会让更多个性化的功能淹没?
编辑照片,所见即所得、核心的内容则是照片预览区,其次是提供一个固定的编辑照片功能区:把所有功能集中在固定的区域,可以更容易找到。

功能区
依据大部分用户朴素的需求,把最常用的功能放置在最容易发现的位置。当需要更个性化照片的时候,同样可以很方便找到入口。

可扩展的功能区—添加装饰
考虑到“添加装饰”功能会有很多装饰品,需要一个固定并且明显的位置。照片编辑工具的核心是让用户可以在简单优化照片之余,还可以“玩”照片。所以这个区域的设计是让用户在需要的时候打开使用,通过技术上的特殊处理,同时也能让用户自行控制,切换为固定的可添加装饰的区域。

一个有序的学习过程
这样的界面设计让用户在第一次使用照片编辑工具时降低了门槛。界面布局的简化能让用户更容易理解,对照片的编辑、优化、等更多的操作,都能在固定的一个位置,更容易找得到。整个使用过程都是可预知的。
避免复杂操作
众多的功能,如何让用户每一个都能学会使用,也是一个棘手的问题。
例如:常见对照片的优化,都会使用复杂的“模式化对话框”(比如:调整亮度)。

模式化对话框“好处”
双重保险,调整到合适的效果后,再确定;不满意,取消。可避免大部分的误操作。
“坏处”
需要完成当前操作,当前的操作若不“确定”或“取消”,则无法进行其他操作,对话框被模式化,挡住了背后的其他操作。
操作越多步骤越多,每个操作都需要确定一次,显然不是每一个操作都需要,甚至会造成用户的困扰。
对于照片编辑工具,我们需要的是更简单,并且便捷的操作过程。尽量避免模式化对话框,成为设计上的禁忌;当然,并非一味想办法把模式化对话框都“cancel”。
在对功能进行归类的同时,把复杂并且容易出错的操作,是更需要“双重保险”的:比如照片裁剪功能。裁剪功能往往不是一步到位的操作,需要多次调整图片的裁剪区域并确认裁剪范围后,才会保存。若有不满意的情况,需要让用户从头再来或放弃。

“撤销”操作缓解了误操作
撤销上一步的操作,对发生误操作或操作后不满意的情况下,比起每次操作都需要“确定”,使用过程会更加方便。
比如锐化、对比度、亮度,这些操作都是显而易见,也是比较容易让人可以猜到的。而正当需要使用这些操作的大多数情况都是很直接的。如果对调整的效果不满意,将滑动块移回初始状态即可;由于设计上使用了下拉菜单这类型的轻量操作,在发生了误操作,撤销上一步的操作可以回到原先的效果。
比如:点击模糊功能>展开调整菜单>调整完成后>不小心点击了菜单外其他区域或转到其他功能时>菜单收起,照片效果变了。
那么此时可通过撤销操作来恢复调整前的效果:


·最后
我们将会在体验这一块不断去思考、尝试,进一步提高易用性。至少,我们的思考能减少用户的思考,会是让产品更有利健康地成长。
体验一把:qzone相册中点击照片编辑器或查看照片时点击编辑打开照片编辑器。

[图集]iPod Touch 4代第一时间上手把玩

2010年09月3日 at 4:50 上午 Filed in:创意创新 No Comments

苹果的iPod Touch产品线虽然挂着iPod的名头,给人的映像却是iPhone的影子。在前三代iPod Touch身上,苹果非常“聪明”的直接套用了同时期iPhone的设计,连模具都没改一下。然而,如果你抱着这种想法,简单的认为iPod Touch 4也不过如此,那么你就错了。如果你觉得苹果把iPhone 4缩一下水就当iPod Touch 4卖,你就大错特错了。

国外不少媒体都从苹果手里搞到了第四代iPod Touch,让我们有幸第一时间一睹它的真容。看过下面这组图片后你就会发现,iPod Touch 4绝不是iPhone 4缩水复刻版那么简单。

图集:iPod Touch 4代第一时间上手把玩
第一眼看上去,确实就是一台iPhone 4

图集:iPod Touch 4代第一时间上手把玩
但和真的iPhone 4摆在一起,你会发现iPod Touch 4变短了

图集:iPod Touch 4代第一时间上手把玩
预装iOS 4.1系统(越狱啥的暂时就甭想了)

图集:iPod Touch 4代第一时间上手把玩
再看侧面,卧了个槽,这货不是iPhone 4!

图集:iPod Touch 4代第一时间上手把玩
iPod Touch 4侧面的过渡曲线要比iPhone 4圆滑得多

图集:iPod Touch 4代第一时间上手把玩
背面,闪闪发亮的苹果标志

图集:iPod Touch 4代第一时间上手把玩
侧面的按键(应噶是音量调节用?)

图集:iPod Touch 4代第一时间上手把玩
和iPhone 4一比,知道差别了吧

图集:iPod Touch 4代第一时间上手把玩
背面的摄像头效果

图集:iPod Touch 4代第一时间上手把玩
正面的摄像头效果,双摄像头可以有多种玩法

图集:iPod Touch 4代第一时间上手把玩
游戏,苹果在发布会上提到,iPod Touch 4的一个重要任务就是压制任天堂和索尼的掌机

图集:iPod Touch 4代第一时间上手把玩
和方方正正的iPhone 4相比,iPod Touch 4明显更像iPhone 3GS

图集:iPod Touch 4代第一时间上手把玩
底部,这分明就是一步被压路机压过的iPhone 3GS!

图集:iPod Touch 4代第一时间上手把玩
背面,不出意料的指纹收集器 ^_^

图集:iPod Touch 4代第一时间上手把玩
输入法

图集:iPod Touch 4代第一时间上手把玩
真是个帅哥,难怪苹果拖到9月才发布。要是早点出来,让iPhone 4情何以堪啊

看完套图,让我们来总结一下:

处于成本考虑,iPod Touch 4的硬件应该和iPhone 4一样,包括1GHz A4处理器+512MB内存,视网膜显示屏等;

iPod Touch 4比iPhone 4发售晚了4个月,4个月的时间已经足够让半导体工艺再先进半代,直观的体现就是可以把同样的硬件放进更小的空间内,这也应该是iPod Touch 4比iPhone 4更轻更薄的原因;

iPod Touch 4 8GB/32GB/64GB的价格分别是229、299、399美元,比iPhone 4便宜了一大截;

iPod Touch 4基本上完全吸取了iPhone 4的精华,而在体积、重量、价格上都有更出色的表现。不能打电话是它唯一的缺点,或许我们可以期待一下iPod Touch 4版本的苹果皮?

Prarnav Mistry:惊人的第六感装置

2010年08月17日 at 2:28 上午 Filed in:创意创新 No Comments

the605

有没有想过观光旅游的时候,只要用手摆出一个拍照的手势,真的就有咔嚓一声把你看到的镜像拍摄并存储下来,然后,随便走到任何一面白墙,戴在胸前的投影设备就可以将刚在的照片投射出来,你可以对着空气做出各种手势对照片进行拖拽、缩放等等编辑处理;有没想过从手中的印刷纸张上捏起一个饼状统计图放到电脑屏幕前就可以将物理世界的数据转存入虚拟的电脑世界继续编辑?有没想过当你在书店拿起一本书,身上的摄像头捕捉封面内容就可以帮你联网调出相关书评并投射到书本上;有没有想过……

the601

84简单的文字远远无法描述出MIT媒体实验室的天才Prarnav Mistry(印度籍)的“第六感装置(Sixth Sense)”让人欢欣鼓舞的魅力,总的来说,他在TED的这段演讲展示的核心内容就是:像使用日常用品一样去操作电脑的各种功能,消除数位世界的隔阂,除去实体与虚拟之间的距离,帮助我们实现保持原有的人性,与实体世界更加贴近。跳转看视频咯~

the603

↑ 伸出手就可以在虚拟的键盘上按键拨号呼叫电话。

疑幻疑真的3D展示方式

2010年07月9日 at 7:56 上午 Filed in:创意创新 No Comments

< p>疑幻疑真的3D展示方式

由Leovation推出的3D展示柜名为Dreamoc,通过结合实物与影像短片,并以三D影像显示的展示柜。它主要透过特殊软件,一个投影机,结合三块特殊角度的玻璃,把三维影像短片投射在实物上,令展示柜不单能够出现实物,也能够显示互动影片。


sina围脖怎么了?

2010年06月18日 at 1:29 上午 Filed in:互联网 No Comments

sina你的围脖这到底是怎么了