主要内容
-
界面设计中的相对时间表示法 2009-04-13 15:48
我所居住的小区中竖着一块电子显示屏，上面会轮番显示一些信息，其中的一项是天气预报。例如某天看到的天气预报的文字显示是这样的： 2月13号 10度～20度 2月14号 11度～21度 2月15号 15度～26度 这里有一个小小的可以改进之处：现代社会的人们忙忙碌碌，甚至在很多时候突然之间都不知道今天是几月几号。不信，你立刻问问自己，或身边的朋友，看他们能 ... ...
-
list视图方式浅析 2008-12-15 16:28
最近对list设计感兴趣，今天说的是list视图方式的设计。感觉有些细节非常有意思，拿出来跟大家讨论。 首先我们来看下windows下文件夹管理的查看模式选择（xp为例）： 这个功能带给用户更多个性化和便捷的选择。比如我选择的是图片文件夹。系统这时候自动新增加了幻灯片查看模式，非常的人性化。除此之外经常用到word软件也提供多种视图选择。 示意图： 在互联网产品中，我们也可以看 ... ...
-
设计稿标注首屏线的确定始末 2011-03-25 10:53
这是内部的一个邮件记录，分享出来听下业内同行的声音。 事情是这样的.. == 先是 A 推荐了白鸦的推到内部群： “设计师们一定要养成一个习惯：无论是原型设计还是视觉设计，一定要标注一下首屏线，明确首屏需要、可以显示到哪里。” == 然后，B 觉得这点子不错，根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览 ... ...
-
移动界面设计点滴(1) - 减少空间占用 2010-03-09 21:08
Mobile UI design tips——how to reduce needless space 与面向桌面电脑的网页设计不同,移动平台的设计中,屏幕空间是一个不可忽视的限制因素.设计需要符合移动平台用户的使用习惯,以最佳的状态呈现屏幕信息. 接下来以当前正在工作的UI做为sample,实战空间优化. 改进原则 去除不必要 ... ...
-
me.com注册时的字符长度 2008-08-20 11:46
上图来自me.com的注册界面。 关于输入框的字符长度问题，me.com是这样设计的: 1、提示了最多32个字符。超过32后，你会发现输入不进去 2、在选择月份的时候，月份后面给了阿拉伯数字，便于识别 3、任何一个动作你都能得到反馈，任何一个状态你都能看到提示 . 如此细致的体验，你能做到么？ 我开始相信apple能做好me.com，能够做好互联网应用。 提问： 假设，字 ... ...
-
真链接提升可访问性 2009-07-16 10:25
前不久在在南航网站帮朋友订票，订票过程有惊无险过去了。为保险起见，我先在客票验证页查询确认已入座，并想把查询结果url直接贴在邮件里时，却发现验证结果url没变： http://sale.csair.com/ECS/products/QQSD/modules/order/checkTicket.jsp 于是，我以用户为中心的良好设想泡汤了，只好把查询url和电子票号发过去让朋友自己 ... ...
-
设计高效的faq页面（译） 2011-06-05 08:37
原文链接 这阵子没有精力完整翻译和发到译言（ 现下正渐入状态，预计写博客量会逐步提升回来），简短做一个概要翻译，为近期工作需要做一个参考。 其中提到，维护良好的faq能令用户有参与感，很有体会，当寻找一个问题，赫然发现在置顶常见第一条的时候，有一种强烈的“找到组织”的感觉。 不过，faq还有一种挑战这里没提到，在充分收集到最常提 ... ...
-
Letting Go of the Word... 2009-04-15 16:55
Chapter 5 编写的是信息，而非文档 1. 将较大的文档分解； 2. 优先考虑按“主题”形式呈现内容，而不是按“书本”的形式来呈现； ... ...
-
交互模式应用(3) : Carousel 2011-07-11 22:19
图片作为描述有形事物的一种方式，不但能直接传达视觉信息，包括几何特征、形态、位置大小和色彩等，还能传递内在信息，比如意图、要求、风格、性格和计划等。现代设计中，图形的表现力一直远超其他表现形式，因此得到大多数设计师的青睐。A picture is more than thousands of words, 如何利用图片进行创作理念表达和思维传递成为设计工作中的重点之一。 在交互设计中，如何 ... ...
-
淘宝又改版了，发现点小问题 2008-12-31 12:51
我只注意到两个方面，一个是搜索框改变，一个是用户注册引导区的改变。嘿嘿，发现改的和自己之前想的有些形似，有点小自豪，哈哈。 俺收集的早期搜索框一： 俺收集的早期搜索框二： 俺收集的早期搜索框三： 后来我猜测淘宝今后的发展路线： 现在： 嘿嘿，有一 ... ...
-
浅议手机客户端设计:(七)谈谈快捷键 2009-06-02 15:35
一、前言 快捷键基本是PC软件中必备的一项功能，在Web设计中随着Google系(Gmail、Google Reader等)软件对快捷键的推行，也逐步开始兴起。 在手机客户端设计中，受限于手机本身操作途径有限、屏幕有限、交互方式有限等，且整体性质更加类似于PC软件，因此快捷键也是由来已久，本文盆地权且从自己 ... ...
-
在线应用窗口一致化分析 2011-02-10 22:08
虽说互联网的革命总觉得势不可挡，大家都期待着，某一天，只需要一个浏览器，就可以完成平常用客户端才能完成的任务。虽然，HTML5与Chrome一度让我们看到浏览器代替操作系统的希望（via 1，2，3，4，5），但目前来看，用户同时保持两种平台的使用的状况，要持续很长一段时间。 想让用户无缝地从客户端应用转移到在线应用，我们还面临很多问题。 从逻辑上说，在线应用属于操作系统中浏览器客 ... ...
-
向Google学习打造灵动的web体验 2012-02-10 09:13
Google的设计一向以简单著称，让页面清爽优雅地呈现，一方面节省了页面载入的时间，减少用户的等待，另一方面也减少了用户在浏览页面时的分心。然而，在这简单的设计背后，并不是设计师偷懒，而是更加灵敏、细致、轻便的交互体验设计。Google+作为社交网络的又一力作， 在继承了公司著名的十大设计准则下，在如何更轻、更快速、更人性化方面有了很大的突破。本文主要以社交网络为例，分析总结出了六条让web体验更 ... ...
-
弹出窗口与切换页面的对比总结 2010-07-28 22:26
分享较早前的一个小总结，关于在选择弹出窗口还是选择切换页面来承载信息时，可用用来判断的几个角度，合适初学者来读。 1.弹出窗口与切换页面的区别 1） 操作的连贯性 弹出窗口的速度会比打开一个页面的速度要快，响应更及时一些，点击后可以比较快的得到操作的反馈，而切换页面则经常会让用户等待一段时间。 实例一：个人中心中，查看好友照片的操作： 之前查看照片的操作页 ... ...
-
如何设计注册表单 2012-02-09 11:20
注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。菜鸟博主将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结： （以下内容偏向于B2B的网站） 一『注册的需求包括哪些』 注册的需求大概可以分为四个步骤：①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导 ... ...
-
获得焦点再显示 2009-04-21 03:58
在facebook最近一次改版中，明显的增加了在feed本身上的交互操作，而最值得借鉴的就是feed上回复框的处理方式。 默认只有一条回复框，回复框中用灰色字体显示”留下评论….”,当单击以后，回复获得焦点的同时整个区域变大，显示出完整的回复框。 之所以说这个设计非常赞就是因为解决了两个问题： 1、降低了输入框对feed的干扰：如果要 ... ...
-
找茬：支付宝即时到账交易确认付款页面的交互设计 2009-12-26 14:04
因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。 在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬： 看上图，上面的1，2 ... ...
-
Letting Go of the Word... 2009-04-08 13:56
今天开始阅读《Letting Go of the Words: Writing Web Content that Works》。感谢白鸦~ Chapter 1 内容！内容！内容！ 人们是冲 ... ...
-
交互设计要先“知道” 2010-04-25 11:26
设计师要做正确的交互选择，去选择那些或高端的或低端的交互技术。 很重要的一点，就是你要知道什么是高端，什么是低端。 还是那句老话，现在能发明电灯的人，大家已经不会觉得他多牛，甚至还感觉有点傻。 这给设计师提出一个更高的要求，首先要“知道”。 去使用光怪陆离的产品，就成了一个交互设计师必要的工作。 去感受成功的产品和不成功的产品，感受它们为用户提供了什么好的、坏的和丑的 ... ...
-
基础控件和交互设计元素的层级 2010-11-10 23:56
今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等。 而组件,是通过合 ... ...
