主要内容
-
交互设计实用指南系列(6) –标签明晰、有效 2010-01-18 20:59
导航标签彼此互斥、完全穷尽。 导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字，也可以是图片。在英文里被称作“Label”，并不同于我们常说的“tag”标签云图。 说简单一点 ... ...
-
如何突破Good enough? 2010-01-17 21:23
优涩控是一个很有意思的团体，每个成员都有很独立的喜好的IT公司，如00后就是100%的果粉，极爷是标准的G粉；但我却是一个不折不扣的微软粉丝。原因来自The Story of the Ribbon，设计一个伟大的产品很难，但把一个不伟大的产品修改得伟大则是难上青天。 A ribbon is a command bar that organizes a program’s fea ... ...
-
影响网站转化率的10大误区（下） 2010-01-17 13:45
【导言】网站分析的核心内容之一是对转化的实现和优化。本文探讨影响网站实现转化的10大误区，以帮助网站设计者和网站所有者规避风险，更好地实现网站应有的功用和价值。这个话题将分为上下两回，每回均通过实际案例探讨5个因素。本文为下回，上回请点击这里。 【正文】 在上文中，我们讲到了五种误区，分别是：目标失焦，错误匹配，故意诱导，登陆页太沉重，以及不正确的Call To Action，这一 ... ...
-
多按钮共存 - Don’t make me ... 2010-01-11 20:53
之前在一个web系统的设计中，和另一个设计师讨论，“保存”和“取消”按钮该怎么设计。我的观点是，保存是比取消更常用的按钮，也是用户的主要目的（用户不会为了取消来使用表单），所以在视觉上，保存按钮应该比取消按钮更醒目，这样更容易被用户先看到，从而提高用户的效率。 下图：Google analytics系统中，Apply以按钮的形式表现，ca ... ...
-
交互设计实用指南系列(5) – 突出重点，一... 2010-01-11 20:50
看到这张照片，我们一眼能够看到天宏(图中这位UED俊男)的眼睛。我们能从他的表情里读出一些他的性格。一张好的摄影作品，最重要的一点，就是这个照片是否有焦点，照片的主题是否一目了然。而摄影作品的用光、构图、景深等等手法，其实就是在让一个照片能够有其焦点，并且利用这些艺术手法来烘托气氛，提升主题。 一个优秀的页面亦如此：应当突出重点，一目了然。相信大家也知道，一个用户在浏览网页的过 ... ...
-
淘宝节日LOGO互动设计小探讨 2010-01-11 20:46
从去年六一儿童节的LOGO开始，我们就要求以后的每一个节日FLASH LOGO设计时除了具备创意故事外，还必须设计一个小的互动效果，当受众把鼠标移到LOGO上面时（Rollover），会有响应（Response）情节发生。 节日LOGO设计几乎每一个网站都在做，之前有太多非常成功和优秀的LOGO设计作品。作为后来者，我们一直努力希望在众多的节日LOGO设计中走出一条（哪怕说只有一点点）自己 ... ...
-
浅谈白社会交互设计的创新 (二) 2010-01-10 22:58
接上一篇的 浅谈白社会交互设计的创新（一），这次谈谈 任务 的设计。任务想必大家都接触过，在学习中，在工作中，在游戏中都会有，一般的形式是接到一个任务——努力完成任务——交任务（领奖励）。宏观的看，人的一生就是在完成着一个又一个的任务。回到正题，首先需要说说的是在SNS中设计任务的目的，我们的观点是： 任务是一种运营手段，可以引导 ... ...
-
网站是否需要在线客服？ 2010-01-09 17:26
【说明】：本文所有截图源于网络，与本身截图的产品无关，仅为举例说明。同时本文讲的很浅显，改天从技术层面讲一下行业网站怎么应用。 昨天和一个朋友聊起网站在线客服的事情，即： 要不要在线客服功能？就是这个： 弹出的时候，好恶心! 要不要电 ... ...
-
15分钟，十五分钟 2010-01-08 10:26
15分钟，十五分钟 从语义上来说，两者没有不同。但是从吸睛效果看，15分钟更直观。 人们往往对阿拉伯数字比较敏感，应该是阿拉伯数字在脑子里运算速度更快， 试想想，我们小时候学识字，都是从123开始学起，对于数字的印象早于文字，所以人脑对阿拉伯数字比文字更敏感。 我们在逛街的时候， ... ...
-
新颖网站导航设计趋势案例 2010-01-05 23:04
在网站应用性中，导航菜单应该是最重要的部分了，优秀的导航设计不仅可以方便用户浏览网站内容，还能在第一时间给用户准确的信息传达，直观地表现网站的内容涉猎，让用户更方便地找到想要的需要的内容，这里整理了当前网站设计中流行的特色导航设计案例，这也表明了网站导航设计的一个未来趋势。 3-D 导航 3-D 风格的导航菜单可以表现的更突出，能在整个页面的设计中凸显导航功能，并且向 ... ...
-
网站注册那些事儿 2010-01-05 22:38
前几天光耀童鞋喷了一篇《谈网站注册、登录过程》，今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通不过，但提供不同产品服务的网站对于注册的要求不尽相同，也不是每个网站都有一个体验良好的注册流程。本座在这里简单聊下在不考虑运营指标和商业目的的前提下，基本的注册功能如何设计。 注册页面的信息架构 注册页面的信息架构力求清晰简洁，注册 ... ...
-
谈网站注册、登录过程 2010-01-04 21:30
最近在做网站的注册、登陆、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登陆两个过程。Billy在这里讲注册的交互细节，推荐阅读。 >>注册过程 1. 尽量简化用户注册时填写的信息。 关于注册的基本逻辑是用户需要填的信息越少，注册转化率越高。如果需要得到更多用户的信息，可以在用户使用网站的过程中逐步获得。比如购 ... ...
-
手机网站开发必修课[2009总结版] 2010-01-04 21:23
从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。 手机网站开发，有着许多不为人知的困难： 一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考； 二是兼容性工作异常艰辛，难度一点也不比web网站的 ... ...
-
如何设计注册激活邮件 2010-01-04 21:20
最近做了一次口碑网注册流程改造，简单说一下激活邮件的设计上的一些小心得： 1、尽量不要用图片，尤其是别把激活链接做成一个点击按钮。 2、尽量少的给链接，最好只有一个显眼的链接。其他链接一律变短，弱化。链接明文显示。 以上两点，都是基于激活邮件的第一要素：简洁，省去所有不必要的干扰元素。让用户打开邮件，快速点击激活链接走人，符合用户的利益，也符合网站的激活达成率要求。这里有个小技巧，可能有些设计师仅 ... ...
-
交互设计实用指南系列(4)—“有效性”之“简... 2010-01-02 16:50
我们生活在信息繁杂的社会，尤其是在互联网时代，人们开始通过网络开始接触越来越多的信息，那么，如何获取/传递有效而准确的信息将非常重要。在网页交互设计中，我们提出：信息获取和传达的过程必须是简洁清晰，自然易懂。这样用户才能够有效的获取这些信息，并迅速作出决定。 1.什么是“简洁自然，清晰易懂”？ 简洁清晰：使信息最简化 “少即是多”。提 ... ...
-
GoDaddy在降低购物车页面跳出率方面的一... 2010-01-01 18:22
前些天在GO DADDY注册了个账号，试了下它的购买流程，因为测试，到最后付款页面我就关掉了，结果，3天后，邮箱收到它的邮件： 尊敬的XX， 我们有留意到，您上次在godaddy.com，把以下产品加入了购物车.com域名 5年期。为了您的方便，我们保存了您的购物车记录…… 不过只是暂时。别再犹豫了——今天就下单吧！在购买页 ... ...
-
找茬：支付宝即时到账交易确认付款页面的交互设计 2009-12-26 14:04
因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。 在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬： 看上图，上面的1，2 ... ...
-
商品评论的设计：从《三狼啸月》到《三枪拍案惊... 2009-12-26 13:55
有幸代理主持UCDChina书友会12月份南京地区的线下交流讨论活动。 临时得到这方面的通知，转接kent.zhu标题为：《让评价故意走光》的PPT，略作整理不劳而获。 商品评价的重要性 如何引导用户评论 由谁来为商品叫好 商品评价的设计（打分/交互、打分内容选择、评论框的设计、评论与社区、评论的展示） 案例 直接以《三狼啸月》为题说开去。 ... ...
-
影响网站转化率的10大误区（上） 2009-12-26 13:51
【导言】网站分析的核心内容之一是对转化的实现和优化。本文探讨影响网站实现转化的10大误区，以帮助网站设计者和网站所有者更好地实现网站应有的功用和价值。这个话题将分为上下两回，每回均通过实际案例探讨5个因素。本文为上回。下回将于近期推出，敬请期待。 【正文】 毫不夸张地说，网站存在的意义即在于转化。因为每一个网站的存在都有它的目的，而这个目的正是我们需要的转化的结果。对于我的这个博客（www ... ...
-
交互设计实用指南系列(3) - “有效性”之... 2009-12-24 22:04
任何一个交互过程的操作，对于用户来说都有学习成本，谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮 助，这一点非常重要。适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。 不及时的帮助会造成用户使用进程中断，或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰，影响用户完成任务。 ... ...
