作分析為設(shè)計(jì)者來(lái)說(shuō)，我們?cè)诤芏喾矫娑急籄pple影響著，無(wú)論是其優(yōu)秀的操作系統(tǒng)、時(shí)尚前衛(wèi)的消費(fèi)產(chǎn)品，還是他們?cè)赪eb/應(yīng)用設(shè)計(jì)上的引導(dǎo)趨勢(shì)。從 Apple的產(chǎn)品和線(xiàn)上網(wǎng)站可以看出，Apple始終關(guān)注用戶(hù)體驗(yàn)和可用性多一些。對(duì)于Apple.com來(lái)說(shuō)，設(shè)計(jì)上注重可用性是非常重要的，它必須給用戶(hù)留下一個(gè)好的印象，基于此，用戶(hù)會(huì)更加喜歡購(gòu)買(mǎi)Apple的產(chǎn)品，網(wǎng)站的可用性很大程度上反應(yīng)了其產(chǎn)品的人性化操作。
從Apple.com可以學(xué)到很多知識(shí)，所以我用這個(gè)網(wǎng)站作為一個(gè)個(gè)案，研究一下Web設(shè)計(jì)過(guò)程中需要注意的一些可用性方面的知識(shí)。
1. 流暢實(shí)用的內(nèi)容導(dǎo)航和菜單
主菜單（Main Menu）- Apple的菜單應(yīng)該是最值得學(xué)習(xí)和效仿的設(shè)計(jì)了。你可能會(huì)問(wèn)，這樣如此簡(jiǎn)單平常的導(dǎo)航為什么會(huì)強(qiáng)大？首先，就是其設(shè)計(jì)的一致性，這個(gè)主菜單的整個(gè)頁(yè)面中的定位清晰統(tǒng)一，是避免困擾用戶(hù)操作的最直觀的表現(xiàn)方式。
此外，這個(gè)菜單也使用了非常簡(jiǎn)單的鼠標(biāo)hover事件，但這些表現(xiàn)已經(jīng)足夠了。
JavaScript Mac 菜單：這個(gè)名聲在外的 Mac menu 是設(shè)計(jì)最簡(jiǎn)潔、組織最緊湊的導(dǎo)航之一，是在有效的特定空間內(nèi)最好的內(nèi)容組織方式。相比合理的內(nèi)容組織更重要的就是操作的便利了，尤其響應(yīng)鼠標(biāo)的labels更是游刃有余。
側(cè)邊欄菜單：側(cè)邊欄導(dǎo)航能給人深刻的印象，可用性強(qiáng)。這個(gè)小巧的折疊層可以滿(mǎn)足有限區(qū)域內(nèi)容容納更多鏈接內(nèi)容的需要，即便有新的添加進(jìn)來(lái)也不會(huì)對(duì)布局產(chǎn)生影響。
Gallery 導(dǎo)航： 除了基于導(dǎo)航設(shè)計(jì)的內(nèi)容組織外，圖片的組織也同樣是極其重要的。Apple.com實(shí)現(xiàn)了一個(gè)非常簡(jiǎn)單的圖片展示功能，除了使用了縮略圖菜單外，還使用了 lightbox 的表現(xiàn)效果，簡(jiǎn)單簡(jiǎn)潔的設(shè)計(jì)，卻讓用戶(hù)的操作表現(xiàn)的流暢完美。
在每一個(gè) lightbox gallery中，所有的圖片都是組織在 lightbox下，我們不必再把時(shí)間花費(fèi)在“上一幅、下一幅”的點(diǎn)擊操作上了。
iPhone 特色菜單：又一個(gè)簡(jiǎn)潔但功能強(qiáng)大的菜單， iPhone 的內(nèi)容是一個(gè)基于多個(gè)列表的樣式化導(dǎo)航。
Bread Crumbs導(dǎo)航：面包屑導(dǎo)航告訴用戶(hù)他當(dāng)前的操作位于整個(gè)網(wǎng)站的具體位置。Apple在每一頁(yè)面的底部都提供了這樣一個(gè)位置導(dǎo)航功能，對(duì)于希望無(wú)障礙地快速網(wǎng)站的用戶(hù)來(lái)說(shuō)非常有用。
Site Map - 就Web的可用性來(lái)說(shuō)，網(wǎng)站地圖是一個(gè)更不起眼的功能，但它在應(yīng)用中卻必不可少。 Apple.com 有一個(gè)位于頁(yè)腳的網(wǎng)站地圖，幫助用戶(hù)更方便地找到需要的頁(yè)面。
粵公網(wǎng)安備 44010402000282號(hào)