您的位置: 首页 > 艺术设计 > 设计理论 > 拒绝臆想,让我们脚踏实地做设计
垂直栅格与渐进式行距(下) 回到列表 iPhone nytimes 图标设计过程
 拒绝臆想,让我们脚踏实地做设计

作者:jyyjch 时间: 2009-06-25 文档类型:翻译 来自:蓝色理想

第 1 页 拒绝臆想,让我们脚踏实地做设计 [1]
第 2 页 拒绝臆想,让我们脚踏实地做设计 [2]
第 3 页 拒绝臆想,让我们脚踏实地做设计 [3]

组织页面

人们一般都只热爱那些不用他们多做思考就能成事儿的站点。用户的精力是用来解决他们自己的问题的,而不应该浪费在搞清楚网站怎么用上面。

卡片分类是安排网站内容的好方法。要利用卡片分类,列出你网站的所有页面,把它们写在一些索引卡上。然后,把所有卡片铺到桌子上,移动卡片位置,直至所有的目录和子目录归档方式都最为有理有据。

如果你没法亲自做卡片分类,或者你们团队没有时间做这件事,那你们还可以试试利用数据表在线商讨。以下是使用一些虚拟数据在Google Docs里创建的一家新西兰投资公司网站的示例。

利用数据表进行卡片分类的示例

如果你的项目是针对某网站的再设计,那你应该先看看该站点的访问统计数据,找出哪些页面获得的流量更多,哪些更少。这么做的好处是能推断出设计的内容在哪部分还不够,在哪部分又太过了。然后,紧缩或合并类似页面,简化复杂页面。

即使已经过了正式的设计过程,好的卡片分类实践也能大大提高一个网站的可用性和内容传递效率。这是一种让网站保持关联性和实效性的聪明训练。要了解更多关于这方面的信息,请参见 用框线图 实现卡片分类(英文)Usability.gov上的卡片分类介绍(英文),或者阅读这本关于卡片分类的专著(英文)

额外提醒:让不熟悉公司业务的人来帮忙进行卡片分类,有助于发现大众成见,获得意想不到的反馈

铺展页面

接下来,我们需要深入理解设计的视觉优先顺序。这里我们采用注意力地图(Attention Map)并且做一点算术。

注意力地图就是为页面指定一系列目标,并且为每个目标分配一个吸引力指数。总点数不要太多,足够分配就好,这样点数之间才能更容易对比和互相参考;但也不要太少,以免分配出太多过于接近的点数。这么做的目的是让你深入理解各个目标之间的联系,从而确立稳妥的内容层次。

样例点数分配:

  • 四个目标,一共分配15点

样例结果:

  • 服务介绍:7点
  • 带来的益处:4点
  • 行业文章:2点
  • 相关新闻:2点

比起简单的优先级列表,注意力地图更为高效,因为它还直观反映了各个目标在页面中占据多少空间。由于“服务介绍”的点数比“益处”所占点数要高3点(几乎是两倍了),所有你能肯定“服务介绍”需要吸引大量更多注意力。

 

使用注意力地图在网页上划分重要性区域

用草图表达满足目标、适合内容组织、符合注意力地图的设计选项时,应当简明直率,且富有战略。说不定这样你就能少很多搜索枯肠的烦恼。

额外提醒: 完成之后,试试反转草图,或者从镜子里面看它,看看还是否能用。为你自己的草图挑刺儿(包括那奇怪的镜像草图),能帮你想出一系列新点子。

出处:蓝色理想
责任编辑:bluehearts

上一页 拒绝臆想,让我们脚踏实地做设计 [1] 下一页 拒绝臆想,让我们脚踏实地做设计 [3]

相关文章 更多相关链接
模式化窗口
简单解读面包屑
35互联网站建设专题页面设计过程
有效网页表单的八条规则
互联网产品的用户体验看着"很美"
作者文章
给JavaScript新手的24条实用建议
十个简单好用的设计技巧
PS动作功能制作规范化的截屏图
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/31个记录/页 转到 页 共3个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2