Category Archives: 用户体验&UCD

近段时间的一些GUI作品




read more »

GUI design

去年的GUI练习了,现在看来有许多不成熟的地方,一些功能的设计,表现手法上面都受到当时自身状态的限制,不过我会努力的,争取把UI做好。在12月底把今年的GUI作品整理好,再发出来,作为对一年的总结。


read more »

对手持移动设备中媒体播放器的一点遐想

对手持移动设备中媒体播放器的一点遐想

在不远的将来,手持移动设备中的媒体播放器会是什么样子的呢?这是一一最近思考的一个问题。

大学的物理课上,热力学老师说了一句意味深长的话:“未来的世界是银子的”,那是一个沉闷的下午,所有人都无精打彩的耷拉着脑袋。一一无聊地望着窗外,搞乐队的学长邀请他晚上去观看他们的演出。一一对演出不感兴趣,学长写的词实在太烂了,用隔壁老奶奶的话说:“那简直就是狗屎”,这位老奶奶一辈子没说过粗话,可到了晚年听到学长的歌也忍不住骂人了。一一只对来观看演出的女生感兴趣,这是一个恋爱的季节,孤独的人是可耻的,一一记得这首歌。

同样是一个沉闷的下午,一一坐在公司的电脑前,同样的无精打彩,他已经设计了几款手机音乐播放器的界面,可他还得继续设计,用客户的话说:“那简直就是狗屎”,一一不明白那些人都为什么总喜欢骂狗屎,看看这个城市,看看脚下。的确,一一就经常踩到狗屎,在公园里,牵着女孩的手,那女孩“啊呀”一声跳将起来,如你所知,一一又踩到狗屎了。一一有点生气了,要知道他可不是一个会轻意生气的人,那些客户的要求实在太无理了。他随手从抽屉里拿出一包大蒜,津津有味地吃了起来。吃大蒜的习惯是在那个沉闷的下午,那节物理课上养成的。热力学老师看到大家都在云游九天,从包里拿出一大袋大蒜,分给同学们,一会教室里就充满了大蒜味,大家都精神抖擞。现在在办公室里,一一依然非常享受这个时刻,每当他吃大蒜时,同学们的咳嗽声就充斥着整个办公室,此起彼伏,令人好不快活。 read more »

以用户中心的设计

生活中,你是否注意到诺基亚的口号是“科技以人为本”;宜家卖场里的餐厅是为了方便顾客浏览完商品后休息用餐而精心设计,以至于一些人把聚会地点设在那里,用以度过一个庸懒的下午;Google的产品总是简洁易用,那个在愚人节发布的Gmail完全颠覆了邮箱的概念,与Gtalk、Gphone的结合不禁让人惊叹,原来Gmail还可以这样用的;山寨机的高音喇叭在很大程度上就满足了一些小青年在大街上播放“2002年的第一场雪”的需求,极大的符合了大众的表现心理。这样的细节还有很多,他们都遵循一个规律——以用户为中心的设计。

以用户为中心的设计,简单的说,在进行产品设计时,从用户的需求和感受出发,围绕用户为中心设计产品,而不是让用户去适应产品,无论产品的使用流程、产品的信息架构、人机交互等,都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

在手机这片红海里,“钱多,人傻,速来”的时代早已一去不复返,当年的“刀锋战士”摩托罗拉如今却也廉颇老矣。要想在市场中提高产品竞争力,我们需要做的就是脚踏实地地做好产品,适时地创新,这不是一句口号,而是要落实到行动,时刻想着为什么要这样设计,是否符合用户期待值,甚至超出用户期待望。有时我们会发现产品的某项功能操作复杂,难以使用,学习性非常差,用户在使用过程中极易产生挫折感,可当问起设计人员为什么这么设计,是否有为用户考虑时,设计人员给出的答案却是让用户自己去看说明书。用户为什么要看说明书,产品的易学易用性是在设计过程中就需要考虑的,好的产品使用的是用户的语言而不是机器语言,要让用户一目了然,这也是UI设计的一个重要原则。
read more »

常见的手机UI布局

目前市面上销售的山寨机其UI布局大致都一样,只是对局部进行了定制,这些局部的修改一般会在如下几个情况下发生:1.老板看到一款品牌机上某些效果不错,于是下面就开始忙了(如三星待机界面的widget,LG的三维立体效果,现在很多机器上都实现了);2.某些特别好的效果被设计人员看到了,这时候他就要与软件沟通,这就是一个搏弈的过程,一般设计人员会发封邮件,阐述这个效果如何牛逼,有多大的好处。很多时候软件人员是不愿意修改的,他们会以工作量,风险值等理由来推脱,双方都在打太极。

山寨机更新速度快,其原因主要是它只需改造型与GUI,GUI的规范都固定了,只需在相应的坐标内进行图形设计,然后切图给软件,软件把图片替换就行了。用户不需要知道你是如何设计,在什么平台(MTK、展讯或高通)上开发的,你只要有一点能抓住用户的心理就行,例如超强的喇叭,百米之处就能听到他放的是杰克逊的歌曲;超实惠的价格,用很少的钱就可以买到一台高仿机,让人误以为你用的也是诺基亚。

这些手机的UI布局大致是这样的:

首先是Idle界面,分为status bar/time&date/shortcut/softkey,如下图就是展迅W平台的常用待机界面。

主菜单(mainmenu)界面中除去status bar、softkey,中间部分就分为九宫格或十二宫格。其大概有这些功能:通话记录、电话簿、短信、浏览器、设置、多媒体、文件管理、娱乐空间、百宝箱等。多媒体中包括了相机、音乐播放器、视频播放器、FM、录音。百宝箱中包括了闹钟、日历日程、蓝牙、计算器、世界时间、倒计时、归属地、秒表、电子书等。


一般出一套GUI方案,只需要确定好风格,设计出主菜单界面的图标,背景图,状态栏背景,标题栏背景,功能键背景,二级菜单中选项的选中状态,滚动条,然后就是一些特殊界面的设计了,如MP3/MP4,世界时间,FM、日历、相机等,状态栏上的小图标会根据情况进行相应的修改,开关机动画、充电动画这些也会重新设计。

在这些UI布局中,有时用户需要进行三次操作才能找到相应的应用程序(待机界面>主菜单>多媒体>MP3),体验实在不够良好,特别是文件管理器,找一张图片,有时需要进行六步才能看到。这也是这些平台交互设计非常不好的地方。

如果开发这些平台的公司能够更加注重交互设计,在原有的基础上进行改进,这对用户,对自己公司的发展都是非常有好处的。

交互设计学习笔记之《如何进行可用性评估》

如何进行可用性评估

可用性评估,它的主要目的是为了找出可用性方面的问题,即用户能否很好地使用产品的各项功能。

用户研究是制作原型和可用性评估的基础和前提,只有通过用户研究,设计人员才知道用户对界面的特定需求和使用特点,才能在这些知识的基础上制作原型,同时在对原型评估时,也必须根据用户自身及使用时的特点来对原型的好坏进行判断。

根据在评估过程中是否有用户参与,可用性评估可以分为两大类。第一类是没有用户参与的评估方法,第二类是用户参与进行评估的方法,为什么会存在没有用户参与的方法呢?以下是两个主要原因: read more »