主要内容
-
这些设计，让网站似个彬彬有礼的绅士。 2008-07-26 22:39
不 可否认，web的用途越来越广。大家在互联网上看资讯/电影、聊天、找朋友/工作、玩游戏、写小说/日志、交易/买卖、听音乐/广播。互联网已经不仅仅是 一个窗口，他已经成为我们工作和生活的伙伴。是的，他不是工具，而是伙伴，这些伙伴的数量听说全球已经达到一亿个了，在这些伙伴中，有些对我们很粗鲁，有 些待人礼貌。UCD的含义就是“以用户为中心的设计”，那么怎样的网站让用 ... ...
-
有啊体验（二） 2009-02-15 06:27
今天体验了有啊的个人认证，应该说是百付宝的个人认证，虽然大部分是模仿“支付宝认证体系”，但是有些地方有所不同。晒来看看，不要捏着藏着。 （１）身份证号码的有效性验证：每个人的身份证号码都是按照编码规则来的，如果输入的号码不符合这个规则则会报错。举个例子：最后一位跟倒数第二位有必然的关系，比如公安局发号码是这样排序的１２，２４，３６，４８…&he ... ...
-
排序需要考虑的因素 2008-07-27 17:29
接着千鸟的文章来说说我对楼层数排序的看法，这篇文章旨在表达观点而非下结论。 不管是在讨论中还是实际的情况中，竖排和横排的比例几乎是对半。说到横排和竖排，大家潜意识里面都会回想自己平时使用的电梯，因为你已经习惯一种模式了，就好像现在让一直使用apple电脑和PC的设计师来决定窗口的关闭按钮时放在左上角还是右上角一样。因为在设计之前，你已经带有一定的操作习惯了，所以，现在要统一电梯按钮的排序方式 ... ...
-
《Web信息架构》-标签系统 2009-11-13 11:09
标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。 图1(典型的标签)这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。 图 ... ...
-
由Mark Zuckerberg一封信看Fa... 2008-08-15 03:57
刚才登录Facebook，这次没有如往常登录到登录后首页，而是跳出创始人Mark Zuckerberg的一封信，短短几行字间，折射了这个在互联网所有服务中近乎完美改版过程。 我们先来仔细阅读这封信： Hey -——————>一切由Hey开始。Mark Zuckerberg开篇的这个称呼，道明了站方和用户之 ... ...
-
一组08欧洲信息架构大会（Euro IA 2... 2008-10-14 11:07
本周推荐一组08欧洲信息架构大会的presentations（Euro IA 2008） 1. 界面的诱惑（The Seduction of the Interface）来自behaviordesign.com的Christopher提出，交互设计师应该用自己的设计去引诱、诱惑用户，而不应该指望市场销售人员的推广。这个presentation讨论了众多引诱用户的技巧哦～～～ The S ... ...
-
用AxureRP做实例原型设计的步骤 2012-07-29 10:11
一般来说都是先有实例再组合成整体，但是我们的设计过程都需要先从整体的布局考虑，再来细化每个功能点。因此实例的原型设计在一些中高保真度要求的原型里面就尤为重要，再者一般学习AxureRP都是从模仿别人的做的实例开始的，因而学会实例原型设计，对自己使用AxureRP的技能的提高也是很有帮助的。 这里对实例原型的定义主要是指两个方面，一是单独的功能点或功能页面，如输入框的鼠标单击可修改 ... ...
-
Clear. 手势的未来? 2012-02-28 21:17
这是一篇迟到的短文，缘起上上周 Clear 惊艳上市。完全的手势操作，没有采用 iPhone 标准的导航设计规范， 反而有一些 WP7 Metro UI 的风格。不敢说这款应用在 to-do 上会有多久远的实用意义，但让我们再一次感受到接近指上交互的真谛。 当手持环境决定你只能用指上操作去改变使用方式的时候，用指尖去探索就是一切，这变化影响着我们。像鼠标那样傻傻的按下去却不再是你我的唯一 ... ...
-
Google Reader、有道阅读和QQ邮... 2010-11-14 00:34
QQ邮箱的“阅读空间”正式回归，这真是一个好消息（QQ邮箱恢复阅读空间RSS订阅功能）。在失去它的这十来天里，不得不将订阅源分别转移到有道阅读和Google Reader。华丽丽的QQ阅读对我而言，是美观意义＜实用价值。而在转移阅读的过程中，也发现了一个问题：在有道和Google Reader的阅读效果似乎比不上之前QQ邮箱的“阅读空间”。究竟原因何 ... ...
-
如何设计注册激活邮件 2010-01-04 21:20
最近做了一次口碑网注册流程改造，简单说一下激活邮件的设计上的一些小心得： 1、尽量不要用图片，尤其是别把激活链接做成一个点击按钮。 2、尽量少的给链接，最好只有一个显眼的链接。其他链接一律变短，弱化。链接明文显示。 以上两点，都是基于激活邮件的第一要素：简洁，省去所有不必要的干扰元素。让用户打开邮件，快速点击激活链接走人，符合用户的利益，也符合网站的激活达成率要求。这里有个小技巧，可能有些设计师仅 ... ...
-
模式化窗口 2009-06-09 20:57
先让我们看一个例子，了解什么是模式化窗口。 以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹出登录对话窗口提示登录。此时，登录对话窗口锁定商城页，锁定IE，只有当对登录窗口进行操作后，才能够进行其他操作。譬如：最小化IE、浏览商城等。我们可以说，登录对话窗口就是一种模式化窗口。 模式化窗口常常给人“坏&rdqu ... ...
-
手机验证设计感悟 2011-01-13 23:05
人们对于产品设计这类事情，往往容易眼高手低，在宇宙层面上夸夸其谈，却落不了地，只能飘着。真正到了自己动手的时候，才会发现问题很多，实践和理论相差太远，很容易说一套，做一套。所以还是需要多实践，动手去做出东西，才有可能真正提高自己的水平。 最近有个机会，接触到某个手机验证流程的设计，这也让我有机会去动手参与，真刀真枪的过过招。对于新手，我觉得最重要的不是做出什么很满意很完美的设计，而是通过每一 ... ...
-
空行不空格式排版组织原理 2010-04-25 11:25
前文讨论的热烈程度远超我预期，正好还有之前查阅资料拍的几张实物照片可以拿出来继续探讨。以此证明我是有过深思熟虑的过程，而不是拍脑袋的“武断”。前文我提出了个很重要的核心观点，并且写到了新改模板的“摘要”里，可惜好像很少有人看懂： 从信息组织角度来看，段落内行之间的关系要比段落之间的关系低一个级别，所以在呈现上段落之间的“段距&rd ... ...
-
如何设计用户注册流程 2009-11-18 18:22
Conversion（转化率）这个词在电子商务团队中应该是很熟悉了，但是其实不仅仅是电子商务，这个词也应该出现大部分互联网团队的核心考核指标中。举个例子，如果说商品详情页和付款流程是电商网站的黄金页面和流程，那么新用户注册页面/流程就是各个社区网站（尤其是刚成立的）的黄金页面和流程。 去年在51.com大热的时候曾经对其做过分析，发现姑且不论其“山寨”的一面，在 ... ...
-
注册表单之密码强度检测 2008-08-06 11:47
不可否认，Ajax技术的流行给网站带来了很大的改变，用户在使用网站的时候得到了比以往好上几倍的体验感受，而在这些改善当中，Ajax技术在注 册表单上的应用带给用户的改善无疑占了很大一部分。然而并非只要在网站上应用Ajax技术就能改善用户体验，很多的网站由于Ajax技术的滥用或者使用不 当，带来的效果往往是相反的。 注册表单做为网站的最基础应用之一，以往是用户所诟病最多的地方，因为用户不 ... ...
-
Web注册表单设计样式的研究-上部（折折熊译） 2008-08-06 11:55
很久没有发表文章了，主要是在研究注册表单的问题，并且翻译了国外关于注册表单设计样式的调查报告（花了近一周时间……），第一次翻译，希望有什么错误的地方能帮我修订一下，谢谢。以下是翻译的上半部分。(转载请注明翻译版权信息，谢谢) 如果你想最大化你的服务所带来的效益，你就必须最大化你网站表单的成功率。仅仅简单的让用户在你网站上注册是不够的，除非你有能够让访问 ... ...
-
firefox下首次登录支付宝的流程有问题 2009-02-05 12:30
在一个全新的系统下，首次使用firefox登录支付宝（使用了数字证书的）的流程大概如下： 安装密码输入控件→→→登入支付宝→→→进行安全检测→→→发现没有数字证书，引导进入数 ... ...
-
页面表达常用方式 2010-05-05 20:55
《页面表达常用方式》是整个“web交互设计方法”中的一部分： 设计师在设计页面时，应该在页面上建立许多视觉层次，引导用户的视觉焦点。把用户的注意力吸引到最重要的元素上，然后才把视线引导到其他重要程度次要的信息上。这样便于用户快捷迅速地找到自己所需，更好的完成阅读、浏览任务。这里介绍几种页面表达的常用方式。 一、页面的浏览顺序 对用户扫描页面 ... ...
-
那些总是发生的小事 2008-07-26 22:23
第一件：总是不理我 这种经历就好像你在饭馆大叫：“服务员点菜！”而一身笔挺制服的服务员只是冷冷地撇了你一眼，心情好的呢，可能会从鼻子里哼一声，表示知道了。 比如下面这两个： 这两个好一点，多少还“哼”了一声： 更可恶的是，这位连撇都不撇一眼，点击按钮居然一点反应也无，就算我没 ... ...
-
五点建议 2008-07-26 22:14
找茬半月刊，开头先： 1. 图片来自keso博客 如果我来修改，上一张留言，去掉“发表于”后文字的加粗，并且与“评论内容”的颜色对调；下一张文章，可以考虑把“发表于”几个字颜色和上图的灰统一，以便与分割线区分。 2. 图片来自豆瓣小组 活跃度相当高，但这种呈现方 ... ...
