话说刚刚通过人人网,看到了谷歌潮人地图这个新玩意,十分惊喜。惊喜的不是这个创意有多有趣,而是我看到了自己此前设计的一个滚动条的交互在谷歌的潮人地图中得到了使用。当然,谷歌不可能抄我的,我也不可能抄到谷歌的。谷歌的这版设计,让我原本不安的心终于放了下来,初涉产品设计,有一个权威的模式摆在那里,才能够让人对自己的设计更加放心。 前一段时间在设计widget,很不喜欢旧版的默认滚动条,因为它把一个widget的平衡感打破了。我觉得用户懒得去做那么多的拖动,即使支持鼠标中键的滚动,又有几个用户会意识到呢。可是,如果不使用滚动条,widget又不足以承载足够的内容。于是,我就把它改成了类似谷歌潮人地图的上下滚动条。然而滚动条的改造,其实我并不放心,因为在已有的同类widget中,很少有用到这种上下点击式的滚动条,尤其是当开发人员评估时给我说出的对键盘和滚轮不支持的种种时,我一度在想要不要让它回归传统。不过谷歌潮人地图的设计让我放心了不少,至少说明这样的设计是存在的,可行的。设计,不安于室,但设计人的心中还是希望能有个范儿,给自己信心。 拿Demo给开发人员评估的时候,开发人员告诉我,这个设计恐怕不太友好,因为不支持键盘操作和鼠标中键滚动,于是我开始质疑。不过考虑再三,最终还是坚持了这种模式。如果我是一个普通用户,如果界面不够好看,滚动条成为了视觉干扰,我是不会愿意去拖动它,看列表中的内容的。在用户愿意读的前提下,才能指望他会进一步去操作,去阅读更多。从产品的使用经验上看,在一个固定的位置单击鼠标左键要付出的体力成本,要比按住鼠标拖动,或是屈起手指滚动滚轮要小得多。 今天,已经跟视觉设计师沟通确认了widget的设计思路,UI施工ing,很期待看到视觉设计图。产品究竟好不好用还要最后实现了才知道,希望这个widget最后能得到更多人的认可,期待能在博客中普及。
放心的设计
容易被遗忘的错误提示&测试
产品上线前的一个重要步骤就是测试。在测试的过程中发现问题,及时解决,保证最后的上线产品能和设计预期的一致。 最近参与了不少由我主导的即将上线的产品测试,大型项目的测试是有测试部门统一分工的,小型产品的优化测试则由产品设计师和开发工程师配合完成。在测试的过程中,无论是测试部门还是开发工程师,都会将发现的一些问题和个人的建议与产品设计师进行交流和反馈。经历了几轮的产品测试,个人认为测试是极能丰富产品设计师设计经验的过程。因为设计的过程是主要是由产品设计师一人主导,一个人的思路难免有很大的局限,而测试和开发人员则能从不同的角度提出产品存在的问题,而这些问题多半是细节的处理。比如错误提示的位置,比如多种情况的用户操作等等。
实习有志之Web产品设计
继续说说在S公司这段意外的实习时光。 从2009年11月17日入职手续正式办理以来,我已经在S公司呆满了一个月。和同事们终于混熟,中午一个人吃饭的时光已然不在。到目前为止,S公司给我的感觉还不错。同事们都很年轻,思维开放,很好沟通,对于我这个新人,他们也是有问必答。让我感觉良好的最重要的因素应该是目前的工作——产品设计。初到公司时,交互设计的负责人让我先呆在微博的产品设计部熟悉一下产品,因为,交互设计的前提是要对产品有全面而深入的认识。在产品设计组实习的日子,任务接二连三,把工作日的计划排的满满的,以至于我没有时间去胡思乱想。 不同的公司,部门的分工组织也不相同。S公司的分工肯定不同于淘宝和腾讯,2T的产品设计的似乎主要是由UED或CDC的团队承担。而S公司则是有相对独立的项目组,项目组中有专门的产品设计师负责设计,而产品设计师的工作则涵盖了信息架构、文案、交互设计等部分。 在S公司,Web产品从设计到实现的基本流程大概是:
微笑口罩Sunmile Mask
终于又来到了周末,于是决心今天一定要画一幅,在纸上乱涂了一个挺有喜感的脑袋,放到电脑里后又是一番改头换面,成了现在的这张《微笑口罩》。
你适合交互设计吗?
又名: About Face 2.0: The Essentials of Interaction Design 译者: 詹剑锋 / 张知非 等 作者: (美)库珀 副标题: 交互设计精髓 ISBN: 9787121011801 页数: 538 定价: 89.0 出版社: 电子工业出版社 装帧: 平装 出版年: 2005-6-1 交互设计,一个近几年随着计算机互联网渐渐发展起来的新兴专业,作为一门学科,作为一个从事交互设计的专业人员,你恐怕需要掌握很多方面的知识:心理学、人机工程学、社会学、设计、绘画…… 这看起来很专业,但我以为即使是普通的传播领域的从业者,如记者、编辑、美工……其实在平时的工作中也时时渗透着交互设计的内容。举个简单的例子,报纸的分类广告排版设计,如何在有限的版面空间中排列尽可能多的条目,清晰地表述企业提供的信息,还能让读者快速方便地找到所需资源并获取联系方式,让你的报社获取尽可能多的收益,让读者下次愿意继续买你们家的报纸而不去选择别家的,这就涉及到了交互设计。
