开始设计

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

  • 让复杂导航变简单    2008-07-27 16:56

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

  • 论“面包屑”的倒掉    2008-07-27 16:55

    很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候 ... ...

  • 把导航系统做薄    2008-07-27 16:50

    和朋友讨论时,我提到过一个观点,所有框架层设计中,最核心的是导航设计。最近更看到有国外同行提出“80%的可用性是导航!”因为良好的导航可以保证用户找到任何信息。也就是说,提供到达的可能,远比如何到达的可用重要。 我习惯把导航分为一维、二维、多维来简单理解,一维对应线性结构,二维对应分层结构,多维对应无序结构。这么说可能比较抽象,其实都已经是耳熟能详的应用,分别举例阐述 ... ...

  • 别忘了导航    2008-07-27 16:49

    很 多网站为了某个活动、节日什么的,经常都会做一个专题页面。这些页面往往都和网站其他的页面不同,不用那些循规蹈矩的布局,有漂亮的大块图片、甚至是声色 俱佳的Flash~ 这些页面,可能是从网站内部某个吸引人的地方,吸引你点入;也可能是某个软件的网站,从软件里链接出来的;也可能是和别的网站合作,从别处链接过来的…… 这样的页面的确都做得很吸引人,但也容易忽略一 ... ...

  • 导航的流行趋势    2008-07-27 16:48

    这不仅仅是一个信息爆炸的时代,也是一个服务爆炸的时代。 一切都是因为互联网,随着互联网技术的发展,信息的增多,服务的增多,用户需求的多样化。怎样让用户在最快地获取自己想要的东西,导航的设计显得非常重要。 随着带宽的持续增加,互联网技术的研发,我相信,导航的形式将会更加的多样化,这种多样化带来的将不会是使用的复杂,而是更加地人性化。 下面是我觉得将来会比较流行的几种导航的方向。 借鉴传统 ... ...

  • 为何找错了地方?    2008-07-26 23:41

    前段日子坐公交车上班,根据现实中对公交刷卡器使用场景的体会和观察,刷卡机的位置和样式让我思考了一阵子。下面咱们来看几个关于我和公交刷卡器的故事。 场景1–好疑惑呀!原来这个不是刷卡机! 北京公交基本都是前门上车,后门下车,假设不这样,上车的人会把下车的人挤得下不来。某日我下班等车,随着涌动的人群,我从前门拥挤着上车,第一反 应是刷卡,抬头见右手边有个盒子,想都没想 ... ...

  • 界面内容优化的层次    2008-07-26 23:25

    所谓产品其实最终展现在用户面前的只是界面而已,所谓界面绝大多数时候只包括两个部分:图片、文字。重视界面上的每一个像素和每一个文字是UED的基本素质,关于如何设计好界面上的文字(一般在UED里面我们把这个职位叫做“内容优化”)我以前写过创业团队的界面文字优化和用户在每个情景中的角色感,这一期的话题中其他伙伴也说到了很多。 这个话题讨论到这里,已经让很多人意识到了界面上 ... ...

  • 如何制定文字语言规范    2008-07-26 23:22

    本期话题注意界面上的文字引来了非常多的讨论,可以看出网站界面上的文字正是大家比较关注的问题,而且比较实际。比如千鸟的内容呈现建议、奇遇的文本达意和可用性、子条的文字的辨识度和可读性,可以讲都是界面文字规范,千鸟的文章更适用于内容编辑,奇遇和子条的文章更适用于设计师。 在实际产品设计过程中,可以逐渐的形成这样的文字语言规范,目的是让产品设计的参与人员能够统一认识,和重视文字在设计中的重要 ... ...

  • 文字的减法    2008-07-26 23:21

    认知心理学家Donald A. Norman将人类的行动分解成七个阶段: 1. 确定目标 2. 确定意图 3. 明确行动内容 4. 执行 5. 感知外部状况 6. 解释外部状况 7. 评估行动结果 这七个阶段发生在人类所采取的每一个行动时。 比如最近降温,你想要保持身体的舒适感(确定目标),所以就得加一件衣服(确定意图),于是你决定去衣柜里看看哪件衣服适合今天穿(明确行 ... ...

  • 文本达意和可用性    2008-07-26 23:17

    在文本的设计中,我们通常关注的是文字的排版,如何排版才能让我们的文字看起来更美观,更容易阅读;然而,文字本身所表达的意思与此同等重要,因为我们把排版做好的根本意义还是要用户更容易读明白所表达的内容。 一、下面我们就设计中的几点,通俗的讨论一下这块的重要性。文本在软件设计随处可见,例如:标题、按钮上的文字、信息反馈文本、导航等等。 标题主要告诉我们当前界面的主题,比如:从我们的w ... ...

  • 内容呈现建议十条    2008-07-26 23:16

    围绕文字、符号、链接三个方面,主要是中文,草拟的个人行文经验: 1. 文字避免写错。应付挑剔的读者是一个方面,某些关键词的错误,有可能就避过了搜索引擎抓取。 2. 文字密度节奏的控制。段落在四行左右比较合适,宜少不宜多,同时避免文字量大的段落连续堆积,段落之间最好的节奏不是一一二二三三,而是类似一三二三一二的无序结构,纵横道理类似。 3. 词语避免在同行断开。比如行末一 ... ...

  • 文字的辨识度与可读性    2008-07-26 23:14

    不久前因业务需要,我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流, 我在笔记本前准备输入一个网址,他靠近我的电脑,大叫道:“嗷!你也认识我的老同学“高亮”啊!” 我惊出一身冷汗。 几乎所有的产品中,都会使用到文字。小到错误、警告、提示信息,大到介绍、专题策划、广告文案。 如果文字出现问题,修改起来成本很低。然而 ... ...

  • 良好位置感的设计    2008-07-26 22:53

    好的设计和不好的设计,就像是一块硬币的正反面。之前我们看到的都是硬币的反面,只要翻转一下,就可以看到正面了。 上次我评论了上网四大郁闷事, 很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道,网站就像是一个信息群岛,岛屿和岛屿间是相连的,差别在于你是用独木桥还是高 速公路,桥边(路边)是美女的诱惑还是指示牌。良好位置感的设计,主要解决三个问题:我从哪里来(为什么 ... ...

  • 几点闪光    2008-07-26 22:51

    出错,也能莞尔一笑~ 遇到出错页面经常是让人讨厌的事,不过撞见些可爱的页面,有时反而成了种乐趣。个人最喜欢的404页面,是淘宝UED团队blog的那个。 “四零四啊四零四,没找到啊没找到~ 哇塞,这么偏僻的地方都被你找到了,赶快去淘宝买张彩票吧。”很有针对性,看他们博客的大多都明白啥是404,乐趣也就由之而来。 怪兽扬言说自家的是史上最可爱的404页面,貌似下 ... ...

  • 那些总是发生的小事(续)    2008-07-26 22:49

    上回说道一些在网站上常常能看到的现象,有人说“感觉有的要求太高了。”可是用户对于产品的感受正是这些点点滴滴所积累起来的。而且,产品对于设计人员来说,简直就等于是自己的亲生儿子/闺女,对自己孩子的关心再仔细都不为过吧? 一个设计良好的界面/产品是不会让用户感觉别扭的。界面永远是一个默默服务的角色,它的最高境界就是让用户忘掉自己。 一个产品设计的从业人员应该 ... ...

  • 优秀设计所绽放的魅力(这样的flickr)    2008-07-26 22:46

    我是Flickr的死忠fans,虽然我很久之前就开始在blog里不遗余力的介绍flickr,可以,一说到优秀的设计,我还是想把那些话再一次的搬出来讲给大家听,因为,flickr真的很棒! 1. 最浪漫的问好。Flickr每天都会用一种不同国家的语言向您问好!然后对你说:现在你知道怎么用xx语说”你好”了!–这是一种多棒的体验,仿佛一位浪漫的男友,每天 ... ...

  • 想用户所想(感受亚马逊)    2008-07-26 22:45

    1、页签的表达。页签表达很清晰,当前页签突出,且层级包涵关系明确;看下图,一目了然的感觉,不用疑惑我在那部分里。 不信?拿当当的对比一下,你感觉那个更易读?   2、搜索,让我感受到体贴。下图是我抓取搜索的图拼合起来,为了说明搜索提供的合理。最上头导航下的搜 索,是方便来找东西的人,大部分人都通过此处找东西,所以放在显眼的主要位置;网页最底端的搜索,方 ... ...

  • 五点参考    2008-07-26 22:43

    不系列了,只随便记五个印象比较深的事情。 1. Gtalk的加为好友通知 当用户在IM上加朋友为好友,建立人际关系列表的时候,往往会忽略被加的朋友也必须强制加他自己,而且还要人家实时回应,我就一直在想,凭什么啊? QQ的方案,Icon以短消息的形式不断闪烁提醒,然后对话框确认;MSN的方案,咣当一下蹦出对话框打断用户。只有Gtalk,用户在被动接受陌生人打扰时,不会被强 ... ...

  • 这些设计,让网站似个彬彬有礼的绅士。    2008-07-26 22:39

    不 可否认,web的用途越来越广。大家在互联网上看资讯/电影、聊天、找朋友/工作、玩游戏、写小说/日志、交易/买卖、听音乐/广播。互联网已经不仅仅是 一个窗口,他已经成为我们工作和生活的伙伴。是的,他不是工具,而是伙伴,这些伙伴的数量听说全球已经达到一亿个了,在这些伙伴中,有些对我们很粗鲁,有 些待人礼貌。UCD的含义就是“以用户为中心的设计”,那么怎样的网站让用 ... ...

  • 设计的“环境”因素    2008-07-26 22:35

    规矩是死的,人是活的。规矩在很多场景里是不合理的,”环境”对设计更重要。上图是锦秋国际楼道的指示牌,我在看这个指示牌的时候对着西边。第一次去找某个房间的时候我把前当成了后,绕了一圈没找到。后来按照每个门上的号码挨个数,才找到了我想找的房间。我当时有点责怪自己:太笨,看不懂地图。 后来和keso又一起去了一次,他先到那里,也没看懂,靠着随身的指南针才分清 ... ...