主要内容
-
经验分享：交互设计文档(1) 2009-03-03 07:00
从主流互联网公司的产品项目流程一文中提到使用几种工具制作低保真的“原型设计”。想到自己从前在还不了解“用户体验”这个概念之前就设计过许多这类“原型”，其实也算是一种不一样的交互设计经历了。在下面，姑且就把所有的原型设计称为“交互设计文档”吧，用来抛砖引玉，因为最想看到的其实是别人正在做的更专业的东西。同 ... ...
-
解读iPhone平台的一些优秀设计思路 2010-06-23 23:14
本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路，以供大家在做移动互联网设备设计时参考。 1、移动互联网设备和传统手机的区别 在传统手机时代，标准的通话键、挂机键、菜单键是手机的标配，用户被教育成了用键盘来操作数据，于是我们就养成了使用键盘的习惯，经典的案例就是诺基亚主导的时代。 在移动互联网时代，特别是触屏的大 ... ...
-
上海航空网站注册表单优化方案 2010-10-10 10:20
上午手忙脚乱的定月底到杭州的机票，通过“去哪儿”入口进入到了上海航空网站，居然必须登录后才能预订（绝大多数购票网站游客也可以定）。看在几百块钱的面子上，那就注册吧。 注册表单我一看就乐了，简直就是几天前与用户交互的核心文中观点的真实写照，问题非常典型。看起来就很不好，用起来更是很不便。虽然没有给我造成很大的障碍，但肯定耽搁了不少时间，一点都不轻松愉快。先看如下截图： ... ...
-
【译】屏幕设计模式 2010-10-04 14:18
模式是广泛适用的解决一般问题的解决方案。与此相反： 指南：具体规则 原则：指南的概念型框架 在开发应用程序过程中，无论是面对抽象还是实际问题，模式都大有用处。 它们是解决问题的模板。而标准屏幕模式对于优秀的Web程序甚至企业级软件都很有帮助。 摘要/细节（Master/Detail） 摘要/细节模式可横向也可竖向。该模式是满足用户 ... ...
-
触屏网页设计初探 (二) 2011-03-22 17:36
触屏版网页应用，实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质，可算初步达标。在设计过程中需不断打磨细节，提升体验，令设计日臻完美。下篇将结合案例讲述其中的故事。 >>提升体验的细节 让消息更随手 翻页大讨论 重要数字了然于胸 关于软键盘 ... ...
-
触屏手机网站-炫版交互设计 2011-05-22 00:53
触屏手机网站和非触屏手机网站区别在于，前者使用手指点击注重点击体验， 而后者是使用手机物理按键注重选取规则，触屏手机屏幕增大，可以显示更多的内容，但内容密度不宜过大否则不便点击，一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm，各大门户也分别推出适应触屏手机的高端版本，下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别。 手机 ... ...
-
换个角度看风景——手机产品设计之横屏模式 2011-05-30 16:42
做设计的过程，是思大于行的过程。一个有价值的设计，不是设计多么华丽、多么创新就有多么成功，那些优秀的设计师都会知道他为什么去做这样一款设计，他的设计本质价值是什么。互联网产品或者手机产品更是如此，设计师要知道你的产品要解决一个什么核心问题，然后再提出一个足够优雅的解决方案，这样才能解决用户的“痛点”问题，给予用户最贴心的设计。 在我刚开始做设计的时候，就很喜欢在一些 ... ...
-
客户端交互设计适配之——屏幕大小 2011-03-05 11:44
随着各个手机操作系统的应用平台的上线，几乎所有的互联网应用都在往手机上迁移。然而手机与PC 不一样，PC经过了多年的发展，在设计上形成了很多不成文的规则，如网页的宽度都在960px左右【当然，由于整体的电脑屏幕往大尺寸及高分辨发展，除了背景宽屏自适应外，不少网页也正朝着更宽的方向上发展】。当前的手机种类繁多，手机屏幕的大小、比例各异，并且手机的屏幕本身就小，因此既要考虑应用在不同屏幕大小上的适 ... ...
-
优化购物流程设计 2009-06-29 01:44
最近在研究一个网站的购物流程优化，在研究分析的过程中，发现很多有意思的东西，弄出来与大家分享。因为暂时不方便告知具体是哪个网站，所以针对这个网站的情况做了张购物流程图如下： 现有的购物流程 将这张图中的流程设计与你一般的购物流程比较，你认为图中的流程有什么样的问题吗？ 在与网站负责人沟通的过程中，他只告诉我网站的转化率比较低，什么样的原因不明。通过数据分析以及调研，我挖 ... ...
-
谈网站注册、登录过程 2010-01-04 21:30
最近在做网站的注册、登陆、购买、支付等几个重要环节的流程优化和交互稿。这几个环节是与网站信息架构有关且对整个网站至关重要的。我这里讨论注册和登陆两个过程。Billy在这里讲注册的交互细节，推荐阅读。 >>注册过程 1. 尽量简化用户注册时填写的信息。 关于注册的基本逻辑是用户需要填的信息越少，注册转化率越高。如果需要得到更多用户的信息，可以在用户使用网站的过程中逐步获得。比如购 ... ...
-
谈新版豆瓣的“首页”标签问题 2010-03-11 14:11
新版的豆瓣希望在架构上做一些调整，但是想得还不够透彻，并且在细节处理上还比较混乱。今天在新版的使用中又发现一个问题：【实际场景】====================================================用户在我的友邻广播中看见了一个朋友读了本书，点击书过去以后，上面的标签跳到了【豆瓣读书】，但是差异很小，不明显。页面上的主导航变成了读书的导航。用户发现整个页面都变了， ... ...
-
移动设备的表单设计 2010-05-25 17:56
移动设备的表单设计相比桌面受到很多限制：屏幕小、网络慢、输入困难等。因此在设计移动应用和网站时，应尽量减少表单的数量。同时如果某些地方确需要用户输入，应多尝试让他们通过点击选择，比如多选项、复选框、选择菜单、列表等，替代易用性差的文本框。 限制往往能带来创新，移动表单也不例外。移动设备的局限促使开发人员和设计师寻找更好的方式提供快捷和易用的输入方式。这些领域的创新反过又被应用于桌面互联网， ... ...
-
在银行预订08奥运门票 （2） 2008-07-26 08:14
场景三5.2日，下午2点再次前往500米远的中国银行，决心定下奥运票..“奥运订票区”依然无人照看，今天银行没有那么冷清，两个窗口开放前面三四人在排队。因为已经得知必须先在中国银行开会或者申请VISA信用卡，于是决定先去开户（信用卡最低20天后才能被审批）。排号，前有三人。轮到自己后被告知”奥运订票”开户需要填写”开户申请书&ldqu ... ...
-
回复：Android和iPhone，统一还是... 2010-07-01 09:27
首先简单回答：各平台差异化 设计，是必须的。 当我无数次地向PM、工程师们解释为什么各平台需要差异设计时，我就曾多次想过要把这些经验总结成文。然而终归还是我懒了，一直没挤出文 字。 恰好elya妞，这位热情的同行写出了《Android和iPhone要做统一设计还是差异设计？》一文，很是惊喜。 不过，文中所列举的几个假设情况，依我看来，是不成立的。 ... ...
-
NUI自然用户界面(Natural User... 2011-12-13 22:35
NUI不是一个新名词，早在06年就被提出。 只是经历近年的一些新产品，有了更贴切的感受。 特别是CLI、GUI、NUI的变化。在桌面端，对象通常是显示固定的屏幕，设计师专注于键鼠驱动下的视觉效果。到了移动端，拥有更多传感器与交互方式，便携使得移动设备不限时空，传统专注于固定场景与操作的设计思路不合时宜。 NUI的概念恰好touch到这一变化（并不局限于消费移动设备）。 设计亦不存在创新，只是发现 ... ...
-
比“下一步”想的更“细一步” 2010-04-05 22:07
友藏 曾经在描述 BlackBerry 的时候说过一句相当经典的话：BlackBerry 是一款适合先结婚后恋爱的手机。BlackBerry 是一个很有意思的系统，我们经常会在把玩了半年甚至一两年后还能偶尔发现彩蛋一样的遇到某些细节设计，然后细细一品位，为设计者给你考虑的这点儿细节小小的感动一把。 在 BlackBerry 的全键盘上，有一个键是最大的也是宽度最长的， ... ...
-
关于支付宝一个菜鸟用户的使用体验 2009-02-12 18:20
在某猪几次的嘲笑之后，我决定斩断病根从根源上让他干瞪眼，于是乎准备申请一个支付宝。 首先区分一下我这样的用户群属于哪个类型，虽然我买笔记本也四年多了，可是除了一键恢复之外对于安装系统基本不能自理。但是我能在走狗屎运的情况下自己下载软件并进行安装使用。结论：我是菜鸟我自豪。 然后驾驭能力划分：使用TT浏览器（虽然 ... ...
-
信息架构 2011-05-29 17:47
写几篇关于信息架构的文章，系统地输出我理解的信息架构。 写在前面的话 发了一篇关于招信息架构实习生的博客，收到不少简历。 但谈起信息架构，多数不了解，稍微了解的扯了很多很偏的东西。 随手搜索了一下，我发现了原因： 1 《web信息架构》这本书太概念，太学术。多数人不知道如何指导实践。 2 有人绑架了“信息架构”这个词，拿出去唬人，内容都是皮毛或者是根 ... ...
-
GoDaddy在降低购物车页面跳出率方面的一... 2010-01-01 18:22
前些天在GO DADDY注册了个账号，试了下它的购买流程，因为测试，到最后付款页面我就关掉了，结果，3天后，邮箱收到它的邮件： 尊敬的XX， 我们有留意到，您上次在godaddy.com，把以下产品加入了购物车.com域名 5年期。为了您的方便，我们保存了您的购物车记录…… 不过只是暂时。别再犹豫了——今天就下单吧！在购买页 ... ...
-
每日设计三推 (九)1.26-2.20 2010-02-23 21:12
我的tw帐号：arthur369 。现在可登录tw的第三方是http://dabr.nl 。欢迎大家follow。 ————————————————————&m ... ...
