主要内容
-
首页设计的可用性和PET 2011-02-17 11:06
网站的首页是一个让人头疼的东西。有时它看起来很简单：首页就是网站内容的整合，一个产品经理随便从网站里拿点东西出来，就能堆出一个看上去靠谱的首页。也正因此，它往往非常麻烦：很多人都可以发表自己的见解，而这时交互设计师的一些手段（比如流程图、概念图等），在面对首页设计时也难派上用场，以致最终陷入到无尽的争执中。所以，本文希望寻找一些实用的方法一定程度上帮助设计师来决策，也让大家在争执过程也有 ... ...
-
为何找错了地方？ 2008-07-26 23:41
前段日子坐公交车上班，根据现实中对公交刷卡器使用场景的体会和观察，刷卡机的位置和样式让我思考了一阵子。下面咱们来看几个关于我和公交刷卡器的故事。 场景1–好疑惑呀！原来这个不是刷卡机！ 北京公交基本都是前门上车，后门下车，假设不这样，上车的人会把下车的人挤得下不来。某日我下班等车，随着涌动的人群，我从前门拥挤着上车，第一反 应是刷卡，抬头见右手边有个盒子，想都没想 ... ...
-
博客导航的用户体验 2009-05-02 00:41
看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航？”的文章，在Google Reader里做备注，发现要写的东西过多了，于是结合一下我的博客导航部分设计的思路和SEO，放在这里作为一篇日志。 我的博客的导航的内容主要分为以下几种：博客分类导航（即放在页面顶部或者左侧/右侧的导航）、标题、翻页/分页导航、其他导航（文章内链接、关键字、友情链接、文 ... ...
-
大额商品的下单流程 2009-06-16 23:28
对于大部分的电子商务网站，产品设计师都会把购物车定位为一个必要的购物流程。甚至视这个购物流程不可或缺，但是真的这么不可或缺吗？ 在互联网上，当一个浏览者还没有成为一个用户的时候，任何的负面行为都是阻止其产生购买的设计，但是这个负面的交互是不是在以后会产生的正面的购买，是网站在设计购物流程的时候需要考虑的问题。 对于常常需要重复购买的网站，设计购物车，必须是会员才能购买都是有利的 ... ...
-
什么样的图标更具有可用性？ 2007-05-10 23:45
作为WIMP(Window/Icon/Menu/Pointing Device)界面的关键部分，图标在人机交互设计中无所不在。随着人们对审美、时尚、趣味的不断追求，图标设计也不断花样翻新，越来越多精美、新颖、富有创造力和想像力的图标充斥着我们的视界。可是，从可用性的角度讲，并不是越花哨的图标越被用户所接受，图标的可用性要回到它的基本功用去思考。图标的功用在于建立起计算机世界与真实世界的一种隐喻，或 ... ...
-
音乐播放App的分析与重设计 2012-05-17 13:55
一直对无线交互很感兴趣，这次就来练练手~ 本次分析评测基于iOS平台，选取了两款有代表性的音乐播放器，QQ音乐和豆瓣FM。由于这两款产品在web端就有着庞大的用户基础，有一定的用户粘性，手机端是web端的延伸，目标用户、信息架构、核心体验等等也都继承了web端的鲜明风格。这两款产品可以代两类表定位不同的音乐播放器。一种是大而全的，功能全面，可满足用户管理本地音乐、同步其他设备音乐 ... ...
-
互联网产品交互事件分析 2009-09-27 21:12
挖坟 交互设计（Interaction Design）产生于二十世纪八十年代，在1984年一次设计会议上，大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念，作为一门关注交互体验的新学科而存在并发展到今天，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cab ... ...
-
文本达意和可用性 2008-07-26 23:17
在文本的设计中，我们通常关注的是文字的排版，如何排版才能让我们的文字看起来更美观，更容易阅读；然而，文字本身所表达的意思与此同等重要，因为我们把排版做好的根本意义还是要用户更容易读明白所表达的内容。 一、下面我们就设计中的几点，通俗的讨论一下这块的重要性。文本在软件设计随处可见，例如：标题、按钮上的文字、信息反馈文本、导航等等。 标题主要告诉我们当前界面的主题，比如：从我们的w ... ...
-
path 2.0的华丽转身 2011-12-27 18:32
path2.0惊艳了很多人吧。敢于拒绝google一亿美金的收购，果然有留一手：） 她的创始人Dave Morin说新版不久就已经超过150万人下载，而老版一年才突破了100万关口。用户一天内在新版分享的内容超过老版一年的内容。 path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于界面设计和体验上的不俗表现： 1、产品定位的转变引发UI设计的调整 path1.0的 ... ...
-
细节决定成败,总结项目中的交互设计 2009-06-22 10:07
总结一下这次项目设计过程中的交互,（因为项目没上线，所以不能透漏项目的名称）虽然某些上线前实现不了。 1:使可点击的元素看起来都是可点击的. 对象本身的静态视觉启示: 全站统一的链接颜色,链接颜色与普通文字的颜色要有明显的区别; 按扭有立体效果,看起来像按扭; ... ...
-
（全局）导航和其它 2008-07-31 23:53
1） 导航和文字的关系； 英文中的review and comment 其实是有差异的，所以有的网站"用户评论"部分叫review——www.shoping.com，有的则称为comment——avc.blogs.com。 ... ...
-
排序与检索 2008-07-27 17:34
排序是个很泛的概念，而且根据被排序的数据量排序方法和侧重又有很大的不同。因此一直没想到从何着手。今天把玩iphone的时候突然又想到这个问题，于是挑了个简单的路线来说说。我们从排序的目的来开扯。 个人认为，排序的目的是方便检索（浏览） 个人认为，排序是为了方便用户浏览（被排序的）数据，当用户浏览数据时就有了让数据有序排列的需求。于是才有排序。 在数据量较少时（一般在20组以内，如电梯按 ... ...
-
支付宝在非淘宝网站上的典型问题 2009-04-19 20:06
在网络上随便逛，看到卖Parke钢笔的广告，进去，顺便走了一下流程，不经意看到“支付宝购买”，于是有下面的截图和思考： 商品入口 看到支付宝购买入口了 毫不犹豫的选了支付宝购买，但是.. 我觉得问题就在这个地方，当我作为一个支付宝的用户选择了使用支付宝购买后，进入到得居然是这样一个页面，一个让我作为支付宝用户进来 ... ...
-
小屏幕移动设备网页设计注意事项 2010-11-30 00:10
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。 原因是这类网页起源于一个叫WAP的无线协议。 WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问 ... ...
-
邮件的排序与翻页 2008-11-05 13:10
先看看国内邮箱的情况，几乎是清一色地使用“上一封”、“下一封”的描述方式。 图中网易vip邮箱，上一封下一封的点击是按收件箱的信件列表的排序决定。 点击上一封，回到我之前阅读的邮件，这使我很明确“上一封”就是按收件箱排序，表示被排在当前阅读的信件的上面的。 再来看看gmail： ... ...
-
使用Title提升可访问性 2009-04-02 10:44
最早大家都没有给链接加title的习惯，后来因为w3c标准普及，又集体加上了title。从一个极端走到另个极端，于是出现很多怪异现象。两方面，第一a标签内title不是必须使用，第二title可以用在除了base, basefont, head, html, meta, param, script和title之外的所有标签。 抛开标签语义、搜索引擎友好等因素，在纯用户角度找几个场景来分析。 ... ...
-
跟推广专题页面有关de那些事儿（二） 2010-09-28 14:17
这次主要拿我们最常接触的“推广页面”来举例。推广页面第一屏就是给用户的肆意印象，一定要抓住用户的心。这就是为什么当我们在做一个页面的时候需求方不停的在强调要热闹，字要大。其实他们想说的是这个页面的视觉要有冲击力，重点的地方应该用抓住眼球的设计元素。现在用户见多识广，什么包邮/免费/搬家/限量这样的词都不足以吸引他们。只有把握住用户的需求点，才有看下的动力 ... ...
-
鼠标悬停的交互 2009-03-03 18:19
在当当找以前买的书的时候遇到了这个东西：(当当网)“我的书架”中的“阅读进度-修改”当当是用MouseOver展开的菜单。让我感觉有点突然，又说不出哪里有什么问题。所以我决定综合我所了解的各种情况来研究一下这个MouseOver的问题。 一、鼠标悬停在界面设计中的用途 触发事件。减少点击操作，更便利的人机交互，如前面当当的&ldqu ... ...
-
对“虾米网”的几点质疑 2008-11-27 23:57
这几天陆续看到有虾米网的报道和评论出来，我也没有仔细看过，大概知道这个网站是做音乐方面的网站，而且得到一些大牛们的赞扬。不过，通过我时间不长（大概就这两天吧）的体验，还是发现了一些问题。优点我就不多说了，在这里仅仅提出我的几点质疑。 一、流程设计不合理 参考页面：http://www.xiami.com/artist/23424 ... ...
-
改进评论提交表单 2009-03-05 09:23
Dmitry这篇设计评论表单很有启发意义，尤其提到关键的评论内容、评论者信息录入顺序问题。好比我们在日常沟通时，对信息的反馈都是第一诉求，写信、写邮件、甚至写文章署名都是这步骤。于是，看完文章我便毫不犹豫的把blog评论改了过来。 但我不认为他文中提到的后两个例子是最好方案，都还有可优化空间。沿视线对齐调整完顺序之后，还处理了padding, font, label, tabindex等遗 ... ...
