原文: http://ucdchina.com/snap/9768
我在项目中也会碰到自己身兼多个角色,既是美工设计者,又是程序开发者还是分析员兼培训,总之一个项目都是你来做,从头到尾都有可能是你来执行,而每个人的精力又是有限的,你不太可能即在美工方面有所成就又精通开发,所有某些时候还是需要有所选择。
原文中推荐了四种工具:
数据收集工具(ClickTale),设计原型长廊/库,线框图/原型设计(Axure)以及设计资源网站(如Designmoo和365psd)
数据收集工具让我们首先从 ClickTale说起。它是一个很好的研究/分析工具,能向你呈现出用户是如何与你的网页交互的。它允许你追踪网页浏览行为并得到一些基本的分析报告。你也可以通过Google Analytics得到免费的这样的分析报告。它的优点在于它的热图、点击追踪、滚动距离(用户滚动到你网页的什么位置)、记录用户和你的网站/产品交互的时期。有了这些,你就可以看到用户是如何浏览你的网站的,并且从一些设计很好的网站也可以获得分析数据。 在我的网站项目的研究阶段,我会用到这个工具。那些详细的报告能帮我找到改善我的网页布局和网站界面的方法。实际上我并没有做相关的研究。我只需从它给我准备的很好的资料组中筛选一下即可。 有了像ClickTale这样的工具,我就能掌握更多的信息。我们可以利用从用户群得到的可靠信息来帮住我们修改自己的工作或者创建出新的设计。而且我们可以知道用户群是如何与我们的产品交互的。 其它像ClickTale一样的工具有: 设计模式库一旦我搜集到了用户对我们现有的作品的体验数据时,我就会修改网站上的很多部分,如网站导航、网页布局结构、网页形式的设计等等。所有这些都是要基于我们现有的知识努力提高交互体验。 通常我不得不在压力和一定的期限——一种匆忙的模式下工作,这时会发现以设计模式库为指导原则是很有帮助的。这样我可以知道当其他的设计者面对和我遇到的一样问题的时候,他们是如何处理的。 我也可以看看相关的反模式(这些模式可以在dark patterns网站上找到),来复查一下用户对你所建立的界面是否非常感兴趣。 以下是一些我发现很有帮助的设计模式库:
但必须注意的是这些设计模式并不能取代有些设计原则的地位,这些原则是:以项目目标和需要为基础,来创建用户体验。不过当你需要很快开始项目时,它们可以作为很好的参考。 另外,如果有兴趣了解更多的设计模式,你可以查看一下以下这些文章:
线框图和原型当涉及到线框图及原型时,我会用 Axure工具。它是一个线框图/原型工具,用它可以创建出线框图中具有HTML功能的原型,并且有建立在它们基础上的可以输出word格式文件的功能。如果你能同时创建出你的线框图和文档,那么你就能实现一箭双雕! 这个工具节省了我大量的时间,并且具有一定功能的、并非毫无生气的原型以及用图形设计工具得到的静态线框图是很有帮助的,它们能够使客户更好地认识到应用/网站的动态化。 功能性原型在快速迭代以及可用性测试中也是很有帮助的。它允许你在进入视觉效果设计阶段之前对很多东西的功能和动态性进行测试。 在所有的工具和资源中,这个工具对我的帮助最大。 为了发现更多的线框图工具,你可以阅读下面这篇文章: 10个完全免费的网页原型(线框图)工具(rockux站内文章) 如果你不相信一个设计项目的这个阶段是重要的,你也可以读一下这篇文章: The Benefits of Wireframing a Design 设计资源网站就像设计模式库一样,我发现为了按时并且在预算范围内完成项目,视觉效果设计资源网站是也很重要的。我是做视觉效果设计出身的,但对于那些用户体验设计者或网页开发者来说,由于他们缺乏视觉效果设计的经验,这些资源库对他们来说会是非常有益的。 说实在的,即使我是一个视觉效果设计着,具有了这方面所需的专业知识,当时间比较紧迫时,我也需要灵感和找到好的突破口。很多时候,我并没有多少时间和资源来创建用户指定的设计元素,所以此时这些网站无疑将成为一个救星。 Designmoo和 365psd是两个我发现非常有帮助的网站。你不仅能在这些网站上找到一些很好的设计文件,而且每个网站也给你提供了回馈相应设计社区的机会,它们允许你上传自己的设计。这些设计别人也可以下载应用。 |