Collections of Some Creative Interface

These interface,really not far from us,或许就在这两年间,我们就会用这样的方式使用我们的电脑、手机…

这些创意的界面都不是来自哪些大公司,而是小团队的作品。

如果发现其他好的界面,我会继续更新。也请大家推荐给我,你们发现的创意界面。谢谢!

1、Bump top 的3D桌面,或许许多人已经看过了。

2、同样有名的tat公司的3D界面视频操作,是基于android系统的。

3、这个是国产的,江南大学设计学院翊工作室的概念作品,我只想说,真的很专业!

4、Ubuntu公司作品。

5、3D灯光效果表演。这,也算是界面吧~~希望能够同样激发大家的设计创意。

VN:F [1.9.3_1094]
Rating: 5.0/5 (3 votes cast)

很挑战

很挑战,狠挑战。

还没正式上班,但丝毫也不敢懈怠。越研究越发现我的新工作:移动设备的交互设计非常有挑战性。兴奋劲已然过去,给自己列个清单,实实在在的分析下自己到底选择了什么?oh~~my~~god:

1、好吧,移动设备可以在anytime、anywhere使用。因此在开始设计的时候,要预想多种context~~但这还不够,制作完成的原型可能还要放到样机上,再放到这些复杂的context中验证~~

2、深入的考虑人-机交互。不仅仅是点击、双击那么简单,mutil-touch为触屏手机带来了更多的选择。单手还是双手去手持设备?键盘上还有哪些控制键?界面上的按钮应该多大,点击会不会有困难?

3、考虑使用的方向。手机可能是横屏放置也可能是竖屏放置。一个界面至少要考虑两种布局——如果还要与多个平台进行适配的话…

4、界面之间应该自然平滑过度,不能像pc上那样,简单刷新页面。

5、考虑可能发生的冲突。比如打电话的时候来了条短信——他们都使用了声音资源,那么应该如何抉择?

最近还在学习ActionScript,可能还不止需要这些~~~

做手机的交互设计原型,灰常有挑战!

VN:F [1.9.3_1094]
Rating: 4.7/5 (3 votes cast)

老师

教师节快到了,刚好这篇帖子很应景。

有位同学在大学里面当老师,他坚持用一个邮箱给学生们分享自己收集的设计资料。毕业一年左右的时间,他上传了上百封邮件。

生活中有很多人,喜欢好为人师——包括我自己,有时候也免不了洋洋得意。但真正为别人做的有多少?

我赞叹他这种毫不藏私的分享精神,他这样做,不单单因为他是个老师,他在生活当中也同样这么做,对同学对朋友总是施以全心的帮助。

他这样的人,做什么都会做的很好。很多人永远做不到他这样,而我,需要继续努力。

好老师,好人,好平安!

VN:F [1.9.3_1094]
Rating: 3.0/5 (2 votes cast)

无题

人,总要落地生根的。

30岁以前,不会再跳槽。无论遇到任何困难和委屈,我都要克服掉、忍下来。

30岁以后,或许做点儿其他自己想干的事情。

昨天,不仅是回忆,每个嘱托、每次挽留、每份情意,忘不了、忘不了、忘不了…

VN:F [1.9.3_1094]
Rating: 5.0/5 (4 votes cast)

故事模式

2010-08-06_170425

在人人上看到了他们对相册增加一个叫做“故事模式”的功能。我很喜欢,好在哪儿尼?两个方面。

1、更符合用户的使用场景。从上传者的角度和阅读者的角度:一组照片通常代表一次出游,一次聚会,也就是,它是连贯起来的,有先后顺序的。试想这个场景:朋友来了,我们会一边翻相册,一边介绍,这儿是哪儿,我什么时候去的,发生了什么事儿,其实就在讲故事。2010-08-06_170633

2、非常有效的减少了点击的次数。从信息架构的角度,我认为这一改进很smart,有效的减少了层级。

2010-08-06_171052

但也不是尽善尽美地,还需要在以下三处改进:

1、上传照片的时候也需要有故事模式的设计。否则,阅读的时候会不那么有“故事性”。

2、加上评论之后,页面变得非常之长。是否有必要一直显示评论。

3、故事模式,但仍有翻页存在。

VN:F [1.9.3_1094]
Rating: 3.0/5 (1 vote cast)

A/B测试

最近看到此文《需求是如何变成产品原型的》。控件虽小,问题确实不少。最初提到的需求为

产品经理:“我们这次的投放系统需要设计一个区域选择器,就是让用户选择广告定向投放的区域的。可以精确到城市,可以多选。另外,‘区域’作为一个投放广告的限制条件,如果用户没有选择任何选项,那就代表用户忽略该条件,则该广告会面向全国投放。”

简单说就是:选择地区,可多选。不选则默认为选择全部地区。

那篇文章最后给出的设计为(此为方案A)

类似的需求也遇到过,这里我也给出个解决方案,单击这个输入框,弹出如下的图层(此为方案B)

2010-08-01_175722

2010-08-01_171244

来自chinahr的设计,稍作调整,如果选择了其他省市,则系统自动取消选择全国

个人投方案B(从商业利益,无论是广告商还是人人网,当然希望投放范围越广越好,因此默认全国好些),大家的看法呢?

当然,相信还有更好的C方案、D方案、E方案…

VN:F [1.9.3_1094]
Rating: 4.0/5 (3 votes cast)

信息架构:3×n

一个网站/软件到底需要多少张页面,我觉得是“3×n”张。

3个基本页面

信息架构从某种程度上讲,是对这三种页面的排列组合。

1、着陆/导航页

通常一个网站的首页承担了这一作用。下图截自“hao123”,因为他们全站几乎只有一个导航的作用,很典型。

2010-07-21_184102

2、消费页

这是用户浏览我们网站的目的地。我之前更喜欢管它叫“内容页”,但是通常用户都需要在这个停留相对较长的时间,在我看来,这个页面“消费”了我们的时间。web2.0的豆瓣也不例外,我们找到了一半理想的书籍,会细细阅读相关的介绍.

2010-07-21_184646

3、交互页

交互页是交互设计师的重头戏,全依赖他们,才能把复杂的流程变得简单。

图片1

当然,信息架构的工作不是就这样简单。

复杂的是,这些页面通常情况下不会简单的排列组合,而是互相融合。

消费页+ 着陆/导航页 是最常见的情况

自从有了Google等伟大的搜索技术,我们浏览网页的方式有了极大的改变,我可能直接就会找到我感兴趣的内容。比如下图,第一条搜索结果就是刚刚豆瓣的那个网页,这样点击一次就可以到达。所以,每个消费页都可能是着陆页。

2010-07-21_185406

于是,消费页也需要加入导航。仔细看下刚刚豆瓣的页面,果然可以找到导航。

2010-07-21_185649

交互页尽量不要与消费页和导航页结合

来自apple的这个例子。购物之后交费页面仅提供主导航做为“紧急出口”,让用户可以终止这个购物流程。同时提供了帮助页,对这个流程进行支持。再就是少量的付款需要参考的信息。

2010-07-21_190558

注册页面和登录页面更要完全抛弃导航。登录or注册,不可以有其他的选择。

2010-07-21_191020

VN:F [1.9.3_1094]
Rating: 5.0/5 (2 votes cast)

规范化VS形式化

家事国事天下事,事事闹心。

创业型的公司,讲究快速机动,即使没有交互设计这样的角色,也需要有人来承担这部分的工作;发展期的公司,要规范设计流程;成熟期的公司,要建立品牌的一致性,用户体验不再是一个某一个产品,而是所有产品能够连贯起来。

郁闷的是我们这样一个发展期的公司,把规范化做成了形式化、机械化。拿到项目不写计划要扣分,上班迟到扣分,无故旷工扣分…但是却说不明白,交互设计、视觉设计、web前端各自的技能点是什么,核心竞争力又是什么,怎么去培养员工,发现员工的价值…

做好了,没有评价标准;稍微出格些,对不起,依照什么什么条例…只希望接下来的工作重心放到切实提高公司设计质量,提高产品的用户体验上,这才是我们这个部门的真正价值!

后记:

最近和领导沟通,我们觉得还是要把能力考核这块先做清楚。助理设计师具有什么技能,初级设计师、中级设计师、高级设计师一一说明白,讲清楚。虽然这个过程会比较曲折,比较麻烦,但我们还是要做。

有了这些标准,大家才清楚自己应该做哪些事情,才会有奔头和约束。

VN:F [1.9.3_1094]
Rating: 0.0/5 (0 votes cast)

一个可用性测试实例

最早接触到可用性测试是在08年,那时SonyEricsson的手机卖的还很火,而我是去给他们的手机输入法做测试——以受测者的身份。

可用性测试以任务为中心而非以用户为中心,主要用来完善目前的解决方案。

测试场所:

因为是公司给自己员工开发的周报系统,我们没必要用实验室,就在每个人自己的工位上,好像每天或者每周做的那样去填写周报就可以了。

第一步:用户角色分析:

主要角色和功能如下:

1 员工 写周报(添加\删除项目、填写工作内容等子任务)
周报统计
查看周报
2 经理及秘书 周报审批

本次要改进的功能是写周报。对员工这一角色又可以按照熟练程度、使用习惯进行细分,基本上新员工肯定没有老员工那么熟练,老员工又可以分为每天认真填写的,和每周突击填写一次。如下图:

用户分类

不难看出,小江和小高是我们的主要用户。找到这两个典型用户就可以了,但因为2个用户比较少,所以还找了小崔。这样就比较有把握发现80%的问题了(纯属个人乐观估计)。

第二步:操作流程分析:

预想设计的操作步骤:

步骤名称
1
2

用户1实际的操作步骤:

步骤名称 操作时间:
1
2

比较结果:

1、最耗时的操作步骤为?最短的操作步骤为?

2、差异最大的操作步骤为?

第三步:页面的点击路径分析:

页面1

鼠标移动的示意图

测试结果分析:完成填写某一天日报的操作,鼠标需要滑过整个页面。

第四步:用户访谈:

1、总体评价

视觉风格 易用性 易学性 高效性
用户1
用户2
用户3

2、对系统有无其他设计建议?

——————————————————————————

大体上我觉得一个可用性的测试报告应该包含的就是以上几部分,因为最初测试时和现在稍有改进,所以后半部分很多内容是空置的,并且还截取了另外一个项目的例子。

可用性测试非常适合于软件,对于网站则意义不大。因为一般用户到互联网上是无目的的闲逛,因此就没什么任务可言。

VN:F [1.9.3_1094]
Rating: 0.0/5 (0 votes cast)

交互设计师与产品经理、项目经理的相处之道

做项目:量变才有质变

做项目时间卡的很死,通常时间短任务重,更多都是靠自己以前积累的经验。项目结束后可以总结得失,但总的来说,做的数量多了,才可能有个比较深刻的感悟。

做产品:改的就是寂寞

做产品得有耐性。一方面来自各方的意见很多,听的头都大了。另一方面,如果做着做着发现之前的思路不对,就得全盘推翻。改吧改吧不是罪,原来姐改的不是产品,是寂寞啊!

这段是最近新补充的,以下才是正文。

————————————————————————————————————————

与产品经理合作也好,与项目经理合作也罢,我的目标都是要合作愉快。他们的愉快是“卖的出去,用户满意”;我的愉快是“交互的价值被认同,个人价值被认同”。

与产品经理相处

一个小故事

曾经我们开发了一个产品,进展到一多半的时候,我被抽调到另外一个新产品。这时候领导还不给我充足的设计资源,理由是“两个产品互相之间可以复用设计”。我说“每个产品经理都把产品当做自己的孩子,你认为他愿意抱养别人的孩子吗?”在我心目中,产品经理是在有限的条件追求完美的一群人,我对自己的定位是,帮助他们超越完美

问题:a)产品定位不清楚:产品经理自己心里面都没有数;b)每个产品经理的性格差异很大,有的要创新,有的比较保守。

解决:a)开始设计之前一定要明确产品的定位,用户是谁,商业目标,盈利方式…;b)该坚持的坚持,实在坚持不了就“从了吧”。

与项目经理相处

问题:先叹口气:“哎!”我更喜欢和产品经理相处。项目经理对所有人的期望都是一样的,那就是要“快!”。于是他们很少用心去了解每个职位的作用是什么。a)于是项目做多了会很疲劳,同时收获也非常少。b)我们的产出成果经常会在实现阶段被“砍掉”,原因就是工期,实现人员会说来不及了。c)你的价值很难被认同。和需求人员、视觉人员大家一起合作,项目经理也确定不了到底是谁在发挥作用。

解决:a)因为公司目前交互人员比较稀少,在项目中基本上就不放置交互人员这个角色了。直接进入到视觉设计阶段,也减少了人力成本,说实话,大部分项目经理还是乐见其成的。b)对于那些主动提出需要交互设计的项目经理,我们来者不拒。一般这时候都是其他角色实在搞不定了,我们再出手,才能让他们看到效果,看到差距。

VN:F [1.9.3_1094]
Rating: 5.0/5 (1 vote cast)