主要内容
-
登录和注册按钮的三种表现状态 2008-10-09 11:54
登录与注册这两个按钮是平时网页上最为常见的两个按钮，任何一个有会员系统的网站都需要这样的两个按钮，所以我们也能在不同的网页上看到这两个按钮的不同状态，总结一下常见的有三种状态： 在很早之前的网页设计中，状态一的两个按钮样式是最常见的，因为两个按钮的样式一致，在视觉上有一致性，但这对于使用鼠标点击登录的初级用户而言，需要多一个判断的时间。 所以，后来的网页设计上就不再 ... ...
-
单线流程(2) - 流程中KEY 2009-02-08 16:00
在单线流程1这篇文章里，我引出了单线流程这个概念，并没有深入去分析单线流程，相当于HELLO WORLD!在接下来单线流程这个系列的文章里，我会继续深入分析单线流程相关的内容，希望有一天单线流程的设计思想能深入人心，成为一个主流的并且基础的流程设计思想。也希望有兴趣的朋友一起来讨论这个话题。继续解释什么是单线流程？尽管我们可以把一个复杂的流程分成多个步骤，多个页面，使每个页面的流程都符合纯粹单线流 ... ...
-
奥运订票折腾记 2008-07-26 08:08
角色描述 在京外地人，资深网络用户，经常使用VISA信用卡在网上交易，上班忙空闲时间少。帮在四川老家的爹妈定票，具体项目待定，看价钱和时间安排，其实主要是凑热闹。 晚饭后上网溜达，突然想起订票这回事，打算试试，笔记本Win2003, Firefox1.5的环境。 交互流程 登录——搜索门票——预订门票—&m ... ...
-
简化翻页提升可用性 2009-03-12 20:24
最终效果如下图，右侧灰边看相对位置，版权所有谨防假冒： 去年曾针对有时间先后的翻页记录了思考片段。之后没来得及调整一直是默认和插件并用，虽然难看但似乎可用性还凑合，没空所以没改。今天给WP-PageNavi升级偶然看了看结构代码，发现还算比较灵活，于是花了点时间尝试调整。 感觉用户对wordpress默认的翻页并不是很排斥，但个人认为wp-pagenavi默认的效 ... ...
-
移动应用表单设计秘籍 2012-04-16 10:42
一直想写一篇文章，关于移动应用表单设计的，可惜最近项目很忙，忙到没有时间打理博客。最近体验产品的时候，经常看到错误的的表单设计，要么信息混乱，要么步骤繁复、要么语言程序化，要么视觉焦点跳跃，要么校验顺序混乱，要么反馈不及时，如此种种的问题，让我很想认真的总结一下，思考一下，为移动应用的表单设计，提供一些个人力所能及的建议，希望更多地设计师能认真思考移动应用表单的特殊性，能最大限度的提升表单设计的体 ... ...
-
网站目錄（导航）設計问题：Digg v.s.... 2008-08-24 12:56
對於那些架構龐大、層次很深的網站，目錄的設計十分之重要。一旦設計得不好，很容易讓用戶有 lost 的感覺。要如何解決這個問題，小弟至今仍然沒有一個完美的解決方法。因此小弟比較幾個網站的目錄設計手法，並在此跟大家分享一下所得。 設計師常常會以顏色、字體、位置大小來突出當前被選中的選項。但對於多層次的網站，可能會有多過一個選項被選中的情況。雖然設計師可以同時突出多個 ... ...
-
向“任务完成”说再见 2009-03-06 11:02
Rachel Hinman 版权所有作者：Rachel Hinman译者：UCD翻译小组，孙亮；校对：杨远骋，Cloud Zhang，Angela Fan；原文地址：http://www.adaptivepath.com/blog/2009/01/18/say-goodbye-to-done/ 最近读到一份诺基亚研究中心公布的报告《用移动设备感知世界》，觉得很是有趣。正好最近在思考 ... ...
-
为什么说 Twhirl 的用户介面设计惨不忍睹 2009-04-23 17:41
Twhirl 是一个相当受欢迎的 Twitter 客户端，由于它是以 Adobe AIR 环境为基础写成，因此横跨 Windows、Mac OS X 和 Linux 几大平台，积累了不少用户数。但如同生活中的大多数事物一样，受欢迎程度与质量往往成反比。Twhirl 的用户介面设计的问题不是一般的多，这里我试举几例说明。 Twhirl 的主介面上有十九个按钮，其中十个的大小完全一致：16 x ... ...
-
关于豆瓣推荐，分享，Like 2009-01-14 01:43
一直觉得“推荐”这个词似乎也有问题，或者是我习惯“分享”这个词了？推荐的目的是什么？只能是好吧，但可能真正好到值得推荐的东西不多。 分享，可能是传播知识，比如一篇对自己可能是火星的文章，点分享，是觉得其虽简单但总是好的。 很少看到什么东西，让我想点推荐的。 中文真是博大精深，才需要连这种问题都研究。不同的词我对之有不同的 ... ...
-
深入了解评论模块 2011-09-17 16:49
之前写过一篇文章，了解产品之评论模块， 对电商中的各种评论模块进行了分析。有同学会说，从形式去观察一个模块有些浅显，可以从做更进一步的思考，从产品角度，探讨这些不同模式的由来或选取的原 因。不过产品设计层面上的探讨，还是与交互设计层面上的探讨有区别。产品设计会跟据用户、市场等多方面的因素，从宏观上对一个产品进行设计规划。就好像有 些评论模块有从质量、外观、性价比的细分评论，而有些没有。这里的 ... ...
-
别忘了导航 2008-07-27 16:49
很 多网站为了某个活动、节日什么的，经常都会做一个专题页面。这些页面往往都和网站其他的页面不同，不用那些循规蹈矩的布局，有漂亮的大块图片、甚至是声色 俱佳的Flash~ 这些页面，可能是从网站内部某个吸引人的地方，吸引你点入；也可能是某个软件的网站，从软件里链接出来的；也可能是和别的网站合作，从别处链接过来的…… 这样的页面的确都做得很吸引人，但也容易忽略一 ... ...
-
“Back to Top”有害页面健康？ 2008-12-05 15:14
http://img.ucdchina.com/upload/snap/2009-08/c274265ce4824919438058114c3d0dac.jpeg ... ...
-
畅想支付宝的缴费服务！ 2009-03-17 01:05
对于支付宝进入公共事业缴费的业务，我是百万分的欢迎！ 因为个人比较懒惰，对于缴纳电费、水费等服务，都是深恶痛绝的，哪怕是银行代缴。还是非常痛苦的管理不同的银行账户，定期要给银行打款，比如现在管理电话费、电费的农行，我用的还是存折，上周因为没有及时交钱，就被电力局关闭了家里的电源，这个抓狂啊。 支付宝让我看到了希望。尝试着去使用支付宝的水费缴纳，我遇到了一个困难： 缴纳 ... ...
-
WAP2.0网站分类及其架构浅析 2010-07-20 09:56
一、WAP 2.0 简介 所谓WAP（Wireless Application Protocol，无线通讯协议）是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 WAP1.0规定无线设备访问的页面是用WML语言编写的，而WAP2.0将XHTML-MP作为主要内容格式[2]。对比WAP1.0，WAP2.0的优势是更好地支持图形化界面 ... ...
-
忘记技术原理，关注用户心智 2012-05-08 12:47
浴室水龙头，有两种常见的设计。先说说A方案，如下图。有两个旋钮，一个控制热水的出水量，一个控制冷水的出水量。 从工程师的角度看，这个设计很自然，因为特定温度的水其实就是冷水和热水混合出来的，这就是其“技术原理”。 但实际上，这不好用，因为它不符合用户心智。用户心智中，水有两个维度：一个是水量，一个是温度，这两者是分离的。下面这个B方案，就是符合用户 ... ...
-
手机应用程序启动画面 2010-11-18 22:57
本文首发于MDchina，汇聚了一群热爱移动互联网的产品经理和设计师，也是一个专业的分享平台。 iPhone官方设计指南对于启动图片（launch images）描述中期望是开发人员能够尽量简化应用程序的启动过程，使用应用程序主页的背景图片作为启动图片，让程序能够快速启动，不过遵守这条建议的应用程序非常少。 在PC上，由于大型游戏和软件加载的时间比较长，启动画面应 ... ...
-
可访问性 - 前端的使命(一) 2009-06-23 01:58
事情的缘由是，前两个礼拜打了个“飞的”去北京玩，见了一位在百度做前端的朋友。过去一年以来，这家伙就不停的在鼓动我去他们那个邪恶的公司。当然，见面之后就不能再当面称呼人家是邪恶的公司啦，所以我就找了个理由，说你们那个“百度盲道”做得太垃圾了。他当然就很虚心的问我为什么啦。所以我也只能很心虚的糊弄了几句，说回上海之后详细告诉他。 回来之后，就马上 ... ...
-
找茬：新版我的淘宝 2009-02-26 13:04
已买到的宝贝 昨天晚上才看到这个页面设计了。今天早上特地打开仔细看了看，作为一个淘宝的大买家（哈哈），第一眼看到这个页面。是心里一凉。 我说说我觉得存在的比较严重的问题： 首先宝贝列表部分的视觉上，我觉得存在严重的问题，当然我不是说用色的问题，而是区块的划分上面，绝对是一个妥协的设计，表格的表头栏、表格正文，没有从视觉上对齐的感觉，让我看东西很辛苦，更加奇怪的是 ... ...
-
从iPhone Tab Bar学到的… 2011-11-25 14:27
在过去的几年中，iPhone成功的使得Tab Bar标签栏导航方式在移动设备上流行起来。Apple将tab bar和其它许多的设计原则整合到了他们的人机交互指南(HIG)中——但有些疑问他们从来没有回答。在过去的几年中我一直从事交互与图形设计，在这篇文章中我将分享一些我的想法有关什么是该做的，什么是不该做的。 第一课：魔法数字是5 这对从事iPhon ... ...
-
用户体验的昨天，今天和明天 2009-03-26 16:23
Article copyright by Colleen JonesRachel DeFriend版权所有原作者： Rachel DeFriend；译者：UCD翻译小组，mocha原文地址：http://blogs.imediaconnection.com/BlogDetail.aspx?BlogID=393 我上篇文章提到过，早在远古时代就有体验设计了。从一开始，为了 ... ...
