Apple.com網站Web設計的可用性知識

來源:互聯網
上載者:User

作分析為設計者來說,我們在很多方面都被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  有一個位於頁尾的網站地圖,協助使用者更方便地找到需要的頁面。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。