Web设计实例:解析Apple.com中的可用性设计

时间:2009-03-18 11:34点击:
  

 

  作为设计者来说,在很多方面都被Apple影响着,无论是其优秀的操作系统、时尚前卫的消费产品,还是他们在Web/应用设计上的引导趋势。从 Apple的产品和线上网站可以看出,Apple始终关注用户体验和可用性多一些。对于Apple.com来说,设计上注重可用性是非常重要的,它必须给用户留下一个好的印象,基于此,用户会更加喜欢购买Apple的产品,网站的可用性很大程度上反应了其产品的人性化操作。

 

  从Apple.com可以学到很多知识,所以我用这个网站作为一个个案,研究一下Web设计过程中需要注意的一些可用性方面的知识。

  1. 流畅实用的内容导航和菜单

  

  主菜单(Main Menu)- Apple的菜单应该是最值得学习和效仿的设计了。你可能会问,这样如此简单平常的导航为什么会强大?首先,就是其设计的一致性,这个主菜单的整个页面中的定位清晰统一,是避免困扰用户操作的最直观的表现方式。

  此外,这个菜单也使用了非常简单的鼠标hover事件,但这些表现已经足够了。

  JavaScript Mac 菜单 - 这个名声在外的 Mac menu 是设计最简洁、组织最紧凑的导航之一,是在有效的特定空间内最好的内容组织方式。相比合理的内容组织更重要的就是操作的便利了,尤其响应鼠标的labels更是游刃有余。

  侧边栏菜单 - 侧边栏导航能给人深刻的印象,可用性强。这个小巧的折叠层可以满足有限区域内容容纳更多链接内容的需要,即便有新的添加进来也不会对布局产生影响。

  Gallery 导航 - 除了基于导航设计的内容组织外,图片的组织也同样是极其重要的。Apple.com实现了一个非常简单的图片展示功能,除了使用了缩略图菜单外,还使用了 lightbox 的表现效果,简单简洁的设计,却让用户的操作表现的流畅完美。

  在每一个 lightbox gallery中,所有的图片都是组织在 lightbox下,我们不必再把时间花费在“上一幅、下一幅”的点击操作上了。

  

  iPhone 特色菜单 - 又一个简洁但功能强大的菜单, iPhone 的内容是一个基于多个列表的样式化导航。

  Bread Crumbs导航 - 面包屑导航告诉用户他当前的操作位于整个网站的具体位置。Apple在每一页面的底部都提供了这样一个位置导航功能,对于希望无障碍地快速网站的用户来说非常有用。

  Site Map - 就Web的可用性来说,网站地图是一个更不起眼的功能,但它在应用中却必不可少。 Apple.com 有一个位于页脚的网站地图,帮助用户更方便地找到需要的页面。

  2. 整齐流畅的网格布局

  

  任何网站设计(或者说任何一个层设计)都是从最简单的网格开始的,网格是任何层和内容的基础。Apple 在每一个页面,统一使用整齐的网格布局设计,给用户一个愉快的体验。

  虽然Apple在每个页面都使用了网格布局,但是页面间的布局却又各不相同,这就需要设计的灵活性和创新意识。与此同时,保持框架统一的网格区域,也能给用户视觉上的愉悦。

  3. 统一稳重的色调,高质量的图片

  除流畅的布局设计外,页面的色调也在很大程度上反映了网站的可用性设计。色调方案是一个网站表达感觉和视觉最直观的因素,起决定性作用。

  对比度/色彩设计 - Apple使用一个完美的色彩设计,表达出一种和谐专业的感觉。平滑的对比度增强了内容的可辨识度。非常合理的网站饱和度提高了易读性。此外,相比基本文字,链接文字的不同色彩也是为内容的可读性增色不少。

  图片 - 和色调紧密相关的是,图像的质量也是一个非常重要的方面。Apple.com在内容中混合了很多的图像,这些图像都是高质量的,在网站的专业性方面充当了一个相当重要的角色,好的图像需要在细节处下足功夫。

  空隙 - 合理的空隙应用是完美页面布局设计必不可少的成分。适当的应用可以避免混乱的布局,使布局看起来更加清晰。Margins、行间距, 字间距的科学人性化设计都会增强内容的可读性,减少视觉上的阅读疲劳。

  4. 流畅可扫描的内容组织

联系我们
联系电话: +86(20)87587986
值班手机: +86(0)13926039803
联系人: 胡先生
E-mail:HU@phipai.com
MSN:wq6190@hotmail.com
QQ:1255152651
点击这里直接和我对话
热点内容
我们是一家专业的网络事件口碑互动公司 | 专注于网络炒作,品牌炒作,事件营销,新闻炒作,网络公关,网络监测,网络发稿,软文发布,口碑营销,事件炒作,危机公关等业务。我们能做网站设计,网站改版网站SEO | 我们做过集团上市公司汽车房地产金融IT企业网络炒作,网站建设改版 | 我们的客户有 华为万科魅族等大型品牌企业 | 我们可以承诺效果,无效退款 ,我们从了解您的具体需求入手,确定您的网络营销目标和战略,提供【有针对性】 的网络营销策划,网络炒作,事件营销,新闻炒作,网络公关,口碑营销网络推广服务;我们为每一个客户配备一名专业的服务人员,24小时随时满足您【一对一】的个性化需求

地址:广东省广州市天河区五山路267号20楼

网络口碑互动广州网络炒作广州网站推广广州网络营销广州网站建设直线:020-87587986;24小时值班电话:13926039803胡先生

Copyright © 2002-2010 PHIPAI 斐派营销策划 - 网络口碑互动专家 版权所有
粤ICP备06063629号