无须猜测,清晰的设计

 创意是成功网站的生命。尽管如此,创意以及解决方案有时就像臆测-臆测是个有风险的活儿。因此,设计师该如何让客户了解,他们目前采取的是可靠的策略以及最好的想法?

下面的练习是一种讨论并记录有关各方面设计的不错方式,以求帮助客户摆脱他们对创造力的恐惧,鼓励他们加入我们的设计过程。

设立清晰的目标

有些人认为自己知道网站存在的理由,但困扰于如何建立准确的可量化的目标。模棱两可的目标迫使人们设想各种情况,同时这种假设可能导致期望破碎,这反过来,也会破坏人们之间相互信任的关系。如“出售更多的东西”或“获得更多的展示”-这作为目标含糊不清,指引不了方向。

改良验收标准的实行,是我发现的为制定明确而有力的目标,最简单也是最有效的方法。灵活的开发者使用验收标准来说明为什么任务需要存在,并确定任务如何融入全局视图中。通过了一些巧妙方法,它完美地达成了设计目标。

 需求的例子:

·我们正在重新设计我们的网站,因为我们需要更多的流量和更新的界面,并希望在行业中更加受人尊重。 

目标模板的例子:

我们要(怎么样)是因为(某某原因)以达到(某种目标)

 例如:·

1、我们希望增加20%的流量,因为我们需要更多的展示自己,以便我们每月能够创造8个更多的榜样。

·2、我们要更新当前的形象,因为我们需要更多的相关客户,以便我们能够把我们的利率提高10 %。

·3、我们想要每月写四篇行业相关的文章,因为我们想有助于我们的产业,并让我们每月能和其中的2个结成伙伴关系。

 

注意如何区分“方法”,“原因”和“目标”,明确项目所有者的目标并说明他们为什么需要这些以及他们打算如何去实现设计的验收标准是一个很棒的的方式,用来消除深层次的,也可能是不明的意图。这将有助于设计师和项目所有者做出更好的决策,并避免在后期流程中出现疑惑和分歧。不停修订目标,直到各方达成一致,并深刻理解。

:建立多个目标,这样你至少可以实现第二、第三个(目标),但要在能力所及的范围内,没有任何一个网站有一堆的高级(高层次)目标。

组织页面

用户会越来越喜欢不经思考就能达成他们目的的网站。用户的心思应该用于解决他们的问题,而不是用在搞清网站是如何工作的。简单明了,一目了然的网站显然是用户愿意访问的。

卡片分类是组织网站的一个很好的方法。为了进行卡片分类,必须列出网站上的所有页面,并把它们的标题写在索引卡上。然后,把卡片布置在表格上,并移动它们,让所有的目录及子目录都有意可循。

如果你无法亲自进行卡片分类,或没有时间把卡片作为一个队伍来进行分类,试着用电子表格(spreadsheet)进行在线协作。这里的一个例子是新西兰投资网站在Google Docs上创建的虚拟数据:

使用电子表格来进行卡片分类的例子

如果您正致力于重新设计,咨询分析,以找出哪些网页的流量正在变得越来越高或越低。这是一个很好的机会,找出在设计上已过期或正在使用的内容。然后,加强、结合相似的页面,同时分离、简化复杂的网页。

即使在正式的设计过程中,良好的卡片分类都会大大提高一个网站的实用性和有效性。这是一个聪明的做法,可以保持一个网站是相关并且有效的。想要知道更多可以参看  Boxes and Arrows’ card sorting guide,Usability.gov’s card sorting article, 或者找本 book on card sorting.

附加分:让不熟悉公司的人们参与卡片分类,能够辨别出用户的偏见(偏好),并取得意想不到的反馈。

展示页面

下一步,我们需要建立一个关于设计的视觉层次上的坚实理解。这需要用到集中注意力地图(Attention Map),以及一点点的数学。

注意力地图是一张带有每个目标价值点的目标列表。使用足够的点数来确定一个恰到好处的分配,而不是分配太少以至于你需要强加上一大堆类似的点数价值。这样做是为了公司了解各目标间的相互关系,使你可以形成一个带坚实层次的内容。

点数分布的例子:

·15点分布在4个目标之中

例子的结果:

·服务描述:7点

·使用的好处:4点

·行业文章:2点

·相关新闻:2点

注意力地图是一个更有效的优先级名单,因为它有助于确定给每个目标页面上分配多少空间。由于服务内容比使用的优点多3个点以上(几乎两倍多),你可以肯定服务描述需要大量注意力。

使用注意力地图来分类网页上不同区域的重要性

勾画出最适宜实现目标的选项,组织,同时注意力地图应该是毫不含糊、战略性的。这可能会产生很多细微的缩略图!

附加分:当您做完后,试着翻转草图,或者通过镜子看看他们,看看他们是否仍在工作。批评自己的草图,并包括从镜子中看到的奇怪草图,这可以使你产生更多的想法。

开发个性

一个强有力的原型可以产生直接而强大的感情纽带。一个原型是一组的特点和特性,这些特性常见于在世界各地说任何一种语言,有着任何一种历史、人口数量的群体。每一个原型都有自己的长处,短处,天赋,和恐惧。当您套用这些方面的个性不感到难堪,人们将识别出设计中的情绪。这有助于增强记忆并建立信任。

Margaret Mark and Carol S. Pearson的 The Hero and the Outlaw,,有力地捕捉到了12个原型,几乎涵盖人类所有的方面。

 

原型包括:

·天真

·探险家

·传奇

·英雄

·歹徒

·魔术师

·正常的男孩/女孩

·爱好者

·小丑

·照料者

·创作者

·管理者

 

如果你选择歹徒(想想哈雷·戴维森 Harley Davidson) ,并开始批评一切你违背歹徒特征的行为。你可能会惊讶于新奇与有趣想法的产生。

 

歹徒的特质:

·渴望报复和/或革命

·想要摧毁所有不能正常工作的事物

·痛恨自己无能为力或被轻视

·试图破坏或恐吓他人

·希望带给人们彻底的自由

·往往被误解为邪恶

·有犯罪的倾向

 

如果你能通过不同的设计保持这种“个性”一致,可以考虑应用到其他地区客户互动情况,并密切关注客户的反应。你将建立一个非常强大的品牌。

附加分:人们往往混淆,公司的个性与自己的。从该公司的个性来进行区分,确定原型项目所有者和其他重要参与人员的性格。

定义合格与完成

设计特征直接支持和加强内容的表现。不幸的是,这些特征很难归结为一种视觉风格,让观众连贯地理解。制造边界的一系列相反特征有其存在的价值。这可以帮助你明确具体外观设计,给你一些措施来衡量并批评,同时审查设计。

正确的方法就是找出显著影响他们的设计和浮动比例的相反特点。下面是一个例子:

用来定义相反设计特征的浮动比例的例子

通过特征尺度,设计人员可以得知访客对网站的确切感觉。如果设计师“活泼”的理念过于激烈,争论平静与活泼的尺度,并作出相应调整,这将会很容易。这可以得到更多的比诸如“太激烈”这样更有建设性的评价。

添加,删除和改变特征尺度是现实需要的。但请记住,标准必须是可以衡量和可争议的。一个诸如“高科技”这样的特质,是过分依赖口味与设计师的意见。在大多数情况下,特定的特质,如“高科技”将是一个更广泛的特征的集合体,其中包括“现代” , “简单”和“正式” ,所有这一切都可以很容易地放置在一个尺度上,能够让没有设计背景的人参与讨论。

附加分:在项目完成后,评估最显着影响项目成功的特征并跟踪任何你希望操作的设置。

大胆地设计
一个稳固及大家共同理解的目标,组织,布局,个性,以及恰如好处地完成,终将创造一种环境,使你(和项目所有者)可以依靠严格的讨论,并得到有据可查的想法。同时,您的行为将产生较小的误差,并可以进行有针对性地探索,更好地达到预期目标,并最终创造一个更好的设计。
--------------------------------------------------------------------------------------------------------
译者:
1.Attention Map:指在网页或接口中,使用者可能先注意到的地方。某些特定状况下,接口没有办法正确地引导使用者,会使其造成一时混乱。因为使用者在看到界面的第一时间,并不会按照传统的UI设计概念「由上到下、由左到右」来进行动作。相反,使用者会从最吸引他注意力的地方开始。
 
2.【转】Attention Map的一些简单规则如下:
  • 集中在大区块的注意力会高于小区块。
  • 按钮或窗体高于内文。
  • 图片高于文字。
  • 大字高于小字。
  • 彩色高于单色
  • 超级链接高于一般文字。
以上会随使用者动机不同而有不同的优先级。
依照这些规则,可以画出注意力的地图,所以我把它叫做…注意力地图… Attention Map!。利用简单的规则归纳出基本的注意力转移方式,就有可能轻松的改善使用方式。Attention Map 是使用者最先用来扫描网页的方式,如果在 Attention Map 里找不到想要的内容,他们才会依照传统的「由左到右、由上到下」的方式来看网页。
使用者依照 Attention Map 浏览的阶段很短,也许一两秒内就结束了,这段期间只靠直觉,不需动脑,所以若能将重要的功能放在 Attention Map 的前几个区块内,使用者就会觉得用起来很轻松。
但是 Attention Map 并不是随便可以用在每一个地方,同一个页面依照不同的动机与使用方式,都应该要有不一样的 Attention Map,如果没有注意到基本的逻辑,画出来的图就没啥屁用;另外还要注意到,有时候复杂的接口就是要让使用者进行某种程度的学习,也许一开始用起来不怎么顺,但是一旦熟悉了该接口的操作方式,使用效率就会大幅度提高,那么这时候 Attention Map 也就没有那么重要。

【原译文发表于译言,寒影修正】




如果您喜欢本篇文章,也许您也会喜欢下面推荐的文章!
其实我不想帮你找... (日志真乱 -_-#.. )
[本日志由 neesoo 于 2009-05-27 03:22 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 设计 网页设计

在线RSS阅读器订阅:

feedsky
抓虾 pageflakes Rojo
google reader my yahoo newsgator
bloglines 有道

手机订阅:

收藏到网摘:

本站订阅地址:
RSS2: 点击复制
Atom: 点击复制

免责说明:
本站提供的文件均通过卡巴斯基最新版扫描无毒,请放心使用
本站所发表内容或来自互联网,或本人原创,只为学习交流之用,不存在任何商业用途
遵循创作共同协议,您可自由复制等方式传播本作品。
如果本站内容不慎侵犯了您的版权,请及时联系我们,我们将尽快处理。

遵循创作共同协议,您可自由复制,发行,广播或通过信息网络传播本作品。
但须遵守下列条件:
◎ 署名. 您必须按照作者或者许可人指定的方对作品进行署名。
◎ 非商业性使用. 您不得将该作品用于商业目的。
◎ 禁止演绎. 您不得修改、转换或者以本作品为基础进行创作。
任何再使用或者发行,您都必须向他人清楚地展示本作品使用的许可协议条款。
如果得到著作权人的许可,您可以不受任何这些条件的限制。

评论: 0 | 引用: 0 | 查看次数: - | TOP ↑
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.