原文作者:samshine
原文链接:web design
译者:baihu
5个更有效的web设计理念(原则)
web设计在过去有了明显的改善,今天已经更友好,更吸引人了。当然这背后有着一个好的原因:通过这些年,我们已经弄明白了,设计的焦点就是网站可以性和用户体验,现代切图设计不是被完全高谈阔论和讨厌的广告填充。我们已经学会去开始和用户对话,使他们卷入会谈,并且通过寻址他们的需求和与他们直接诚挚交谈,获取他们的信任。
几个周以前我们已经介绍了《10个有效web设计的(理念)原则》---一篇综合性的文章(文章介绍了有效web设计和提供给你洞察用户实际上是怎么考虑与一些有效设计怎样能被获得的例子)。
这篇文章集锦了5个更深层的原则、应用和有效web设计的方法,适当的运用这些方法能引领我们进入更精致的设计理论并且简化我们感知当前信息的过程。
请注意你可以对下面可用性相关文章感兴趣:
10个可用性危机:列出了你应该在设计功能和站点可用性功能时避免的可用性危机。
30个可用性问题:解释了通常容易被忽略、忘记和不明白的一些重要的可用性问题,条款,规则和理念。
1.运用有效的市场营销学理念
为了销售出产品或服务,你需要能够有效的开始和访问站点的用户进行对话。既然你的用户实际上已经来到了你的站点,他们需要听到或者获取到你为他们提供什么。因此在当月末你怎样对待你的潜在的客户从而达到最大化你的收入?
在1925年类似的建议就已经产生,AIDA是一个有效的市场营销模式,是对一些常见事件(在销售过程中经历的)的描述。
A是attend(或者awareness)的简写,意思是知名度,吸引客户的注意力
I是interest的简写,意思是通过演示特点,优势或者利益,培养客户的兴趣
D是desire的简写,意思是舒服用户,让他们相信你的产品或者服务就是他们想要的,能够满足他们的需求
A是action的简写,意思是引导用户付诸行动购买。
现在还多了另一个单词AIDA(S) ,最后的s是satisfaction的简写,意思是满意度,就是说使用户满意可以让用户变成重复客户
介绍其他产品给他。
在这篇文章中客户应该能注意到AIDA其实就是把潜在的购买者转化为实际购买者,让他们去购买那些他们实际并不需要对东东
去获取用户的信任的设计师,应该弄清楚网站提供真正信息,并且以不同的方式呈现出来让用户明白。
AIDA也是更有效的提供给访问者具体的建议或者观点,这些观点是代替以响亮的空的广告语曝光他们让一个产品或者一项服务被使用。

思考一下上面的这个例子,traffik遵循AIDA的原则。如果访问者期望一些关于内容管理系统的信息他们期望能被以简洁的介绍在网站的顶端显示。因此,潜在的用户就会被吸引比且保留在网站上。兴趣通过陈列这个产品的特点你和优点被提升。
去交流一下这项服务如何满足用户的需求,这个页面底端右手边灰色的边界框被使用。最后用户被导向至"Take the Tour"和"Free 30 day trial" 按钮,这些按钮尝试把用户导向至购买的行为中去
许多其他的销售模式众所周知,例如peter Hubert 创立的BOSCH-Formula
1.好奇好问
2.提供解决方案,为客户利益讨论最终结果
3.刺激感官,让用户体验你的产品
4.在销售过程中考虑所有必要的附属设备
5.当用户准备去买的时候,瞄准销售点销售
2.尝试使用更少的颜色
黑色正文白色的背景和清淡的正文黑色的背景是相悖的.有活力的配色能帮助突出一些特殊的站点(那些你想让用户注意的)元素
但无论怎样,你都不需要使用完整活力颜色板去创建一个有效的web设计.有时只需要适当的几个颜色并且有效的使用他们,因此你的访问者将能够立即看到更重要的信息,这种办法也是最容易帮你吸引用户的焦点到你的站点重要区域的方式.

Sidebarecreative.com 使用了一个占优势的活力颜色---蓝色来代表链接,按钮和一切可以点击的元素,白色代表当前页面内容摘要的重要信息.其余站点内容用一些清淡的带青色的悬停效果,适度极好的表现了颜色有效使用的方式.
3. 力求平衡
在web设计中平衡是很重要的,因为它提供给用户一些闭合感觉,并且给予了永久和稳重的感觉.平衡设计是比较容易去消化和理解,因为他们创建了一个层级.这个层级显示了那些是网站相对更重要的东西,那些是网站相对不重要的东西

图片来自:设计元素应用在webApple(苹果)的设计大概是对称(也成为形式)平衡。单一设计元素要么非常出众,要么非常
权重类似,他们被放置在页面中贯穿用户屏幕中间的垂直线的两边。这种设计是比较静态和安静的,让访问者能更容易理解通过它表现出来的信息,结果:平衡创建了一个简洁的视觉效果
为什苹果设计的如此有效果,因为它是以用户和产品为中心。苹果网站的设计类似一个戏剧舞台,访问者是观众,产品是演员。注意这个网站表现的只是产品,没有其他任何东西,苹果管理系统初始化对话只是提供最重要的操作菜单。

Signalfeuer.info 使用了不对称平衡(非定形)(允许空格更动态使用)并且这可能是不对称平衡的 主要优势,
左边的块比右边的块更小,但无论怎样这个站点通过一个让人印象深刻的平衡网格提供了一个非常强大的平衡。而且颜色的选择也非常印象深刻
基于网格方法的对平衡设计布局架构是非常有用,甚至必要
根据这篇文章的设计的原则"不对称可能是位置和密度上的不同,去创建一个不对称的平衡,必须增加密度去补偿在位置上的变化,密度能通过改变大小,形状或者色调来增加。
4.力求清晰
设计方法的独立,布局和信息表现的清晰都应该是设计过程中最优先的约定的。如果有不明白和模棱两可的地方一定要弄清楚他们尤其是有意思冲突的地方,越多明确要比越少明确更好。
实现清晰架构你并不需要使用标准设计布局或者基本模板,如果想去冒设计试验的风险,你在记忆中要保持清晰的视觉层级和站点内容结构。有组织的分类有利于你的网站访问者更容易找到贯穿你站点的路径。
5.寻址用户的需求
作为web开发者的首要任务就是去满足用户需求并且提供给他们充分的提示,为了无缝直观的导航,无论怎样,去完成这个你需要更多的考虑你的用户能够开心的一个通用简介。
开阔你的视野,你不得不考虑各种各样的类型用户的档案。你需要去标记绝大多数分组并且提供给每组会员舒适的功能。那并不意味着你必须去创建多个版本的站点,它更意味着你能够在一个设计层级中整合用户交互的多层级。
总结:
有效的web设计不只是华美和漂亮,它需要清晰和直观。弄清楚你是帮助你的访问者去明白你的网站的优势,提供给他们一个容易的方式去浏览和使用你的网站。
对称和不对称平衡在实现一个可靠清晰的设计方案上以及提供一个丰富用户交互的基础上是很有帮助的。开阔你的视野,考虑不同类型的用户并且提供给他们多层级的用户交互设计能够利于把他们带来你的网站并且且留住他们。