主要内容
-
移动设备手势设计初探 2011-09-05 14:58
嘿~最近在做各种移动端的产品，设计啊体验啊操作啊，用的手都起茧，工作之余也思考了“手”这种较新的交互方式，以及它与界面的关系。本文从手势的种类，应用场景，存在的可用性问题以及如何设计四个大的部分谈起，在此抛砖引玉供大家思考和学习。 移动设备大行其道的今天，手势是一个流行词汇，那手势是什么呢？手，是人类各种创造性活动的天然工具，人们天生就会使用手的动作去表达情感 ... ...
-
数据可视化(一)：现代方法 2009-09-26 20:35
原文Data Visualization: Modern Approaches 作者 Cameron Chapman 译者：西乔 深蓝色字体部分为译注 数据的表现形式可以是漂亮、优雅和描述性的。有许多种传统的表现数据的形式：比如表格、饼图柱状图等，在每个项目及可能的场合被频繁地使用。然而，为了更有效地向你的读者传达信息，有时你需要绝不仅仅是一张饼图。事实上，有更好的、深刻的、富于创 ... ...
-
手机产品设计中的反馈提示 2012-02-10 23:22
在产品的设计中，“反馈”是很重要的一个交互特征，它是一种界面输出物，用以给用户正确的引导信息，帮助用户判断和决策。而反馈的形式也是多方面的，视觉、听觉、嗅觉、触觉、正面的、负面的，都是在为用户传递信息。而没有反馈或反馈很差的交互，只会让用户产生失效和无助的负面体验。 在煤气中加入硫和笨，为的是通过臭味提供危险信号的反馈。地铁里的门在关闭前会发出滴滴的报警声 ... ...
-
[翻译]信息架构新手完全指南 2009-10-11 14:06
信息架构师是一个常常被误解的职称。他们是设计者？开发者？管理者？还是以上全部？我们在本文将探讨信息架构师是做沈恶魔，为什么它和可用性相关，以及在信息架构中需要用到的工具/软件。 我们也会顺便分享一些对于信息架构的初学者来说有用的tweeters（twitter用户）、书籍和资源。即使您已经对这些内容非常熟悉了，您也可能从中发现一些可能错过的内容。 一般的工作领域猜想 一个信息架构师加入了我 ... ...
-
常用原型图设计工具 2009-03-14 16:45
天天和产品打交道，不时要做一些页面原型、离不开各种工具，工欲善其事必先利其器，好的工具软件可以大大提高工作效率，工具各有优劣，大家按需取之。原型设计工具我暂时把它分为两类，Web应用原型设计工具及软件应用原型设计工具、微软的visio就不说了： Web应用原型设计工具：先来看看这个几个：Axure RP、Balsamiq Mockups和Pencil Project试用感觉： ... ...
-
Iphone与Android 对比分析浅谈 2010-06-01 21:49
自从Iphone横空出世，就以简单易用，并功能强大，作为智能手机的代名词，直到Google推出Android 平台，才棋逢对手；自此作为两款经常拿来一起比较的手持移动平台，做了粗略分析比较； 1. 开发平台 目前开发智能手持平台设备的app相对来说已经比较简单。以Android手机Nexus One为例，它的处理器有1GHz，内存则有512MB，跟开发客户端应用的感觉已经很类似 ... ...
-
Banner设计 2010-09-25 22:08
前几天，我受到了一次打击，之前海盐的紧固件的专场上线后，实际的效果与我原本的设计相去甚远。究竟是什么原因造成了这样的差异呢？在经过一些对照比较后发现，问题就出在“Banner的设计”上。线上的版本只是将一些简单的未经处理的图片放了上去，话说术业有专攻，倒也 ... ...
-
UE学习笔记：原型对设计质量的影响 2010-06-26 15:11
最近迷上iTunes U，下了一堆课在听。除了Open Yale Course系列很赞之外，Stanford的HCI Seminar内容也非常丰富。最新的2010冬季学期有10节课，暂时“修”了一节，题目是：How Prototyping Practices Affect Design Results (January 15, 2010)，其中介绍的两个研究课题蛮有意思 ... ...
-
什么是元数据 (MetaData) 2010-01-26 22:00
在读《Web信息架构》的时候第九章讲到叙词表、受控词表和元数据。当时书中的定义很模糊，所讲的篇幅也少，就没有在意，一直也没有能完全理解。今天在读《锦绣蓝图》的时候第四章中再次提到元数据这个概念。遂多查了些资料认真的理解了一下。 什么是元数据？ ... ...
-
上海地铁的自动贩卖机 2008-09-09 04:19
说说上海地铁的自动售票机。如果有用过的人，应该都会觉得它的交互很糟糕。我先简单扫盲一下。 走进自动售票机，第一步是选择你的目的地是在哪条线上（我忘记拍照了）。 第二步如下图，选择你的目的地。 第三步，它会问你要几张票。 第四步，投币或塞钞票。 第五步，它会吐出票，找零。 这个交互流程我讲起来好像还可以。但是你亲自去用用，就会发现问题。因为几乎 ... ...
-
聊聊线框图：UED和PD对于线框图不同的定位 2010-09-17 09:42
本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。 在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。 其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不 ... ...
-
信息架构的模式 2012-03-28 09:04
最近忙着毕业设计，需要文献翻译。本想随便那之前翻译的交个差，但总觉不够严谨。我的毕业设计主要是帮老师的研究所做个网站，本来已经有网站了，但老师和我都觉得老版本的网站很是陈旧。于是毛遂自荐。 网站需要重构，自然信息架构部分也是重要的一环，虽然之前也看了不少，比如《下厨房的搜索OR分类之思》即是思索的痕迹，但还是系统地翻译了Five Simple Steps团队著作的《A Practical ... ...
-
Adaptive Path：我们最爱的草图工具 2009-04-13 12:11
Adaptive Path版权所有 作者：Adaptive Path 译者：UCD翻译小组，JunChen 原文地址：http://www.adaptivepath.com/ideas/newsletter/archives/031109/index.php 有件事呢本应该是显而易见的，我是指如果你用恰当的工具，那么画起草图来会变得相当、相当简单。 我不会穿着网球鞋去滑雪，但 ... ...
-
交互体验前世今生 2011-07-24 12:35
吃过晚饭出去散步，看到楼下小朋友捧着iPad戳来划去，感叹现在的孩子真是幸福。且不说锦衣足食营养过剩，在娱乐、教育的手段上，也空前的丰富。平板电脑和触摸设备的流行，在寓教于乐的同时，也对目前交互设备的进化起到了推动作用。通过观察现在的小朋友玩iPad跟以前我们小时候玩游戏的对比，我们能发现，从简单的孩之宝变形金刚、魔方等儿童玩具，收音机电视机等媒体产品，控制器连接的游戏机，再到通过键盘鼠标操作的个 ... ...
-
论“面包屑”的倒掉 2008-07-27 16:55
很久很久以前，在大森林的边上住着一个贫穷的樵夫，他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候 ... ...
-
如何画出一张更清晰、更美观的地图 2010-06-21 21:37
维基百科这样介绍莫斯科地铁： "......（它）是世界使用率第二高的地下轨道交通系统，仅次于日本东京。 主要结构为中心辐射状，全长277.9公里，12条线路，171个车站。所有的线路按照开通顺序，获得1--12的编号。 最重要的是5号线----环线，负责连接起其余绝大多数线路，长度大约为20公里。" 从上面的介绍，可以看出莫斯科地铁是一个复杂的系统。它的实际形状 ... ...
-
手机软件交互设计经验分享–硬件、系统平台和设... 2010-07-06 00:33
Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化 ... ...
-
触屏手机点击区域的小秘密 2012-03-07 17:38
做触屏手机产品设计，要注意所有的可点击元素都有足够的点击区域，但是这并不是说你要把所有的按钮图标链接都设计的足够大，手机上的视觉焦点和操作焦点是不一样的，操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密，帮你解决操作准确率的问题。 一、扩大操作焦点 iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上 ... ...
-
界面设计中的结构设计 2012-07-05 10:19
构建界面视觉层级的元素有颜色的显著程度，图片、文字的尺寸大小，还有最基础的，内容的组织结构。 结构设计是指对界面内容进行分组，对界面中的信息、数据进行设计使之结构化呈现的过程。 好的结构设计能使界面信息传达更加清晰、快捷。那么，如果进行结构设计呢？ 结构设计———内容的分组 使用线、框、背景色来分组 这是最常见的分组方式， ... ...
-
手机产品设计之用户引导 2011-10-09 19:31
在手机产品的设计过程中，由于手机界面的承载能力有限，产品功能的不断膨胀，必须要在用户打开应用之后告知他某些新奇的功能，引导他完成某些主要任务流程，让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用的使用方法，体验到应用的乐趣，新手引导成了一个必须考虑的设计环节。 用户引导的直接目标是帮助用户更好的使用产品，终极目标是提升用户满意度。虽然，大多数情况下，我们可以通过合理的设计，尽可能 ... ...
