主要内容
-
城市的拼音输入 2010-07-19 16:10
网上预订机票和酒店，都要输入城市，各网站做的看似差不多，但也有些有趣的差异。 国内各航空公司的机票预订，在输入城市时，主要采取了关键词和下拉列表两种形式。 1. 输入关键词。有国航、东航、上航、南航、海航、山东航空等。关键词支持汉字、全拼/简拼。在简拼输入上，各家有所差异。假如，要输入“南京”，简拼方式，下面以依次输入字母“n”、“j ... ...
-
叙词表 2011-06-13 13:08
说叙词表这个名词之前，我们先来看看下面这些日常见到的吧。 漫画人物表： 常见于漫画书开头部分，描述角色形象与对应名字，帮助读着搞清谁是谁。 摘自漫画《圣斗士星矢》——车田正美 世界杯小组赛分组表： 用于介绍世界杯小组赛各队分组情况，描述组名与球队的包含关系，让观众一目了然了解赛事。 西餐菜单： 点餐之前不看不行的东西，描述类别、菜名、所含 ... ...
-
有一种交互风格叫唠叨～ 2007-05-19 10:25
妈妈她年轻的时候，讨厌唠叨话多的男人。 可是等到女儿也长到了讨厌唠叨男人的年龄时，妈妈却成了最爱唠叨的那个人～ 小时候，年轻的妈妈很时尚前卫，一点不唠叨，甚至有点cool，于是很多事物都要女儿自己去摸索： 结果，女儿恐惧新事物： 什么ID？ 第二个框又是干吗的？ 女儿犯了很多错误，终于搞清楚，原来饭前便后要洗手，不然会拉肚子。她学会了规则，养成 ... ...
-
商品评论的设计：从《三狼啸月》到《三枪拍案惊... 2009-12-26 13:55
有幸代理主持UCDChina书友会12月份南京地区的线下交流讨论活动。 临时得到这方面的通知，转接kent.zhu标题为：《让评价故意走光》的PPT，略作整理不劳而获。 商品评价的重要性 如何引导用户评论 由谁来为商品叫好 商品评价的设计（打分/交互、打分内容选择、评论框的设计、评论与社区、评论的展示） 案例 直接以《三狼啸月》为题说开去。 ... ...
-
HTML邮件的又一点思考 2009-04-29 00:33
要做好一个HTML邮件，说简单，还真不怎么复杂，说它复杂，其实也不难。-_-!! 以前写过类似的[ 关于HTML邮件的总结 ]，最近又犯愁，就再唠叨几句。 简单的是：技术实现要求不是太高，只要做好xhtml页面就能使用邮件发送服务来发送。 难的是：如要做到兼容国内几乎所有邮箱，兼容Gmail，Yahoo mail，outlook等，却也有点难度。因为各大邮箱对cs ... ...
-
可读性:优化文本长度 2011-12-01 22:50
Readability: the Optimal Line Length Baymard.com版权所有 作者：Christian Holst 译者：UCD翻译小组，波希米亚 原文地址： http://baymard.com/blog/line-length-readability 译者序：直接捞干的来了！ 提升文本可读性的关键之一，就是让每行文本承载合适的字数。这不仅仅是设计一 ... ...
-
Android4.0界面设计指南之语言风格 2012-01-16 22:07
语言风格 当您为App选择单词的时候： 简短。简洁、简单、准群。如非绝对必要，一个句子不要超过30个字母（包括空格）。 简单。就假如您正在对一个聪明能干的家伙说话，但他不是很懂技术属于，并且英语不太好。用较短的词汇，动词以及通用的名词。 友好。压缩你的句子。使用第二人称（“你”）来和用户直接对话。如果你的句子读起来并不像是闲谈，那么你应该再想想怎么写。不要很突然 ... ...
-
手机客户端交互适配设计之我见 2011-02-16 14:56
简摘：本文从手机平台、机型（触屏和键盘）及屏幕大小三个方面简单的讨论了一下手机客户端的交互及适配特性及一些原则。 手机客户端软件虽只是手机中一个功能，但它却要比设计单款手机更为复杂。在设计单款、单系列手机时，需要考虑这款手机的软、硬件优势及不足，考虑其特性、其UI Style Guideline ，确定这些内容后，整个平台的UI也找到基础了。说起来，这至多是考虑某个系统、某个屏幕的特性而已 ... ...
-
交互设计实用指南系列 – 我们眼中的交互设计 2009-12-02 20:52
交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互 ... ...
-
手机产品交互设计原则 2010-06-16 23:00
一、用户行为习惯信息收集 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。 在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有 ... ...
-
根据用户购买意愿设计购买流程 2010-04-26 13:17
前几天把用户的购买流程梳理了一下，我大致把用户在电子商务网站的购买意愿分为ABCD四个级别： A. 购买意愿非常强烈，可以马上结账付款； B. 购买意愿比较强烈，等待付款； C. 购买意愿一般，还在犹豫，但是希望对该商品进行标记，便于以后购买或者对比。 最后是D类，即完全没有购买欲望的类型。 首先看看Amazon对于ABC三类购买意愿的提供的购买流程设计。Amazon此设计是比较准确的。 ... ...
-
让阅读更流畅 2009-04-06 02:46
有价值的争论会带来思考，网站页面的宽度究竟如何设定？一个咖啡馆博客如何设计引起的争论。 用户的屏幕现在的屏幕趋势很可能会出现两极分化，一种是追求大屏幕，跟当初电视机一样，现在去中关村，24寸都成为主卖产品了。另一种趋势是小和便携，尺寸会越来越小，目前的上网本，大多还是保持了1024的宽度。以后，谁知道呢？显然，设计需要应需而变。 阅读宽度的尺寸和单位1 用百分比显然不利于各种分辨率的屏幕，这个 ... ...
-
设计一个好用的错误页面 2008-12-04 23:06
下面从一个非常简单的例子来说明如何设计一个好用的错误页面。例子是豆瓣网站的错误页面，首先我们看现在的豆瓣的错误页面，如下图所示，整个页面比较复杂，信息很多，包括了 1. “标题”说明错误信息。2. 具体的错误信息。3. 可能造成的原因。4. &nb ... ...
-
每日设计三推 (五) 11.15-11.30 2009-11-30 21:32
从10月2日开始的“每日设计三推”计划。以web设计为主，兼之前端技术、平面、矢量、摄影以及素材。来源都是国外的blog。虽然都是英文的，但基本图像就可以说明一切，所以英语不好的同学也不用有负担。标签为#3dt 我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 。欢迎大家follow。 另外由于tinyurl类网站被 ... ...
-
交互设计的通用原则小计 2011-05-27 09:59
我说：这几点原则是在“3G门户的UED博客”中看到的，觉得说的还比较全面，蓝字部分为我的个人理解，写下来提醒自己，也为交流。 想看原文可以 点击这里 ------------------------------------- 1.就近原则：恰当的组织和分类； 这点同时需要考虑，最主要（常用）的功能要放在比较显眼（如第一视觉落脚点）以及便于&lsq ... ...
-
宽屏不是用来阅读的 2009-04-05 15:25
首先得抛出个重要的前提观点，大屏幕、宽屏幕根本不是为方便“扫视”准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景，甚至包括服务类网站都如此。 曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以950或960px为标准。当时准则很简单，首页固定宽度，因为版面容易控制；内文页自适应宽度，因为可以让更大屏 ... ...
-
细节成就卓越——浅析iPhone用户界面设计... 2010-05-27 16:00
作为一款革命性产品，iPhone（这里泛指iPhone和iPod touch，当然还有iPad）为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里，我们认真地咀嚼《iPhone Human Interface Guidelines》，感悟字里行间透露着的苹果的细致与智慧。兴奋、激动之余，有太多的惊喜想与大家分享。但无论从时间上还是精力上，130页的完整套餐肯定会让所有的人吃不消。 ... ...
-
个性化：从排序方式看用户心理 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/ 很多电子商务网站 ... ...
-
细节思考表单交互设计之必选项思考 2011-11-03 10:16
每当页面中出现洋洋洒洒的表单，用户就会开始感到头疼，有些用户就会直接选择放弃，而我想讨论的是，如何面对表单时让用户直接注意他们需要填写的必填项，减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢？ 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 （You ... ...
-
Facebook产品设计之相册 2008-07-28 11:49
相册是互联网最常见的一种产品，尤其是在国外，Flickr，Picasa，Photobucket等等，有着非常多的强大且功能完善的相册在线产 品，但是在美国用户在相册产品中现在用的最多的不是上面几个而是Facebook相册。Facebook的相册已经成为Facebook中用户使用频率最 高的一个app。无疑在众多SNS网站中，Facebook的相册功能是非常出众的。下面我们就来看看Faceboo ... ...
