自助点餐系统

四月 24, 2008 19:50 by esun

clip_image002

身边的事:

晚上去一餐厅吃饭,餐厅里人很多,服务员忙得不可开交,我四周环视一下,找个服务员点菜,好不容易一个服务员从我这过,我叫了声“服务员,点菜。”那服务员一边往前走,一边回头说“好”,等了一会,又叫了另一个服务员,“点菜!”,那服务员又匆忙把菜单往我桌上一放,“您先看,一会儿过来”,走了。选好菜后,又过了一会,终于来了个服务员写单了,等菜时发现,比我后来的都上菜了,“我忍~~”。等上菜实在太无聊了~~~

Idea

无聊之时,想了这个Idea,每个餐桌上都有装一个电子自助点餐客户端,往桌上一坐,便可自己点餐,点确定后便可自动发送到厨房的服务端,系统用时间来确定顾客的点餐顺序,用完餐后,可提示是否使用卡销费,出门时凭电子打印销费单出餐厅。另可附加功能,如呼叫服务员,系统自带小游戏,或局域网游戏,餐桌与餐桌之间上的顾客之间游戏。


Categories: Ideas
Actions: 评论 (5) |

悲怆

四月 19, 2008 08:54 by Esun

在北京——
这样的喧嚣,
这样的失色,
这样的仓促,
这样的残酷,
这样的无奈,
模糊了……

宣泄!


而今天——
早上的绵绵细雨,
轻润了她的头发;
漫步中,
鞋带散了,
弯下腰来,
静静地等候;

午后的阳光,
那样温柔的,
落在绿叶上,
嵌在水珠里;
咔嚓!
记录了她那份灿烂。


安静——

Tags: ,
Categories: 拷贝时光
Actions: 评论 (6) |

春暖花开——北京植物园2008-04-19

四月 16, 2008 22:09 by Esun

很久没有更新BLOG了。

A-瑄的推荐下,昨天买了新相机,Canon 400D,刚学会了几招。




 


 

 

Tags: ,
Categories: 拷贝时光
Actions: 评论 (8) |

基于信息理解的信息构建--零散笔记

一月 9, 2008 15:07 by Esun

最近忙里抽闲看了这本《基于信息理解的信息构建》,做了些零散笔记。兔子做了一系列的详细笔记,值得学习。

信息构建(IA)的定义:是共享的信息环境结构的设计;是组织和标识网站、内联网、联机交流和软件以保证其可用性和找到性(findability)的艺术和科学;是一个致力于对子数字园区的设计和建设的、正在出现的实践领域。

——信息构建研究会(Asilomar Institute for Information Architecure)

信息构建的核心内容:IA的核心内容是信息的组织、导航、标引和检索系统。在信息时代,用户的信息满足包括获取和使用的满足两个方面,满足用户的信息需求是IA的基本目的,引导人们从信息通向知识是信息构建的最高目标,用户对信息的理解是用户吸收和利用信息的前提和重要的环节。IA的核心内容包括由浅入深的两个层面,一是“使信息可访问”,二是“使信息可理解”。

信息理解:理解的实质是对信息的外在表现形式和信息的内容的认识、领悟和了解,而“信息理解”是笔者希望通过提出和强调“信息理解”的概念,进一步促使“让信息可理解”更加深入地为学界所关注。

从信息接受者对信息对象的理解这个角度看,信息理解可以分为信息符号理解、信息含义理解和信息结构理解三个层面。

我理解的信息理解的两层含义简单来说是自已理解和用户理解,自已理解即信息理解基础之上建立信息体系结构,用户户理解即建立的信息体系结构和展示的信息内容是可理解的。

值得一看的图,信息构建与信息理解关系模型图:

 

信息构建的基本过程:

信息构建的元素包括导航工具和图标、浏览层次、网站地图、类目矩阵、目录、特别兴趣指南。此外还有用户测试和标准、提供丰富的多存取点的浏览和搜索,以及提供详细类目、信息目标的标识、信息结构中令人感兴趣的和有创新意义的形象化的概念、超链接的连接作为信息的多样化入口等问题。网站信息构建的第一步是定义网站的目标,收集客户或协作伙伴的看法,并将它们按照协调性和重要性次序集合在一起;第二步是在弄清网站的受众是谁之后,开始组织未来网站需要有的内容和功能页;第三步是富有创造性地形成一个架构,选择网站的隐喻,制定导航系统,生成规划图,设计框架和模型并开始建造。

信息构建的基本过程图(借兔子的图一用)

信息结构:

信息结构按信息的组织方式可以分为线性结构、层次结构和网状结构。

自我引申的问题:

IA实战和交互实战中的具体的集是什么?

Tags: ,
Categories: 产品设计与战略
Actions: 评论 (2) |

寒冬香山行

一月 9, 2008 10:19 by Esun

寒冬香山行

最近压力太大了,都是自己给自己压的,尽管外面温度在零下,也要自己给自己放松一下。

带回了几张照片稍稍处理了一下。

clip_image002[4]

clip_image004[4]

clip_image008[4]

clip_image010[4]

Tags: ,
Categories: 拷贝时光
Actions: 评论 (12) |

你的产品给用户当作工具还是玩具?

一月 9, 2008 01:49 by Esun

你的产品给用户当作工具还是玩具?

前些天海内的用户体验群组里有一个 “SNS是你的工具还是玩具?”的话题,首先我就在想工具与玩具的实质性区别,甚至想这个话题的意义,总觉得这个话题有一定的意义,开始却又不知从何来分析这个问题,于是只抛了个问题在自己的脑子里,直到今天,从我有限的知识范围内发表一下愚见。

在百度百科里查了一个这两个词的释义:

工具:原指工作时所需用的器具,后引申为达到、完成或促进某一事物的手段;

玩具:用于“玩”的器具。

从词的释义来说,网络产品都不是实际的器具,只能说是被引申的事物。它们的实质区别在于有没有可以被用于完成一个目标的功能。

后来,我又认为:

玩具有被厌倦性,随时有被放弃的可能性;而工具有被依赖性,它们的意义不在于取悦人心,随时有被习惯性地取来应用的可能性,甚至有可能被重复的使用。

玩具容易给人带来情绪,尤其是在群分的情况下,于是也容易带来对这种玩具赋予感受,而不同的人有不同的感受,也就进化到这种玩具怎么来面对众多不同的感受,谁喜欢,谁不喜欢。

Facebook是一典型的SNS成功社区,但“Facebook不是一个社交网络,而是一个社交工具”。

再有,我用豆瓣,就是为了查我想要的书,然后看别人有价值的评论,如果值得买,我还会用它来比较价格,哪怕只便宜一毛钱,我也会挑最便宜的,因为购书网店也只是我的一个购物的工具。然后通过豆瓣猜我喜欢的书,我还会对其进行比较,那么,我对豆瓣慢慢会产生一种依赖,它还有没有更多让我依赖的呢?又有没有能够改变我已有的习惯呢?要知道改变用户对一种产品产生习惯后跳到另一种习惯是何等之难。或许对于豆瓣别的用户,他们可能还有更多的用处,必竟每个用户的角度不同,例如对于出版社,豆瓣会起到什么工具性的作用么?

那么,你的产品是倒底是玩具还是工具呢?会不会被厌倦呢?用户会不会对你的产品产生依赖呢?是不是习惯性的呢?你的产品有没有改变用户已有习惯的魅力呢?

 工具化你的产品吧!

自我引申问题:

怎样才能让人不厌倦呢?从哪些方面来考虑这个问题呢?

Tags: , ,
Categories: 产品设计与战略
Actions: 评论 (6) |

收到圣诞礼物了

十二月 23, 2007 21:11 by Esun

收到圣诞礼物了

去年在深圳过圣诞节时,还特意出去找圣诞节的气息,深圳万象城的气氛很不错。听说那里是美人窝。

哦啦啦!~~~~~~~~~~

昨天收到瑄子寄来的礼物,太可爱了。

clip_image002

clip_image004

今天一早到公司又收到另一朋友的礼物,和谐奥运记念章。

clip_image006

clip_image008

Tags: ,
Categories: 拷贝时光
Actions: 评论 (2) |

他们是双胞胎,却性格相异

十二月 15, 2007 05:15 by Esun

      前段时间,不记得中央几套播出的一个节目,对一对双胞胎兄弟的性格差异进行了分析并对父母的教育方式进行了指正。双胞胎大概八岁,哥哥的性格活跃,外向,聪明,和父母亲近;而弟弟性格腼腆,内向,成绩向来不好,从他的动作和表情来看他在这个家庭像是一个外人。他们的性格为什么会有这么大的差异呢?经过节目的了解,父母总是对哥哥非常宠爱,所有好处总让哥哥先得,而对弟弟持着放弃的心态,任何家务什么的就是弟弟来做,从不愿与弟弟沟通。可愤的是,在节目后的一天,父母在专家的指导下,带弟弟去医院检查才发现弟弟一只耳朵失聪很久了,却从来没有被发现。

      这类似的故事不仅让我对生活有所感悟,而且我总喜欢将这些问题带进自己的工作中和产品关注中。

      校内后,海内又出生了,且不说他们是怎样遗传facebook的,但我认为,经营一个网站,就如对待自己的子女,网站的用户就是他们心内,需要沟通才能与让他们正常的发展。

     他们都是实名制网站(PS:我还是支持实名制网站的),我到两个网站去注册体验(果然DNA非常相似),但我的实名比较特别,没有谁第一次记不住我,当然也会在这种虚幻的网络上得不到相信。且看两个网站是怎么来通过我的实名的。

      先是海内:注册了一天后,我的实名没有通过,收到了管理员的私信,copy一段私信对话上来看看(我的实名稳藏,用“Me”代替,管理员用“Admin”代替)。

Admin

11-21 17:24 【Me】是你【身份证】上的【姓名】?

多谢。

Me

12-07 14:36 确实 是我的真名。我还是支持实名制的。呵呵。

佩服你的工作态度

Admin

12-07 14:38 你的名字比我的酷,我服了。

Me

12-07 14:41 过奖了,好像我的真名通不过?

Admin

12-07 14:41 是的,没通过……

Me

12-07 14:45 请通过。谢谢

Admin

12-07 15:17 好了。。。不好意思。。

Me

12-07 15:30 呵呵。

     再是校内:

     注册了几天后,没有通过,我把我的资料又完善了一下,可还是不能通过,

 clip_image002

没有告诉我是哪里不正确,也没有给我提供反馈的地方,只让我再次修改资料,于是我重复了三次这个过程

clip_image003

还是不能通过,最后,我想着豁出去了,在填写公司名称那一栏写上“我怒了!哪里没有真实的填写?!”。

     不到一小时,通过了。

     现在所谓WEB2.0,SNS,最重要的不就在于用户的互动么?

     小孩子从小连父母都不能与之沟通,长大了是何等可怖?

Tags:
Categories: 产品设计与战略
Actions: 评论 (3) |

按钮上的内容

十一月 15, 2007 13:30 by Esun

最近UCDChina 以“注意界面上的文字”为主题写了一系列的文章,使我在界面文字上的使用受益匪浅。之后,我对按钮上的内容的表现也做了一些总结与分析,与大家分享并希望得到指正。

1. 不必区分按钮还是链接。(这里列举的不是对他人观点进行攻击,而只是得以借鉴。)

很多人主张区别链接与按钮。这里,思域有一篇“关于鼠标点击对象:哪些应该是按钮,哪些应该是链接的说明。” 臭鱼的“网页按钮的功能与表现”,将按钮分成真正的按钮和伪按钮两类。

而事实上,不管是按钮还是链接,按照用户目标向导来完成任务,链接也完全可以做成按钮来实现用户目标的突出。而且并非一定能定义按钮和链接的功能,如果说按钮是为了发生“功能性的事件”而设计的话,那么链接打开一个新的页面是否也是一个功能性的事件?所以,为了突出让用户完成当前页面重要的功能,哪怕只是个链接,都可以从视觉和表意上,通过按钮来实现。当然,不主张在一个页面使用非常之多的按钮。

如淘宝的商品页上,为了让用户方便的找到当前商品的来源等与店主的相关信息,他们将以前的链接改成了按钮:

clip_image001

2. 我点击会“发生什么”

目前,各网站上的按钮上的文字内容没有一个主观的思想,想到什么就是什么,没有在文字上的太多推敲。

前面说到链接可以当按钮,但有时一串很长的文字为链接,如一篇文章标题。而按钮上的文字是需要讲究精短易懂的,能快速理解其含义。

先看几个例子的比较:

clip_image003

A:这是NOD32防毒软件在遇到病毒时的窗口,当用户遇到病毒时,会有些恐惧与谨慎,他们想快速的病毒拒之门外,而又不确定是否对系统本身会不会受到威胁。当弹出这个窗口时,会对这个“停止”按钮产生有两种疑问,点击了这个按钮是停止软件的阻止?还是停止病毒的威胁?

clip_image004clip_image005

B:仔细看这两个按钮上的文字,“写日志”是从QQ空间里截来的,有谓语和宾语的,当然主语就是用户自己“我”,组合起来就是“我写日志”;“购买”是从淘宝的商品页面上截的,却只有一个谓语(动作),可以完成的组合是“我购买商品”。但他们都恰到好处的在自己的岗位上完成自己的职责。为什么呢?后面再总结。

clip_image006

C:“点击进入”完全多余,只是增加了用户在按钮上停留的时间。

所以,通常情况下:一个按钮,结合页面上的其它交互和信息组织,要能恰到好处的组合成一个完整的句子“我点击会发生什么”,而“我点击”三个字是在我和鼠标之间的事,而不必要在网页上出现。所以例子C中按钮上的“点击进入”是多余的。至于什么是恰到好处,为什么淘宝上那个“购买”就只有谓语动词也能恰到好处,这就与页面交互有关了。我的分析是,当用户与页面在完成某个任务时而产生一系列的交互事件,而这个宾语便随着这一系列事件附带而来,而如果这里再加宾语的话,反而会产生回到这个系列的开始的歧义;反之,如果一个页面包含着多个系列交互事件的话,侧必须在按钮上加上宾语,以明确用户点击发生的是哪一个事件。

clip_image008

一个系列事件

clip_image010

一个页面多个事件

 

3. 以形表意

中国甲骨文便以形绘意,后来对大量文字达成共识后,也就没有太多在意文字的实际来源了。按钮也如此

clip_image011

达成共识的按钮

clip_image012

不用共识的按钮反而起不到要起作用

4. 再看一些按钮

 

clip_image013 clip_image014

clip_image015 clip_image016

clip_image017clip_image018clip_image019clip_image020

Tags:
Categories: 产品设计与战略
Actions: 评论 (16) |

为可用性测试做的准备

十月 11, 2007 08:18 by Esun

       国庆前,西贝发了个英文的 《Human-Computer Interaction》文档给我,里面的内容虽然写得不是很详细,但对人机交互所要了解的归纳得比较全。于是我们交流将其译下来。在译的过程中,还交流得到不少没留意过的东西。  将译出来的整理一部份先帖上来。有译得不妥之处还请指正

如果你没有对你的产品进行过测试,那么你的产品就不能正试上线。通过可用性测试可以提高产品的可靠性和有效性。

clip_image002[4]

让真正的用户来进行用户测试是基础的可用性测试方式

• 在纸上记录用户使用时的表情和用户的回答

记录实际使用情况,包括每个用户使用每个功能的频率和各类事件发生的频率。

在测试期间,试验人员在正常情况下不应干扰用户的操作,当用户显然陷入困境,并且已经感到绝望时,应当给予一定的提示,同时试验人员要记录下用户的各个举动或回答。

• 当用户执行任务时,边想边说出自己的想法。

边说边做法可能是单个最有价值的可用性测试方法。采用此方法让用户在使用系统的时候大声的说出自己的想法。

• 协同交互方法

协同交互方法是边说边做的一种变形的方法。就是让两个测试用户同时使用一个系统。优点在于测试形式比只用单一的用户进行的标准边说边做测试的更加自然一点,因为人们习惯与在共同解决问题时把自己的想法讲出来。同时西贝提示“关于儿童产品的话,这个可以最佳选择呀”

• 核对测试,恒量,统计分析。

可以使用回顾式测试方法,让用户温习录像的内容来收集额外的信息。

• 查询技术:面谈和问卷。

其他的可用性测试方式:观察法、问卷调查和访谈、焦点小组等。

为什么要进行可用性测试?

很多人认为,以他们的经验可以了解别人的行为。然而经过可用性测试后这种想法完全失去立场。经验可以改变一个人的世界观,而且很难再次改变,但是别人不一定与你有同样的经验。然而有时设计师更容易用上自己的直觉,然而,直觉通常是错误的。

有一个关于键盘与鼠标的例子:在一项研究中有这种现象,测试用户被要求用键盘和鼠标做一个同样的任务。完成任务后,在没有告知测试结果前,每个用户都报告说他们使用键盘操作时要快,但恰好相反,秒表上显示的是他们使用鼠标时要快。

显而易见取走教训

在可用性测试前,不管是忠实哪种观点个人观点都是值得怀疑的,只能让测试结果来证实。

为可用性测试做的准备

确定测试目的

形成性评估:是反复设计过程的一部分,目的是为了改进界面设计;他的目标是理解界面细节方面的优劣,以及如何改进设计。它的典型方法是边做边说式测试。

总结性评估:在于评定界面的整体质量,例如可以在两个备选方案中进行选择,或者作为竞争性分析的一种手段,来了解竞争对手的产品设计好在哪里。典型的总结性评估方法就是度量型测试。

测试环境

1. 一个简单的测试环境:必须确保有一个舒适的测试环境。安排一个安静的房间,门口贴上"用户测试正在进行中-请勿打扰" ,禁用电话(手机和固话),确保适度的光亮,提供不含酒精的点心

2. 使用专用的测试研究室

摄像机

三脚架

好的麦克风

耳机(用来监控声音)

镜子

台灯或录像照明

彩色视频监视器(用来查看相机影像)

录像带记录器/播放器。
视频车。
电源线。
"请勿打扰"的标志。
茶点。
记录软件。

测试角色

1.测试调解人(管理员,主持人,经理,监察)

——负责整个测试过程,负责与测试用户的所有交感

2.数据记录者

——在纸上记录用户的有影响的行为和过程

3.摄像师

——负责用摄像机记录整个测试过程

——确保摄像机视角在用户和界面都可见。

——使用手动调焦(不能在电脑屏幕前使用自动调焦)

——关掉摄像机上的所有数据显示,如时间、日期等。

——确保摄像质量足够高。

——标记,拷贝,编辑录影带。

4.电脑操作员

——在一个纸张原型中担任一个电脑的角色。

——为每个测试用户重置一个电脑环境,如清除缓存,历史记录,cookies等等。

——不要将测试站点设为主页,让用户自己办输入URL。

——当遇到大问题时,重新配制环境到初始状态。

5. 测试参与者或测试用户
——参加测试。

clip_image004[4]

图一:一个简单的测试环境

clip_image006[4]

图二:一个典型的单间测试环境

clip_image008[4]

图三:还是单间,但是测试调解人不在参与者旁边,而是通过电脑和软件来完成。

clip_image010[4]

图四:有一个单独的观测室,电子监控系统

clip_image012[4]

图五:最经典的可用性测试室,单独的观测室里有电子监控系统还有一面单向镜