Author Archive

让复杂导航变简单

星期一, 1月 7th, 2008

导航设计是结构层面设计中的主要工作之一,在软件中,导航设计的好坏,直接关系到用户使用是否能够流畅。面对较复杂的导航,我们第一反应是将其简化。所以在一些复杂的企业级管理软件中(如SAP、金蝶ERP、浪潮ERP等),提供用户直接通达某位置的快速入口;有些软件则提供收藏夹,让用户把常用的地址收藏;有些则从导航交互的方式上寻求解决办法。

1、在路径层面上提供辅助导航
提起辅助导航,我们会马上想到搜索框、快捷入口、收藏夹等等,之所以会马上想到这些,是因为这些形式让我们的使用更便捷。
080101004.jpg
图 1-1 SAP界面上的快速入口

(more…)

为何找错了地方?

星期五, 11月 30th, 2007

前段日子坐公交车上班,根据现实中对公交刷卡器使用场景的体会和观察,刷卡机的位置和样式让我思考了一阵子。下面咱们来看几个关于我和公交刷卡器的故事。

场景1–好疑惑呀!原来这个不是刷卡机!

北京公交基本都是前门上车,后门下车,假设不这样,上车的人会把下车的人挤得下不来。某日我下班等车,随着涌动的人群,我从前门拥挤着上车,第一反应是刷卡,抬头见右手边有个盒子,想都没想就去刷,因为我只看到这样一个类似刷卡器的东西,刷了第一下,开始疑惑:咋了,没反应;又习惯性的刷第二下,还是没反应,索性不刷了,往里继续挤,楞一下神才发现,刷卡器在左边。这时的第一反应是:我真笨!

人太多了,很多人都被挤得只有招架之力,那还有闲工夫环顾四周。这种场景下,有一多半人搞错了,这次不是因为刷卡器导致我犯错了,是因为那个让人误以为是刷卡器的盒子,我还是做公交车的老手呢,第一次还是被忽悠了一下。

(more…)

文本达意和可用性

星期二, 10月 30th, 2007

在文本的设计中,我们通常关注的是文字的排版,如何排版才能让我们的文字看起来更美观,更容易阅读;然而,文字本身所表达的意思与此同等重要,因为我们把排版做好的根本意义还是要用户更容易读明白所表达的内容。

一、下面我们就设计中的几点,通俗的讨论一下这块的重要性。文本在软件设计随处可见,例如:标题、按钮上的文字、信息反馈文本、导航等等。

标题主要告诉我们当前界面的主题,比如:从我们的win操作系统桌面进入“网上邻居”,标题显示的就是“网上邻居”,是和我联网电脑的统称,如果用“我的邻居”来表达,也可以理解成“网上邻居”这个意思,但是不够准确,因为有的人会理解成“住在我隔壁的邻居”。

(more…)

浅谈视觉设计的准确性

星期一, 9月 10th, 2007

在我们的生活中,只要你睁开眼睛就能看到各种各样的视觉。不同的视觉能给你不同的视觉暗示,同样能给你不同的心理感受。视觉这个话题太泛了,大自然中无所不在,我们接下来主要谈谈在软件设计中视觉表达的准确性。

一、找对你的感觉。
视觉设计首先要考虑的就是整体的感觉,即视觉设计的风格。视觉设计的风格是否准确关系着设计的成败。一个大家闺秀你不能把她打扮的象个婊子,当然这是对人的感觉;那么一个产品的视觉设计也同样需要一个对的定位,最终以合适的视觉表现出来。我们不妨以几种聊天软件来做个的比较,从中窥视一点设计定位的视觉意味。看下面一组图:
070903001.gif
(从左至右为图一、图二、图三)

(more…)

想用户所想(感受亚马逊)

星期三, 8月 1st, 2007

1、页签的表达。页签表达很清晰,当前页签突出,且层级包涵关系明确;看下图,一目了然的感觉,不用疑惑我在那部分里。

070731_header.gif

不信?拿当当的对比一下,你感觉那个更易读?
070731_dangdangheader.gif

(more…)

纸面分解任务的一个wap实例

星期五, 6月 29th, 2007

本文仅提供纸面分解任务的步骤、做法及纸面表现参考。至于怎么思考等其他的疑问,请参考本次话题的其它文章。

首先,做纸面任务前应该准备 白纸、铅笔(或钢笔、圆珠笔,铅笔更容易修改)、橡皮。

然后,根据需求或场景分解出主要的任务流,此次分解为整体概念,可用纸张绘出屏幕流。 

假设如下需求(仅为了说明而假设):
用户sam在网上有一个网盘,网盘里已经存放有图片,sam用手机以WAP页面的形式登录互联网,并访问我在互联网上存储的图片。sam把喜欢的图片直接下载到手机并设置成屏保;sam和朋友moss都在互联网拥有同样的网盘,并且已加为好友,于是sam直接把一张很可爱的图片共享给moss;由于此图太可爱了,sam还想让luse看,可luse没有网盘,sam只好直接发送到luse的email里。(wap支持关键字检索。由于手机浏览器不支持富页面,仅支持超链接和基本表单的交互形式,所以交互风格尽量简洁。) (more…)

合理构建了信息结构,为何还去扰乱?

星期四, 6月 14th, 2007

关于信息架构的定义这里就不多说了,这里仅简单描述一个构建信息结构的过程,以及说明扰乱信息架构的某些场景。借此一块思索些什么……

一、我们这样构建信息结构

了解需求:

1、我们要做什么?

“知识就是力量,智慧就是财富”“我的智慧我做主”“让有一技之长者拥有提高自己和把知识转变为财富的平台”

为行业中的佼佼者提供专业的交流平台,并给会员提供自己做项目的机会,充分的发挥自身的知识。解决网络的信任危机问题,吸引拥有项目的老板等提供可信任的场所。

(more…)