主要内容
-
确认框的设计 2011-07-27 22:10
确认框，顾名思义，对关键的用户行为进行确认，比如“询问是否删除”，“告知已删除”。根据网上的观察，发现有的网站对确认框的设计缺乏合理性。本文谈谈自己的思考。 类别 根据触发目的，确认框分为两类：询问和告知。 询问 转推的确认框 询问，类似 Javascript 里的 confirm()，即：是否去做？ ... ...
-
软件安装过程的交互设计 2011-07-25 19:44
混乱的安装界面和不畅的安装流程把前来拜访的用户拒之门外，也使软件的功能得不到充分的定制和发挥。由于对互联网产品的爱好，我经常安装软件，在这之中发现许多不好的地方，在这将共通的内容提出来分析一下。 现有软件安装一般页面流程： what's new页>>许可条款页>>选择组件>>软件大小信息，选择安装路径和快捷方式显示位 ... ...
-
交互体验前世今生 2011-07-24 12:35
吃过晚饭出去散步，看到楼下小朋友捧着iPad戳来划去，感叹现在的孩子真是幸福。且不说锦衣足食营养过剩，在娱乐、教育的手段上，也空前的丰富。平板电脑和触摸设备的流行，在寓教于乐的同时，也对目前交互设备的进化起到了推动作用。通过观察现在的小朋友玩iPad跟以前我们小时候玩游戏的对比，我们能发现，从简单的孩之宝变形金刚、魔方等儿童玩具，收音机电视机等媒体产品，控制器连接的游戏机，再到通过键盘鼠标操作的个 ... ...
-
各大网站注册流程解析 2011-07-19 16:38
1、简而精的流程，尽可能让用户一步到位操作完成，如果不能一步完成，则需要分划出清晰的注册导航，引导用户填写 复杂的注册流程，首先应该考虑简化。用户在填写复杂的注册表单时常出现反感心理，对网站的使用抱有不满，给用户下一次的操作带来不利的影响。应该让用户满意而归，对网站的应用产生好感，带来下一次的光临；下面分析下目前几种类型的注册页面的流程设计： 支付宝注册页面： ... ...
-
Google+：一个“圈子”引发的深思 2011-07-18 16:27
当Google+上周开始邀请内测后，“圈子”就成为了最热讨的功能话题。假如你在上周没有留意到Google+的相关信息(仿佛掉进了互联网一个阴暗的角落里)，Google+特有的“圈子”功能主要用于对用户进行分组。你可以将某个人放进一个或多个圈子里，如“朋友”、“熟人”、“同事” ... ...
-
美图秀秀交互再设计 2011-07-16 17:40
出于职业习惯，使用一款产品时总会不自觉地对其设计进行分析。当打开美图秀秀时，我知道，我又开始了。 美图秀秀是厦门美图科技有限公司旗下的一款产品，分别有 PC 客户端， Android, iPhone 应用。公司旗下还有其它几款产品：美图看看——免费看图软件，美图拍拍——摄像头自拍软件，美图淘淘——网店图片批理处理 ... ...
-
电商网站商品评价模块设计 2011-07-15 16:47
对于消费者而言，要买一样商品，或多或少都会受到他人的影响，各种各样的信息聚合在消费者的脑中，它们共同影响了一单交易的发生。这其中很重要的一类信息就是别人的商品评价。 商品评价是很常见的电商网站的功能模块。让我们来看看商品评价都有什么样的信息结构。 商品评价大致分两类，一类是商品评分，现在一般是五颗星的打分标准，另一类是商品评论，主要由消费者的评论组成。 一、商品评分 ... ...
-
搜索引擎页面设计简谈 2011-07-14 14:47
搜索引擎这个产品在中国互联网的浪潮中起到了不可替代的作用，无论是google，百度，yahoo，还是后来的soso，搜狗等等。随着搜索对信息索取的渠道越来越重要，搜索的页面设计也越来越值得关注。毕竟用户的上网的操作能力与互联网素质在不断的提高，各方面的普及也增加产品设计人员压力，不断的瘦身，增加专业服务强度。 ... ...
-
好的体验从降低输入成本开始 2011-07-13 11:27
小屏幕小空间，输入信息举步维艰，不是误点，就是需要频繁切换，不是提示不明显，就是定制能力不够。如果你的应用为用户提供的服务需要进行大量的输入，那么一定要考虑到用户的输入成本和输入效率对用户体验的影响。否则就是你的功能再有亮点，但是糟糕的输入体验却把用户拒之门外。虽然你可能会抱怨，那不是你的错，是iPhone输入法的错，但是凡事好商量，怎样跟输入法亲密无间的合作，降低用户的输入成本，提高用户的输入体 ... ...
-
交互模式应用(3) : Carousel 2011-07-11 22:19
图片作为描述有形事物的一种方式，不但能直接传达视觉信息，包括几何特征、形态、位置大小和色彩等，还能传递内在信息，比如意图、要求、风格、性格和计划等。现代设计中，图形的表现力一直远超其他表现形式，因此得到大多数设计师的青睐。A picture is more than thousands of words, 如何利用图片进行创作理念表达和思维传递成为设计工作中的重点之一。 在交互设计中，如何 ... ...
-
19楼的广告位-不影响用户体验的banner... 2011-07-10 22:53
对于一些房产网站和地方社区网站来说，商家在网页上的硬广是其主要盈利收入，不断增加的广告收入，同时带来不断增加的banner广告，有的甚至在首页达到三屏至多，贴内五条硬广，另外还有无处不在的悬浮广告，关不掉的对联广告等等，用户苦不堪言，但为了盈利，能有什么办法呢，19楼，作为运营最好的地方社区网站，在广告位的设置方面，我觉得为我们提供了很好的参考。在不影响用户体验的前提下，banner广告怎么放呢。 ... ...
-
探讨对称性交互应用 2011-07-09 00:15
在界面设计中，对称性的信息呈现方式非常普遍，信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。在交互设计过程中，让用户的操作流也以对称性的方式完成，我们称之为对称性交互（Symmetry of Interaction）。比如iPhone手机的开关机过程，都是以如下流程进行： 开关机作为手机常用的一套相关操作，其设计思路也采纳了对称性交互原则，让两者遵循同样的流程进行 ... ...
-
触摸屏输入的交互设计 2011-07-05 21:05
触摸屏手机输入时会在界面绘制虚拟键盘，用于输入字符，可以使用在所有应用程序中。特别是在短信和邮箱等需要频繁输入文字时，其输入速度直接影响用户操作效率。 缺点 但是同样全键盘输入，触摸屏没有物理按键效率高，原因在于： 1.输入法需要定位手指的位置，比如双手操作电脑键盘时，左手食指定位在F键，右手中指定位在J键，而触摸屏无法像按键的凸点或者输入感觉定位，难以形成高效的盲打。 ... ...
-
网络图谱论”知乎“ 2011-07-04 20:07
引言：写这篇文章的初衷是为了让自己“读懂”知乎。知乎是一个颇有吸引力的产品，甚至一度转移了我对微博的兴趣，由此我更想搞清楚知乎背后的逻辑是什么，它是如何运作的。当然谈知乎很可能就是在谈Quora，可惜我还没用过Quora所以没有发言权，所以只能就知乎作一番分析。 一论：知乎是一种混合网络，由个人结点和知识结点两种结点构成 这种网络结构的成因是由于 ... ...
-
电商网站的购买按钮 2011-07-02 18:10
一般上电子商务网站买东西的用户分三种： 1、随便看看，就是不买 2、先看看，买不买再说 3、就是来买东西的 这样的需求反应到产品页的购买按钮上，我们一般会看到购买和收藏两个按钮，而购买又可以分为立即购买和加入购物车两种。 对于第一种用户来说，你按钮做的再大再合理也不关他的事，因为他压根就不想买。 对于第二种用户来说，购物车按钮或是收藏按钮对他来说是优 ... ...
-
Google改版之“用户体验”篇 2011-07-01 20:41
google此次改版主要有以下变化： 1.增加了语音搜索功能。 2.将最上面的“top bar”变为黑色，据google官方说，以后可能会隐藏。但是我个人认为google本来是想将其去掉，但是考虑到用户习惯及“不作恶”的原则，暂时没有删除。等用户习惯后，最后还是要删除。原因如下： 在除主页外的其他地方，在左侧提供了 ... ...
-
探索滑动手势 2011-06-26 12:00
Nokia N9刚刚发布，滑动手势承担了更多的功能性操作。从按键手机到iPhone的Home键，让人不禁联想，实现全触摸屏手机已经指日可待了。 iPhone Home键已经承担的过多的操作，单击退出程序，双击进入多任务，自定义三击显示辅助操作，组合开机键截屏，恐怕这是所有手机中使用率最频繁的按键了。但是功能越来越多，要么继续压榨按键，要么挖掘新的手势操，责任自然落在点击和滑动这两个最基础的 ... ...
-
首页大屏广告交互设计探讨 2011-06-26 11:53
一、使用场景 用于大型活动推广，频率控制在一季度或一年度一次为宜。 二、设计目标 1、效果好！尽量让每位用户都注意到这个活动。 2、干扰小！把对活动不感兴趣的用户的干扰降到最小。 三、设计要点 1、是否要遮盖网站内容？ 不要遮盖。从我们监测的历次大屏广告点击数据来看，广告的点击在首页总点击的占比分布在2% – 20%之间。这意味着：有至少80% ... ...
-
web信息架构和社会化 2011-06-20 18:55
大家都喜欢PPT，那就分享吧。 这个演讲稿实际有34页，拆分“动作”之后变成63页面。 下面是简单的解释，为了给书友会各舵主使用的，都分享出来吧。 真害怕误导大家，喜欢速读的朋友直接阅读61页，就可以了。 第1页 web信息架构这本书是十几年前信息数字化沉淀下来的理论体系，而今，互联网的发展让用户从当初的简单消费到深度参与。这次演讲的内容，主要不侧重说概念，而是说 ... ...
-
关于网站分页的那点事儿 2011-06-20 13:22
本文所描述的分页是指电子商务网站的产品分页，如果想要直接了解本文的精髓，请直接参照下面的附图，不言自明。 电子商务网站的产品分页设计是很小块的设计，绝大多数的网站不会在这里花费什么精力，但是，如果能在细节上做的更贴心一些，对用户的购买体验还是有所提升的，毕竟用户每次购买都会多次使用该功能模块。 首先要说的是，分页是用户普遍接受的产品页面浏览方式，设计也是大同小异，用户的学习成本为零。 现 ... ...
