主要内容
-
表单的重复输入项目应该设置为禁止粘贴 2009-04-22 21:46
先来看一个最近挖到的网站：http://www.picnik.com/，这个网站简单的来说就是一个在线的图片处理网站。它的注册表单是我见过的做的最棒的表单之一了，简约而不简单，流程简单清晰没有丝毫的多余内容，视觉上也让人很舒服。 初始表单就三行，Use ... ...
-
費茲定律Fitts’ Law與使用者介面設計 2010-04-13 23:39
之前在[HCI] 談人機介面設計與Usability 一文中提到了usability的概念，並用了Windows的開始鈕說明了在設計UI上容易忽略的陷阱。這篇文章我會繼續探討介面設計與usability，並以效率(Efficiency)與UI設計時最重要的定律之一費茲定律(Fitts’ Law)為重點。 設計軟體的操作介面並不難，但很多時候直覺的設計並不一定能達成想像中的目的。 ... ...
-
SNS FACEBOOK, 导航设计等等 １ 2008-09-13 11:48
中秋好。看了麦田，张劲松，白鸦讨论导航，我也很感兴趣。 当面对一个复杂事物的时候,我总希望先构造理解整个框架这样才能全面的理解他,而不是只是一个重点.这样才能给出判断.否则,说实话我不知道:社区信息架构设计的最佳设计这样的评价从何说起．依靠框架，也可以有讨论的基础和起点，不同层面的东西不会混淆。比如原则问题和技术问题和功能问题，最好能分开谈，却还知道互相的关系。 ... ...
-
拟订产品交互文本的要点 2007-06-22 23:29
经常发现一些软件产品的交互文本写得非常随意，一个产品里面既没有统一的格式，也没有相同的口径，有的地方甚至语意前后矛盾，就像一个不诚实的人在 到处说谎。这在粗糙的产品设计中是比较普遍的。和这样的产品交互，用户的感受可想而知了。要么不得要领，需要的信息没说明白，要么被硬性推销一些不需要的 信息。 不得不承认这个事实，产品交互还没有受到足够的重视，更不会有专人负责交互文本的拟订。很多时候，都 ... ...
-
关于bing的交互设计 2009-10-29 17:22
微软的bing 已经除了有一段时间了，之前玩了一下没有特别的感觉，但前两天，不小心发现bing 的视频搜索功能十分强大。于是好好的用了一下，发现bing 的交互设计做的很好玩，很是让人喜欢，不与其他网站的比较，单纯的说说个人的感觉。 1.首页 bing的首页很“花”，它花的很有意思，每天都是完全不同的一张照片，就像flickr，每次刷 ... ...
-
怎样避免落入千篇一律的饼干模子 2009-11-17 22:12
3天前的一个晚上，我和几位同事在宜家闲逛。意识中所有的商品名称价格都是写在类似图上左边的白色纸片上，客户可以通过纸片或者吊牌来了解商品信息和价格。而且名称＋描述＋价格的纸片和吊牌是整个商场都统一的，在我印象中，我一致认为这就是宜家的“规范”。 如图所示，上面的商品是一个抽屉垫，对于我这个不懂如何收拾空间的人来说，如果只是看到这个名字我是毫无概念的。很凑巧， ... ...
-
处理交互内容的用户界面模式 2011-03-15 19:23
网站和网页应用程序正在变得越来越富有交互性。网站上的内容比印刷的副本好处在于如果我们希望的话，我们可以让用户与它们交互。我们已经讨论过网站导航模式与及流行的网页内容表述模式。现在让我们探索一些我们有交互性网站内容的UI模式。 就地编辑 就地编辑对于Web应用来说是一种有价值的UI，它允许用户创建或编辑内容。就地编辑意思是用户可以就在当前页面内容所处的地方直接编辑该内容，而无须转到使用另一种 ... ...
-
淘宝留言板上的小细节 2008-11-03 20:59
西贝周末无事，在淘宝上买了几件衣服，由于多件可以支付一次运费，所以，想请店主给我尽快改改邮费款数…这样我好支付钱不是~ 先点击“发表留言”，ok，顺利 发表后… 不知道留言去哪里了，这时，我想着去留言板上找找就好了，谁知道，第一页并没有西贝的留言，那我去最后一页看看把，要不算一下时间，去中间找找？（由于第一页没有，意 ... ...
-
同是做网站，他们是怎么用词的？ 2010-06-21 19:20
不管经营什么事业，都应该花一些时间，从自己的同行身上学东西。 收集这些资料之前，本想给每篇文案写点评论的，但是在他们的词汇面前，感觉自己的思维很是苍白，还是大家自己欣赏吧。 来看看同是做网站的人群，除了炫目的技术，还用了哪些华丽的词汇： 赵清涛 与其他互动设计公司不同， 我們不炫耀技術，我们以孩童一样无知的心去研究浏览者感受, 砸破僵硬的定式思維，把種種技術忘掉！ 把技術藏 ... ...
-
信息门户网站中的交互设计(一) 2009-02-24 06:32
最近在忙着做几个项目，出了公司的视频站，还有Qcon会议主题网站，手里还有不少零碎的工作，一直想整理一下思路写在这里与其他同学分享，但还是那个老原因：时间太少。在做公司门户信息网站这类项目中我发现了很多的问题并从中得到了不少经验，下面分享一下。 在各大门户信息网站从Web1.0到Web2.0发展时期以来，交互设计其实一直伴随这些历史车轮的前进。在国外互联产品更注重质，而中国更注重 ... ...
-
我自己设计的改装版“我的淘宝”首页_首屏 2009-12-24 00:40
看到新的我的淘宝上去了，忍不住手痒，按照我自己喜欢的，在尽量少改动的情况下，做了一个改装版本，如下图： 图1:个人私下改装版本淘宝，不上市版本。哈哈 说说我的改装理念： 去掉了顶部通栏Banner Ads，作为买家，我觉得在这个位置非常的干扰我的视觉，把顶部菜单和下面的内容硬生生隔开了，我认为不舒服。作为广告产品经理，我认为通栏广告是应该逐步放弃的一种，一方面 ... ...
-
可访问性 - 前端的使命(三) 2009-06-27 21:27
其实这个系列还没写完，我看到已经被转载了。下次应该写个未完待续。 15. 忽略空白图片（Ignoring spacer images） 一定记得给图片加上alt属性，哪怕它为空。其原因是如果不写alt，有些阅读器会直接把它的文件名或URL读出来。 这让我想起小时候读过，说在发明数字0以前，人们都是用空位来表示的。这样就很不方便啊。所以alt=”"就相当于数字0这个伟 ... ...
-
三围不可手量 2009-06-25 21:55
网购服装时的尺码问题，原本以为只是对我有点困扰，后来看了数据才发现是普遍问题哦！ 首先说说服装品牌的网店会怎么做吧！逛了一圈儿，发现无外乎提供一个详细的尺码表，以及教你怎样测量（如下图）。 目前TB上的服饰卖家几乎也都会提供这么一些数据和丈量表。 但是问题在于： 可读性较差。表格都是大排枯燥的数字以及不少不太统一的专有名词（ ... ...
-
由淘宝改版想起的 2009-02-15 16:53
看图： 点文字链接“投诉”与投诉按钮，分别试试 注意那三个Tab 想起两件事情： 第一件：记得是06年淘宝在改版“我的淘宝”时，发起一个捉虫活动，让会员先试用新版并同时找茬，社区里是一片踊跃，我那时还没有从事这个行业，只能算淘宝的一个普通用 ... ...
-
良好网络广告体验的“FACT”法则 2010-08-02 19:25
广告，已经成为在线生活的一部分，当我们关注网站和产品的用户体验时，广告不应该被忽视。 说起广告，不少设计师会眉头一皱：多少次，自己在设计时一个作品时，对每一个细节都力求完美：风格、布局、用色、对比、平衡……结果产品上线后，旁边有一个大大的广告位，充满声光电效果的flash动画让人无“语”伦比。 说起广告，在跟用户面对面的 ... ...
-
导航设计与信息架构 2008-07-27 16:59
大部分时候我们讲导航，讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候，更多的去关注怎么与之交互，以及视觉上是怎么好看。但是导航，不仅仅局限于交互方式和视觉形式。 被狭义化的导航 回想一下我们是如何设计导航的？难道不正是根据内容、根据内容的结构去设计？最终，导航可能包含了三方面的功劳：交互设计、视觉设计，别忘了，还有信息架构。是信息架构决定了导航的设计。 信 ... ...
-
阿里输入框交互尝试、启发式评估及优化建议 2009-12-11 21:48
·设计目的： 1） 在不影响现有用户使用习惯的前提下，提升搜索输入流程的便利性； 2） 在有限的空间内，增强首页搜索操作的历史回溯能力，减少老用户的搜索操作成本，提高他们的搜索效率； 3） 对新用户的搜索引导更丰富，增加搜索的趣味性； ·设计方案草稿： ·主要流程 1） 进入页面，光标默认放置在输入框内，支持 ... ...
-
一切都是用户体验 2009-02-03 15:33
对我来说，更确切的说法是用户体验就是一切。任何事务的用户体验都可以被改进，如果已经做到了极致，那一定有另一种完全不同的东西可以替代目前的体验。一定有什么在阻碍着设计者提供更良好的用户体验------产品本身的流程、外观、性能，也许是CSS标准、PHP函数库，最棘手的问题是浏览器已经没法胜任，需要一个特立独行与众不同的浏览器，难道google也这么想，所以google做了chrome。还有好多好多问 ... ...
-
半途而废的用户心理认知模型与网站PV流量 2009-03-04 17:35
有一次，跟三个朋友一起喝酒，喝多了一点儿，头晕得厉害，起立去洗手间。 走了大概十五步，站立不稳了，看见一个穿着米黄色棉袄的后背……(故事开始了) 1.“我认为他是我一个桌子上吃饭的那个人，因为他俩都是 ... ...
-
Checkout产品设计：一步走还是四步走 2010-01-21 22:20
本文的图片和主要观点来自：A/B Test Case Study:Single Page vs. Multi-Step 作者是Linda Bustos、Janis Lanka，她们都来自Elastic Path Software 从文字标题上来看，作者原本的意图是介绍一个通过A/B测试来提高产品性能的案例（温哥华冬奥会官方特许商品购买网站），但大家实际留下的评论以及关注重点都被集 ... ...
