主要内容
-
分页还是加载，这是一个问题 2012-09-06 10:01
无论是在web页面还是手机应用，信息往往无法在一个页面全部展示，这就需要用到一些可以扩展页面信息的交互模式：分页（Pagination）和加载（Continuous Scrolling）。分页和加载都是非常常见的交互模式，我们每天都会遇到，也正是因为太常见，我们甚至感觉不到它们的存在，浏览到页面的底部时，看到分页就顺手点一下，自动加载了就继续阅读。但正是这小小的一点，也会带给用户很 ... ...
-
让阅读更流畅 2009-04-06 02:46
有价值的争论会带来思考，网站页面的宽度究竟如何设定？一个咖啡馆博客如何设计引起的争论。 用户的屏幕现在的屏幕趋势很可能会出现两极分化，一种是追求大屏幕，跟当初电视机一样，现在去中关村，24寸都成为主卖产品了。另一种趋势是小和便携，尺寸会越来越小，目前的上网本，大多还是保持了1024的宽度。以后，谁知道呢？显然，设计需要应需而变。 阅读宽度的尺寸和单位1 用百分比显然不利于各种分辨率的屏幕，这个 ... ...
-
叙词表 2011-06-13 13:08
说叙词表这个名词之前，我们先来看看下面这些日常见到的吧。 漫画人物表： 常见于漫画书开头部分，描述角色形象与对应名字，帮助读着搞清谁是谁。 摘自漫画《圣斗士星矢》——车田正美 世界杯小组赛分组表： 用于介绍世界杯小组赛各队分组情况，描述组名与球队的包含关系，让观众一目了然了解赛事。 西餐菜单： 点餐之前不看不行的东西，描述类别、菜名、所含 ... ...
-
可读性:优化文本长度 2011-12-01 22:50
Readability: the Optimal Line Length Baymard.com版权所有 作者：Christian Holst 译者：UCD翻译小组，波希米亚 原文地址： http://baymard.com/blog/line-length-readability 译者序：直接捞干的来了！ 提升文本可读性的关键之一，就是让每行文本承载合适的字数。这不仅仅是设计一 ... ...
-
城市的拼音输入 2010-07-19 16:10
网上预订机票和酒店，都要输入城市，各网站做的看似差不多，但也有些有趣的差异。 国内各航空公司的机票预订，在输入城市时，主要采取了关键词和下拉列表两种形式。 1. 输入关键词。有国航、东航、上航、南航、海航、山东航空等。关键词支持汉字、全拼/简拼。在简拼输入上，各家有所差异。假如，要输入“南京”，简拼方式，下面以依次输入字母“n”、“j ... ...
-
有一种交互风格叫唠叨～ 2007-05-19 10:25
妈妈她年轻的时候，讨厌唠叨话多的男人。 可是等到女儿也长到了讨厌唠叨男人的年龄时，妈妈却成了最爱唠叨的那个人～ 小时候，年轻的妈妈很时尚前卫，一点不唠叨，甚至有点cool，于是很多事物都要女儿自己去摸索： 结果，女儿恐惧新事物： 什么ID？ 第二个框又是干吗的？ 女儿犯了很多错误，终于搞清楚，原来饭前便后要洗手，不然会拉肚子。她学会了规则，养成 ... ...
-
交互设计实用指南系列 – 我们眼中的交互设计 2009-12-02 20:52
交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互 ... ...
-
HTML邮件的又一点思考 2009-04-29 00:33
要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。-_-!! 以前写过类似的[ 关于HTML邮件的总结 ]，最近又犯愁，就再唠叨几句。 简单的是：技术实现要求不是太高，只要做好xhtml页面就能使用邮件发送服务来发送。 难的是：如要做到兼容国内几乎所有邮箱，兼容Gmail，Yahoo mail，outlook等，却也有点难度。因为各大邮箱对cs ... ...
-
手机产品交互设计原则 2010-06-16 23:00
一、用户行为习惯信息收集 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。 在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有 ... ...
-
Android4.0界面设计指南之语言风格 2012-01-16 22:07
语言风格 当您为App选择单词的时候： 简短。简洁、简单、准群。如非绝对必要，一个句子不要超过30个字母（包括空格）。 简单。就假如您正在对一个聪明能干的家伙说话，但他不是很懂技术属于，并且英语不太好。用较短的词汇，动词以及通用的名词。 友好。压缩你的句子。使用第二人称（“你”）来和用户直接对话。如果你的句子读起来并不像是闲谈，那么你应该再想想怎么写。不要很突然 ... ...
-
设计一个好用的错误页面 2008-12-04 23:06
下面从一个非常简单的例子来说明如何设计一个好用的错误页面。例子是豆瓣网站的错误页面，首先我们看现在的豆瓣的错误页面，如下图所示，整个页面比较复杂，信息很多，包括了 1. “标题”说明错误信息。2. 具体的错误信息。3. 可能造成的原因。4. &nb ... ...
-
根据用户购买意愿设计购买流程 2010-04-26 13:17
前几天把用户的购买流程梳理了一下，我大致把用户在电子商务网站的购买意愿分为ABCD四个级别： A. 购买意愿非常强烈，可以马上结账付款； B. 购买意愿比较强烈，等待付款； C. 购买意愿一般，还在犹豫，但是希望对该商品进行标记，便于以后购买或者对比。 最后是D类，即完全没有购买欲望的类型。 首先看看Amazon对于ABC三类购买意愿的提供的购买流程设计。Amazon此设计是比较准确的。 ... ...
-
手机客户端交互适配设计之我见 2011-02-16 14:56
简摘：本文从手机平台、机型（触屏和键盘）及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则。 手机客户端软件虽只是手机中一个功能，但它却要比设计单款手机更为复杂。在设计单款、单系列手机时，需要考虑这款手机的软、硬件优势及不足，考虑其特性、其UI Style Guideline ，确定这些内容后，整个平台的UI也找到基础了。说起来，这至多是考虑某个系统、某个屏幕的特性而已 ... ...
-
宽屏不是用来阅读的 2009-04-05 15:25
首先得抛出个重要的前提观点，大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景，甚至包括服务类网站都如此。 曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以950或960px为标准。当时准则很简单，首页固定宽度，因为版面容易控制；内文页自适应宽度，因为可以让更大屏 ... ...
-
107个顶级在线零售网站的“加入购物车”按钮 2009-07-16 10:32
原文作者：Jason Billingsley原文链接：107 Add to Cart Buttons of the Top Online Retailers译者：gengrenjie “加入购物车”按钮非常小，但每个在线购物网站都离不开它。按钮上的文字通常直接呈现在长方形的按钮控件上，有时五彩缤纷的可点击元素会将产品和购物车相联系起来，并有延伸品牌的功效。因此在购物 ... ...
-
带页码的翻页体验与设计比较 2008-11-17 23:43
别看翻页就占那么点儿地方，它体现的是市场的策略、程序的算法和交互设计。我选择了 Amazon、Google、Flickr、新浪和淘宝这五个网站，体验他们的翻页设计。这几个站点应该还算有代表性，Amazon 是国外购物网站，Google 是搜索引擎，Flickr 是 Web 2.0 和 Yahoo 的代表，新浪是中国门户，淘宝是国内购物站点（同时还拥有优秀的设计团队）。 Amazo ... ...
-
每日设计三推 (五) 11.15-11.30 2009-11-30 21:32
从10月2日开始的“每日设计三推”计划。以web设计为主，兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的，但基本图像就可以说明一切，所以英语不好的同学也不用有负担。标签为#3dt 我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 。欢迎大家follow。 另外由于tinyurl类网站被 ... ...
-
个性化：从排序方式看用户心理 2009-04-09 17:32
Article copyright by Linda Bustos Linda Bustos 版权所有 作者：Linda Bustos 发表于2009年3月18日； 译者：UCD翻译小组， 萧小小 ； 校审：明月星光 原文地址：http://www.getelastic.com/personalization-and-sort-by/ 很多电子商务网站 ... ...
-
设计优秀的iPhone通知 2011-11-23 18:19
当应用需要提醒用户关注某件事情的时候，希望1.引起用户的关注;2.不使用户感到烦躁不安；3.不希望中断用户的操作；4.引领用户到达该去的地方；5.当用户需要的时候可以再次找到该提醒。这些要求看似简单，实则需要耗费一番的设计功夫。本篇文章，就要系统的分析一下iPhone上通知的设计。 一、通知的样式 （一）、视觉界面 iPhone系统自带的消息通知形式有两种，分别是Badge ... ...
-
生活中交互设计的小点滴 2009-06-10 13:34
“美的”牌的大厦扇，在顶端有一堆控制按扭，开关按扭和风挡按扭是集合在一个按扭上．风档有８档，当我开机然后想关机的情况下，如果没有遥控器，我需要要８下，即按完８档风才能关闭． 电饭锅如果在放完米１分钟后，如果无人启动煮饭功能，要是能自动煮饭多好．因为很多次我把米放进去却忘记按启动功能． 我之前的摩托罗拉手机设置闹钟的 ... ...
