主要内容
-
从移动短消息看产品设计 2011-04-01 21:27
今日收到移动短消息，内容如下： 尊敬的动感地带客户，截至3月10日，您的客户M值为947分。PC登录jf.10086.cn或手机登陆wap.jf.10086.cn畅享积分商城“99积分超值抢兑”活动；3月31日前每天下午15：00特价礼品99M值抢兑，特惠礼品数量有限，先兑先得！ 这条短消息要想表达的意思清楚——来抢东西，把M值都用掉 ... ...
-
理解响应网页设计元素 2011-04-01 10:20
响应网页设计目前在网页设计中无疑是一个热门话题。从某种程度上来说，响应网页设计概念的普及是非常应该的，因为用户以越来越多样化的方式访问网站。iPad，iPhone，Android移动设备，桌面，笔记本——现在我们的网页设计必须在众多方式下使用。 让我们来了解响应网页设计的含意和原则。 响应网页设计的关键特征 认为网页设计是“响应”的 ... ...
-
不同平台下菜单的交互设计探析 2011-03-31 10:05
菜单的交互类型： 平行结构 线性结构（菜单层级沿x、y任一轴向平行展开。） 纵深结构（菜单层级沿z轴纵深递进，一个界面只显示一个菜单层级。） 十字结构 菜单使用x、y、z任意两轴向结合 十字、纵深结合 使用十字结构展现主要层级，其他菜单层级进行纵向展现。 各平台分析： PC平台： P ... ...
-
再谈人机交互中的设计隐喻 2011-03-28 18:31
上篇文章《人机交互中的设计隐喻－由Mac的文件替换引出来的话题》发出来以后收到了各种各样的反馈，我索性再写一篇续文，算是集中答复吧。 用户习惯 在所有的反馈中，“用户觉得Windows的做法更好用，所以理应这样设计”的说法可谓最多。那么我们就来看一下，为什么有人会觉得Windows的做法更“好用”。 我们来看两个例子。 ... ...
-
令人纠结的表单设计——水平选项 Or 垂直选... 2011-03-27 08:58
在Luke Wroblewski的《Web 表单设计：点石成金的艺术》中，提到了一些非常有用的表单设计原则。 其中我最感兴趣的部分是水平选项（tab）与垂直选项（tab）的对比。 水平tab： 水平tab指的是把选项tab水平放置在面板上方。不仅显示了一组初始选项，而且还具有强调当前所处tab的强大指示作用（注：下图中，不同tab之间是互斥的关系，提交按钮在tab ... ...
-
设计稿标注首屏线的确定始末 2011-03-25 10:53
这是内部的一个邮件记录，分享出来听下业内同行的声音。 事情是这样的.. == 先是 A 推荐了白鸦的推到内部群： “设计师们一定要养成一个习惯：无论是原型设计还是视觉设计，一定要标注一下首屏线，明确首屏需要、可以显示到哪里。” == 然后，B 觉得这点子不错，根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览 ... ...
-
banner广告条设计的经验分享 2011-03-23 22:47
banner广告又叫旗帜广告，在几乎所有的网站中都能见到，也是目前最常用的一种网站广告形式。不过对于banner的设计相关文章并不多，其实在这种横幅banner中设计的好坏对于广告效果的影响是很大的，本文将介绍几种总结出的banner设计经验 本文来源：http://www.tutu001.com 1，banner广告在网页中的第一感觉：对于网站广告条的目的就是吸引用 ... ...
-
触屏网页设计初探 (二) 2011-03-22 17:36
触屏版网页应用，实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质，可算初步达标。在设计过程中需不断打磨细节，提升体验，令设计日臻完美。下篇将结合案例讲述其中的故事。 >>提升体验的细节 让消息更随手 翻页大讨论 重要数字了然于胸 关于软键盘 ... ...
-
拖放三部曲——从“把大象放进冰箱”说起 2011-03-22 00:01
开篇呈上赵本山和宋丹丹的小品笑话： 要把大象放进冰箱总共分几步？ 把大象塞进冰箱要3步：1 把冰箱门打开；2 把大象装进去；3 把冰箱门带上。 这虽是一则脑筋急转弯的笑话，但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤。 1. 虚实结合的世界 随着信息化时代的到来，我们的生活不仅局限于可触摸的自然环境，而且 ... ...
-
小屏幕，大世界;“Next”背后的秘密 2011-03-18 12:52
翻页控件在很多手机端产品中属于容易被忽视但又不可或缺的一部分，今天就手机端产品翻页控件的分类和使用谈谈自己一些粗浅的看法。 在手机端产品中，翻页控件的展示形式五花八门；以所展示信息内容的性质和用户的使用情境作为维度划分的话，大致可以分为这样几个类型： A：时效类翻页控件 产品所展示的信息在“时效性”“关联度”“内 ... ...
-
浅谈用户信息搜索行为(一) 2011-03-17 10:53
最近在改进网站的搜索系统，不少用户在使用网站的搜索功能时，有些信息无法精确匹配，甚至错误匹配，如某用户想搜索黄山宏村的景点信息，他在搜索框中输入了宏村一词，搜索结果中却呈现了景德镇瑶里古村。出现搜索不匹配 有很多种原因，包括用 ... ...
-
处理交互内容的用户界面模式 2011-03-15 19:23
网站和网页应用程序正在变得越来越富有交互性。网站上的内容比印刷的副本好处在于如果我们希望的话，我们可以让用户与它们交互。我们已经讨论过网站导航模式与及流行的网页内容表述模式。现在让我们探索一些我们有交互性网站内容的UI模式。 就地编辑 就地编辑对于Web应用来说是一种有价值的UI，它允许用户创建或编辑内容。就地编辑意思是用户可以就在当前页面内容所处的地方直接编辑该内容，而无须转到使用另一种 ... ...
-
让产品更会讲话 2011-03-12 18:12
最近几个月开始把很多注意力集中到移动互联网产品，才发现自己就快OUT了。好多新奇、好玩和实用的应用出现在手机上，看得我眼花缭乱、欣喜若狂。几乎每天都会找新的应用来体验，然后删掉做得最差的。通常情况下不管这款应用对于我个人来说是否有用途，只要产品本身做得不糟糕我都会留下，以至于手里这款才买3个月不到的安卓手机里面就装有近百款应用。 偶然一次机会某款应用的提示窗口引起了我的注意，我发现很多产 ... ...
-
关于注册时输入密码的那点事儿 2011-03-10 21:47
在微博上看到和菜头爆料关于淘宝2012的彩蛋，好奇试了。首先彩蛋确实是有的，同时也发现这个十分有趣和值得思考的问题。ps.此篇博客仅是本着对问题本身的兴趣。你懂的。 为什么只输一次密码？ 话说确实有很多国外的网站已经这么做了。目的是为了降低注册成本，优化用户体验，可以减少用户点击和输入的成本(真的是这样吗?)。最重要的是，相信他们一定有足够的数据证明他们的受众用户确实不需要再次确认密码 ... ...
-
客户端交互设计适配之——屏幕大小 2011-03-05 11:44
随着各个手机操作系统的应用平台的上线，几乎所有的互联网应用都在往手机上迁移。然而手机与PC 不一样，PC经过了多年的发展，在设计上形成了很多不成文的规则，如网页的宽度都在960px左右【当然，由于整体的电脑屏幕往大尺寸及高分辨发展，除了背景宽屏自适应外，不少网页也正朝着更宽的方向上发展】。当前的手机种类繁多，手机屏幕的大小、比例各异，并且手机的屏幕本身就小，因此既要考虑应用在不同屏幕大小上的适 ... ...
-
从移动设备的阅读体验谈起 2011-03-03 18:04
出于获取最新咨询、学习知识和消遣时间等目的，阅读一直是用户的基本需求。传统纸媒体时代，用户阅读对象局限于书籍、杂志和报纸；电脑进入互联网时代后，Web1.0增加了门户和论坛，Web2.0增加了博客、社区和微博。内容和终端的不同，阅读体验也会随之改变，那什么是移动设备的最佳阅读体验呢？ 内容来源 @李开复：顾客要买的其实不是某个产品，而是他们需要运用一个产品来完成某件任务或解决某个问题。 ... ...
-
信息设计中的图形设计原则 2011-03-02 00:08
在当今纷繁复杂的世界，设计形式也是百花齐放，什么设计才是最容易被用户接受，并且能很好的给用户带来他们需要的信息，这是值得我们探讨的。 信息设计的定义 信息设计顾名思义就是用于信息交流的设计，如果我们把“信息”这个词语拿出来单独来解释的话，首先“信息”这个词语由来已久，它是人类文明赖以发展的基础，可以说人类所有的知识和故事都是信 ... ...
-
利用人物角色来做信息架构 2011-02-28 19:43
信息架构归根究底的目的是让用户快速找到想要的信息内容，无论导航、类目，还是搜索都只是用户选择的方式。但面对庞大的内容和纷繁复杂的操作，网站信息究竟如何组织才能让用户顺利完成任务？这就涉及到信息架构（IA）。信息架构听起来似乎是个很复杂的活儿，让人无从下手。这里有种超简便的方法，利用任务角色（persona）帮助我们轻松掌握架构。 这种方法被称作概念模型法，也叫概念地图。个人觉得在初期，头脑 ... ...
-
网站导航设计模式指南 2011-02-28 11:20
在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式，可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式，我们将讨论它的一般特征，它的缺点，以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单，且最通常地放在网站所有页面的网站 ... ...
-
操作设计要素 2011-02-27 11:58
之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息，我们先简单回顾一下：要设计一个软件系统的操作，除了认清系统的状态以及对应的要素以外，还需要分析操作功能本身。提供给用户这些功能按钮时，还需要同时告知用户哪些信息？ 我们在日常的生活中，需要下决定的时候往往都会要知道什么呢？比如：当银行的业务员向我推荐他家的信用卡时，我需要了解哪些信息后才 ... ...
