WEB开发网
开发学院网页设计心得技巧 帮助客户消除创意的疑虑,踏踏实实做设计 阅读

帮助客户消除创意的疑虑,踏踏实实做设计

 2011-10-19 07:50:16 来源:WEB开发网   
核心提示:组织页面人们一般都只热爱那些不用他们多做思考就能成事儿的站点,用户的精力是用来解决他们自己的问题的,帮助客户消除创意的疑虑,踏踏实实做设计(2),而不应该浪费在搞清楚网站怎么用上面,卡片分类是安排网站内容的好方法,看看还是否能用,为你自己的草图挑刺儿(包括那奇怪的镜像草图),要利用卡片分类,列出你网站的所有页面

组织页面

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

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

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

一张数据表

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

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

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

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

铺展页面

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

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

样例点数分配:

四个目标,一共分配15点

样例结果:

服务介绍:7点

带来的益处:4点

行业文章:2点

相关新闻:2点

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

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

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

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

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

Tags:创意设计

编辑录入:coldstar [复制链接] [打 印]
赞助商链接