主要内容
-
微博Mac客户端的设计之殇 2012-12-01 14:09
事实上,微博已经一点也不微了。 图片、视频、音乐、投票、微刊、问答等一系列的附加功能,已经让微博流动的时间线早早的远离了只有简洁文字的时代,甚至于“聪明”的中国人还发明了“长微博”这种东西,以应对每条微博140字的限制。 在长微博最开始出现的时候,那时候发长微博的人起码会在内容里留一个内容网页链接,以便内容更好的传播更好的阅读;但是现 ... ...
-
从交互设计“流行元素”中启发 2012-03-25 19:40
看过一篇文章《2012年移动应用交互设计趋势》,这两个月在忙产品2012的交互设计,很是感触。记得IM组大家在为2012忙得焦头烂额的时候,产品总监说过一句话:“你看每年的时装发布会,衣服都很夸张,但用到市场时,只会看到发布会上的一两个时尚的小元素……”交互设计也是这个样子吧,每年优 ... ...
-
你怎么看第三方登陆 2013-01-25 15:31
最近遇到一个我一直不把它当问题的问题,就是关于第三方注册和本地注册的选择。之所以之前不当成问题,是因为作为一个普通用户,第三方登陆/注册简单方便,无外乎有时一些流氓应用强暴我发条微博或者暴漏点信息罢了,但冲着方便也就忍了。但这次之所以变成了问题,是在设计一个应用时,大boss说要去掉本地注 ... ...
-
网购中的商品评价与口碑传播-译 2010-07-04 12:45
作者:Rung András 原文:How To Engage Customers In Your E-Commerce Website 对于我们购买决策最有力的影响因素之一就是我们亲友的意见。同样的,大部分的网上购物者现在更加相信购买过该商品的买家评价而非商家的。根本上来说,我们总是相信“站在我们这边的人”,就算我们与他素未相识。 J ... ...
-
横竖屏切换中的界面设计与体验提升 2012-08-19 13:10
之前一周朦朦胧胧的过掉了,想来也没什么可回忆的。这是一种不坏的状态,就像每天早上莫名的空洞,它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗?也许只是在哄骗和宽慰自己。 杂志一般的小译文一篇,适合这样的下午做一做,适合这样的周末读一读。走着。 眼下,智能移动设备内置的加速计的主要作用,就是根据设备的定向方式来决定屏幕的显示模式,也就是在横屏或竖屏模式之间进行切 ... ...
-
用Dynamic Panel制作Tab分页模型 2009-06-24 01:22
晚上快下班时一个同事问俺怎么用Axure实现Tab分页 我已经估计半年没用Axure了...一时竟想不起来 只记得大概用Dynamic Panel可以实现 晚上吃晚饭回来 玩了一会 又想起这事 便开始琢磨起来 最后也的确是用动态面板来实现了Tab的效果 (不过不知道是不是还有其它更容 ... ...
-
聊聊线框图:那些必要的理论和前提 2010-09-17 09:40
这是一篇老生常谈的问题,所以若有人已经了解,请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题:究竟线框图为什么要画,以及如何画。 至于线框图为什么要画,就不在这里聱述了。相信已经有很多人写过类似的文章,当然,如果你还有疑问,可以给我写邮件。 现在就是如何画的问题。 这不是很简单吗?一个简单的线框图,断不得比一个精美的视觉图更花费时间吧?也不需要美 ... ...
-
高效,不高效 2012-11-14 09:40
Alan Cooper“以目标为导向的设计(Goal Directed Design)”认为:产品的设计是为了帮助用户实现目标,在实现的过程中,不得不要用户去完成一系列任务。 就好比用户的目标是回老家,他可以坐牛车倒马车换公车再挤火车…最后晃荡到家。也可以打个飞的,风一般的回家吃着热饭热茶。虽然目标相同,但是执行的任务却不相同。 一直以来,我坚 ... ...
-
智能电视UI设计那些事儿 2012-04-27 14:04
随着国际市场上Google TV的发布和国内电视厂商纷纷推出定制Android TV的脚步,一时间智能电视平台成为了众多高科技企业争相抢占的新市场。较早的智能电视平台探索者有Google TV、Apple TV和Samsung Smart TV,还有传说中将要上市的iTV。 国外一些知名服务,如Youtube、Twitter、Netflix等,均在这些平台上发布了应用。国内电视厂商多使用Andro ... ...
-
信息可视化研究范畴及案例 2012-06-19 22:37
最近在研究“信息可视化”,因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义: 信息可视化(英文:Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据。与科学可视化相比,信 ... ...
-
广告认知流程3——强化记忆 2012-08-22 23:09
之前文章中介绍了如何运用无意注意与有意注意等认知系统内的浅层加工来提升广告质量与效果。接下来,我们进入第三阶段,阶段三包括记忆与联想两方面,对信息进行深层处理主要作用是说服,即通过分析记忆与联想,运用技巧一来使用户对推广banner产生好感防止产生厌烦情绪,二来使用户易于识记与接纳推广banner中的信息,产生更高的点击意愿。 介于篇幅限制,此次先呈现记忆篇 ... ...
-
从iOS到Metro - 重新设计应用的交互... 2012-07-11 09:09
上周有幸玩了一会Metro的平板。单说视觉风格,仍是我的大菜,但真正用起来却不觉得舒畅,尤其是横向浏览内容列表的时候,视线不停的在X轴与Y轴之间切换,很快感到头晕目眩,这一切似乎比瀑布流更加凶残。 当然,仅仅是个人感受;我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场,即相比于iOS来说,Windows这套东西确实有很多独到的精华在里面;我想通过这样 ... ...
-
交互设计中的默认值 2012-07-31 09:25
寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫,放大冷水,太冷,放小冷水,太烫,放小热水……最后合适了,咱们即使没有感冒也开始记恨这个淋浴器。比较合理的是一种叫 “恒温龙头”的产品,它给定一个用户不需要预设的默认水温: ... ...
-
你好,对话框 2012-08-14 21:21
“怎么了?”除非你对某类对话框已司空见惯,否则遇到,第一反应往往是这样的?这种体验就像你明明急着去赶车,途中却不断被拦住塞传单一样。不能否认,它是一种打断,有时甚至会成为打扰。做为设计师,虽知“打断”暂不能杜绝,但不使之变为“打扰”,却是我们该努力做到的: ① 多次打断=打扰 隔一个小时打断你一下 ... ...
-
浅谈交互设计规范 2010-08-09 22:52
当产品规模大了之后就需要多个产品设计师协作完成整个产品,由于不同产品设计师之间的设计理念、设计方法、设计习惯的不同,协作完成的产品往往会导致产品一致性差,质量参差不齐。 这个时候会需要一份交互设计规范来规范和指导产品设计,从而保证产品设计的一致性,提升整体产品质量。 本文就来说一说交互设计规范应该包含的一些内容: 一、页面信息规范 页面信息规范主要指页面的静态信息应该遵循的规则,包 ... ...
-
从360安全卫士卸载金山网盾看产品设计 2010-05-25 13:19
做产品的要学会分析用户心理,诱导用户按我们的意愿办事,但还得看起来像是用户做了英明的决策。该文非常多智慧的火花,收藏学 习。 闹得沸沸扬扬的“360流氓卸载金山网盾”事件中,别人关注的是国内IT界两个豪门之间的是非,其实这里面最有看头的,是学习一下360安全卫 士的产品经理如何熟练的通过产品交互手段操纵用户,打击竞争对手产品。其招式之娴熟狠辣, ... ...
-
交互设计表格 2009-11-04 22:12
说:在一个房间里丢了一根针,你需要找到它,你会用什么办法? 答:扫把;吸铁;放大镜。。。粉笔。。。 Ok,使用粉笔?请看下图↓ 划分区块,每个找过的地方做个标志。可能不是很快找到,但绝对有效。表格能确保我们不遗漏。 ——————————&mda ... ...
-
界面设计中的结构设计 2012-07-05 10:19
构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。 结构设计是指对界面内容进行分组,对界面中的信息、数据进行设计使之结构化呈现的过程。 好的结构设计能使界面信息传达更加清晰、快捷。那么,如果进行结构设计呢? 结构设计———内容的分组 使用线、框、背景色来分组 这是最常见的分组方式, ... ...
-
Web app设计浅谈 2011-08-18 21:57
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中。Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时 ... ...
-
浅析移动应用的导航模型 2012-06-10 18:45
和网站一样,移动应用也具有自己的信息架构,根据应用的性质以及核心功能界面之间的关系,来对其采用合理的信息结构,此时,移动应用的导航模型便起到了穿针引线的效果,一个好的导航将使得应用的信息架构清晰明了,且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等,以下针对几种常见的导航模型进行简要分析和比较,以帮助我们选择最合适的导航模型,提升 ... ...