主要内容
-
说说那些商城的导航 2010-05-15 10:44
本文主要想表达的内容是：如果某个组件具有某个属性，那就把这个属性发挥到极致；如果某个组件不具备某个属性，那么就不要把它伪装 成具备这个属性，并用这个属性来诱奸用户。 简单说，设计就是要解决问题，这是设计的本质与落脚点。 电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是，告诉用户如何快速准确的到达他想要去的任何地方。 在所有电子商务网站中，Amazon ... ...
-
Web可读性的三个层次 2010-05-13 22:50
可读性(Readability)是web用户体验的的重要指标，因为访客上网很大程度就是为了获取信息，用户习惯“扫视”而不是阅读。同时，发生交互行为之前，也必须有个获取信息引导“交互”的前提。所以，可读性的重要显而易见，且毋庸置疑。 具体分析web可读性的构成，首先我认为一部分是信息本身的质量，写的好不好或者用的对不对；还有一部分是信息与设计结 ... ...
-
信息扁平化 2010-05-12 23:59
前几天曾将信息扁平化列为五条手机交互设计原则其中之一，未查找到相关内容，个人尝试从概念、缘由和实现方法等方面分析。 概念 较少的信息层级关系，用户通过操作跳转较少的页面即能找到想要的信息。 缘由 1.信息结构以深度为主。从淘宝UED的文章中看出web注重深广度平衡： 在整个树形结构中，链接的层数被称为网页链接的深度（depth）。而在树形结构里，最底层页 ... ...
-
信息构架的若干原则 (第一部分) 2010-05-11 23:22
本文不准备重复讨论Web信息构架过程中的细节（比如，搜索框应当放什么地方），这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关 核心原则和方法上。适当的使用这些原则可以简化从互联网认知信息的过程，且使呈现的信息更容易被获取。 为了能顺利理解并恰当运用这些原则，我们首先要理解什么是信息构架，信息架构的目标、核心理念、组件和构架的一般过程是什么。 了解信息构架 什 ... ...
-
信息架构中的常见模型 2010-05-11 22:26
《信息架构中的常见模型》是整个“web交互设计方法”中的一部分： 本期的内容目的是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构, 首先需要考虑怎样组织内容和功能的关系，也就是切分内容，如何把一些动作和对象跟主题顺畅的结合起来；第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用”物理结构”把内容用 ... ...
-
关于“双向关系”与“单向关系”的一些解读 2010-05-11 10:30
近期关于对豆瓣将“朋友”双向关系，改变为“关注”单向关系，用户之间有一些争议。这里我想表述一下我对此的理解，想用一些nodes图来表达。（画得比较简单，没我想象能表达清楚，可能）1，“双向”确认关系，变成“单向”关注，是变简单了还是变复杂了？假设9个节点（网络中的9个人），分别建立双向和单向关系如图A和 ... ...
-
设计提升满意度 2010-05-10 21:41
在学校修管理学的时候，有讲过一个管理激励的理论。管理激励是基于行为和认知科学的研究，来发现人们的需要、动机、目标和行为四者之间关系的核心理论，主要的目的是讨论如何满足人的各种需要、调动人的积极性。由此也引出了一个人们会在怎样的情况感到满意的问题。 在人机交互中，同样有满意度的概念。那怎样设计令用户满意的交互呢？或许首先应该从满意度的评价因素来考虑。产品要让用户满意，最基本的条件应该是该 ... ...
-
再议手机交互设计原则 2010-05-10 21:35
准确地说应该是手机客户端交互设计原则，1个月前尝试写过交互设计原则，谈的比较浅。在手机交互设计方面，国内外可供参考的资料很少，只能靠借鉴网页和软件交互设计的也有经验，再结合自己的手机应用程序的设计经验去研究。 原则的概念 谈及原则，需明白什么才能称的上是原则？对于设计的评价分两种： 什么是好的设计？参照工业设计，在学习《设计心理学》时，书中列举了16种好的设 ... ...
-
手机客户端适配性 2010-05-10 21:27
适配性指的是客户端应用程序能可以在多种参数的手机屏幕上运行，手机屏幕的相关参数有尺寸、分辨率和精度。 屏幕尺寸指的是实际的物理尺寸，以屏幕的对角线长度为准。如iPhone的尺寸为3.5英寸。 屏幕分辨率是物理像素总数。如iPhone的屏幕像素为320×480px（宽×高）。 屏幕精度取决于屏幕分辨率和像素在物理宽高上分布情况。如iPhone的精度 ... ...
-
让人又爱又恨的标签们 2010-05-10 21:26
标签的出现解决了页面上导航难以排布的难题，让页面信息整理更加容易。标签的形式来源于人们的生活，在书中夹上一些做好标记的纸条并露出书边，下次再寻找书里的内容就非常方便了。 网页中的标签是为了更加清晰的整理网页导航 ... ...
-
标签在web2.0中的适用范围 2010-05-10 10:51
前几天看到千鸟的一篇博客《标签的语言粒度》，颇有收获，不禁来谈谈自己对标签的一些看法。 标签和关键词的异同 不得不承认，不管标签(Tag)多么时尚，关键词(Keyword)多么老土，这两者之间的基本意义都是一致的，都是用来描述一个事物的多重属性。以至于，如果有用户问我标签是什么东西的时候，我仍然会告诉他：“就是以前常说的‘关键词’，换一种时髦的叫法而已& ... ...
-
从大屏幕到小屏幕迁移的三种设计方案 2010-05-06 22:06
由于手机终端纷繁复杂，各种分辨率的屏幕，各种适配不同机型的特殊规则，都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移，是需要经过一些调整的，今天就来探讨三种可用的迁移方式。 拍扁式 手风琴式 棋盘式 一. 第一种 拍扁式 这种形式最简单，也是目前web迁移到wap采用的最多的一种形式，就是把主流的1:2:1三栏布局的web网 ... ...
-
关于音乐试听网站信息架构的一些事 2010-05-05 20:57
一、准备 网站信息架构这一概念的出现，引导我们用类比建筑学的方式思考网站。中国北方的土炕瓦房与南方的吊脚竹楼呈现出迥异的结构，是因为建筑原料、使用人及用途决定了建筑物的物理形态。同样的，企业网站跟个人博客在形式上的巨大差异也源自网站的内容、用户、情境决定其信息架构这一理由。音乐试听网站面对着细分市场上的用户和使用情境，也拥有“音乐”这样特殊的内容，因此通 ... ...
-
页面表达常用方式 2010-05-05 20:55
《页面表达常用方式》是整个“web交互设计方法”中的一部分： 设计师在设计页面时，应该在页面上建立许多视觉层次，引导用户的视觉焦点。把用户的注意力吸引到最重要的元素上，然后才把视线引导到其他重要程度次要的信息上。这样便于用户快捷迅速地找到自己所需，更好的完成阅读、浏览任务。这里介绍几种页面表达的常用方式。 一、页面的浏览顺序 对用户扫描页面 ... ...
-
触摸点击区域 2010-05-05 17:13
屏幕增大，可以显示更多的内容，但是使用触摸屏控件的密度不宜过大，否则不便点击。各个手机和PC操作系统都对可点击的区域都有推荐值： iPhone：最小29×44px。 Windows Phone：推荐9mm/34px，最小7mm/26px，元素之间的距离最小7mm/26px，元素的可视区域是点击区域的60-100%。对于经常使用、会导致危险性操作（比如删除数据）的界面元素、在屏幕 ... ...
-
手机客户端交互设计原则及信息展现方式 2010-05-05 10:41
在手机上浏览信息，存在着太多的局限，手机屏幕小注定了一页不能显示太多的信息，环境光线的变化注定页面设计不能过于花哨，流量限制注定不能有太多的图片和样式。 如果让你的用户直接在手机上浏览为web所设计的网页，即使是经过一些手机浏览器的优化，体验还是会很糟糕，甚至有时候会让人难以忍受。 如何调整信息展现方式，使内容能在小屏幕的手机上也更友好的展现呢？接下来我将通过一些原理和实例来阐述自 ... ...
-
无序混乱的腾讯微博 2010-05-04 09:40
在经过几年的长跑之后，微博突然一下子火起来了，开始全民微博，所有的网站都纷纷推出微博服务，这和当年博客的火爆情况类似。于是腾讯又准备开展”后来居上”策略，推出了腾讯微博，不过实际过程中腾讯微博却非常混乱无序： 发展战略混乱： 其实早在2007年腾讯就推出了微博产品：滔滔，那时正值国外的微博始祖twitter和国内民间微博的火爆时期，腾讯赶 ... ...
-
A/B测试:让左边更有爱 2010-04-30 13:28
原文链接: http://www.getelastic.com/ab-testing-giving-the-left-more-love/ 我在Wider Funnel和WhichTestWon.com的朋友们很惊奇的发现: 通过A/B test,在Babyage.com将”放入购物车”按钮的 放到左边这种非常规的做法比放到右边好,提高了16.7%的转化率. ... ...
-
一些与时间维度有关的产品设计 2010-04-28 16:33
很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好事。我想也该是时候做总结罗列了。 Plurk 在去年年底，发生MSN 中国“抄袭门”- 聚酷抄袭 Plurk事件。足以证明Plurk是有独特之处。Plurk，中文名称为噗浪，是一个提供基于时间轴的可视化微博客服务的多种语 ... ...
-
根据用户购买意愿设计购买流程 2010-04-26 13:17
前几天把用户的购买流程梳理了一下，我大致把用户在电子商务网站的购买意愿分为ABCD四个级别： A. 购买意愿非常强烈，可以马上结账付款； B. 购买意愿比较强烈，等待付款； C. 购买意愿一般，还在犹豫，但是希望对该商品进行标记，便于以后购买或者对比。 最后是D类，即完全没有购买欲望的类型。 首先看看Amazon对于ABC三类购买意愿的提供的购买流程设计。Amazon此设计是比较准确的。 ... ...
