主要内容
-
真链接提升可访问性 2009-07-16 10:25
前不久在在南航网站帮朋友订票，订票过程有惊无险过去了。为保险起见，我先在客票验证页查询确认已入座，并想把查询结果url直接贴在邮件里时，却发现验证结果url没变： http://sale.csair.com/ECS/products/QQSD/modules/order/checkTicket.jsp 于是，我以用户为中心的良好设想泡汤了，只好把查询url和电子票号发过去让朋友自己 ... ...
-
交互设计实用指南系列(2) –“有效性”之“... 2009-12-19 09:21
可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”，这不是和“有效性—用户的操作是有效的”重复了吗？其实，在交互设计实用指南中，“可及”是一 ... ...
-
交互设计实用指南系列(8)—深广度平衡 2010-02-01 21:13
相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。 图1 从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类，并且在视觉上做了一些划分，让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题：深广度平衡。 1. 什么是深广度？ 其实“深广度”本身并 ... ...
-
Letting Go of the Word... 2009-04-15 16:55
Chapter 5 编写的是信息，而非文档 1. 将较大的文档分解； 2. 优先考虑按“主题”形式呈现内容，而不是按“书本”的形式来呈现； ... ...
-
贴心的切换 减少重复操作 2012-05-22 21:43
常常在手机输入时，我下意识会先输入我想要的汉字，噼噼啪啪后才发现当前是英文输入法，于是我不得不删除这几个字母——切换回中文输入——重新输入。 这是一个典型的“切换导致重复操作”的例子。 切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作，通常用户为达到同一目的切换到不 ... ...
-
交互设计要先“知道” 2010-04-25 11:26
设计师要做正确的交互选择，去选择那些或高端的或低端的交互技术。 很重要的一点，就是你要知道什么是高端，什么是低端。 还是那句老话，现在能发明电灯的人，大家已经不会觉得他多牛，甚至还感觉有点傻。 这给设计师提出一个更高的要求，首先要“知道”。 去使用光怪陆离的产品，就成了一个交互设计师必要的工作。 去感受成功的产品和不成功的产品，感受它们为用户提供了什么好的、坏的和丑的 ... ...
-
基础控件和交互设计元素的层级 2010-11-10 23:56
今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等。 而组件,是通过合 ... ...
-
弹出窗口与切换页面的对比总结 2010-07-28 22:26
分享较早前的一个小总结，关于在选择弹出窗口还是选择切换页面来承载信息时，可用用来判断的几个角度，合适初学者来读。 1.弹出窗口与切换页面的区别 1） 操作的连贯性 弹出窗口的速度会比打开一个页面的速度要快，响应更及时一些，点击后可以比较快的得到操作的反馈，而切换页面则经常会让用户等待一段时间。 实例一：个人中心中，查看好友照片的操作： 之前查看照片的操作页 ... ...
-
list视图方式浅析 2008-12-15 16:28
最近对list设计感兴趣，今天说的是list视图方式的设计。感觉有些细节非常有意思，拿出来跟大家讨论。 首先我们来看下windows下文件夹管理的查看模式选择（xp为例）： 这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式，非常的人性化。除此之外经常用到word软件也提供多种视图选择。 示意图： 在互联网产品中，我们也可以看 ... ...
-
气势磅礴的架构 2011-01-28 15:46
给的主标题叫扯产品，写出来第一篇文章是循循善诱的导航设计，看完通篇也难以让人感到放心，离题了么不是，这要放高考作文得分准该放0分了，幸好已经远离高考了可以自主作文。挂的是羊头卖的是狗肉，跟中国足球一样感觉明明是职业球员去参赛，得的比分跟结果都是中学生球队的水准，陪人玩浪费时间不说还要被别人说哪来的小P孩，不好好学习来参加成人比赛。遂决定离题更近一步，紧紧围绕产品的周围展开，并从谈设计提高到谈架构， ... ...
-
网络图谱论”知乎“ 2011-07-04 20:07
引言：写这篇文章的初衷是为了让自己“读懂”知乎。知乎是一个颇有吸引力的产品，甚至一度转移了我对微博的兴趣，由此我更想搞清楚知乎背后的逻辑是什么，它是如何运作的。当然谈知乎很可能就是在谈Quora，可惜我还没用过Quora所以没有发言权，所以只能就知乎作一番分析。 一论：知乎是一种混合网络，由个人结点和知识结点两种结点构成 这种网络结构的成因是由于 ... ...
-
向Google学习打造灵动的web体验 2012-02-10 09:13
Google的设计一向以简单著称，让页面清爽优雅地呈现，一方面节省了页面载入的时间，减少用户的等待，另一方面也减少了用户在浏览页面时的分心。然而，在这简单的设计背后，并不是设计师偷懒，而是更加灵敏、细致、轻便的交互体验设计。Google+作为社交网络的又一力作， 在继承了公司著名的十大设计准则下，在如何更轻、更快速、更人性化方面有了很大的突破。本文主要以社交网络为例，分析总结出了六条让web体验更 ... ...
-
交互设计小贴士 2009-11-13 13:24
原文来自Matt Jones和Gary Marsden的《移动设备交互设计》P119 通过创建一个“备忘箱”或剪贴簿来存放你曾经尝试或在别处见过的东西，从而构建你自己的设计观点和方法的档案库。在里面加入一些摘自于杂志和研讨论文的图片、草图和剪辑。经常翻阅它，并反思一下从中你可以学到什么。同时，把你的个人资源与你的同事分享。 在一个设计项目中，保存你提出 ... ...
-
如何设计注册表单 2012-02-09 11:20
注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。菜鸟博主将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结： （以下内容偏向于B2B的网站） 一『注册的需求包括哪些』 注册的需求大概可以分为四个步骤：①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导 ... ...
-
大胆设计 2010-06-11 16:15
今天ifanr上有一篇《手势操作（自然用户界面）再探讨》，观点保守，论据不足。 Android的菜单确实难用，难以记住界面是否有菜单。Plam将菜单放置在状态栏的左边，保证了触摸屏也能使用菜单，但也有弊端。菜单放在界面左上角，宽28像素，难以点击。请拿出你的手机，右手去点击大屏幕的左上角。要么大拇指伸过去，要么其余四指抬起才能点到左上角，甚为别扭。 弹出的菜单通常要么是无关紧要的 ... ...
-
移动界面设计点滴(1) - 减少空间占用 2010-03-09 21:08
Mobile UI design tips——how to reduce needless space 与面向桌面电脑的网页设计不同,移动平台的设计中,屏幕空间是一个不可忽视的限制因素.设计需要符合移动平台用户的使用习惯,以最佳的状态呈现屏幕信息. 接下来以当前正在工作的UI做为sample,实战空间优化. 改进原则 去除不必要 ... ...
-
大写锁定提醒 2009-06-09 17:11
在用户登录windows操作系统的时候，如果触发到了登录表单的密码录入框上，并且此时按下了“大写锁定键(Caps Lock)”，那么界面上会有个提醒告知用户“大写锁定打开”。因为密码录入框被加密后，字符不会被显示出来，因此大小写敏感的密码容易输错，并且不易察觉。 这个设计很好，我想当年肯定是设计师被投诉N次后的改动，一直沿用 ... ...
-
获得焦点再显示 2009-04-21 03:58
在facebook最近一次改版中，明显的增加了在feed本身上的交互操作，而最值得借鉴的就是feed上回复框的处理方式。 默认只有一条回复框，回复框中用灰色字体显示”留下评论….”,当单击以后，回复获得焦点的同时整个区域变大，显示出完整的回复框。 之所以说这个设计非常赞就是因为解决了两个问题： 1、降低了输入框对feed的干扰：如果要 ... ...
-
给网站布置一个明晰的“关于”页面 2010-06-25 17:53
所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的 时间浏览你的网站。 一、为什么要有“关于”页面 不要让用户思考！ 1、向浏览者传达本站的价值，留住用户 2、始终提醒自己站点的主旨，不要跑题 二、起什么名 &ld ... ...
-
细节，无微不至 2009-06-13 06:24
今天上facebook发现了一个小错误，好吧，说我是细节控也可以，看图说话： 用openID登录的对话框，注意左下方的“登陆”错别字。关于“登陆”还是“登录”这个问题早就有争议的结果，为什么非死不可会犯这种低级错误？ 反面说开去，今天闲逛时，发现一个叫wibiya地网站，在网站上方的导航栏默认显示10 ... ...
