13396739763 / 13136206268

APP開發 小程序制作(Do) 軟件外包 網站建設

我(I)們的(Of)服務

APP開發、微信建設、軟件定制外包、小程序制作(Do)

聯系電話:13396739763 / 13136206268

您當前位置> 主頁 > 網站制作(Do)-解析網頁導航設計原理

網站制作(Do)-解析網頁導航設計原理

2013-02-02
0
1107
嘉興科技提供中高端網站制作(Do)服務

在(Exist)互聯網信息爆炸的(Of)今天,互聯網的(Of)設計師們在(Exist)網頁上(Superior)設計出(Out)各種各樣的(Of)導航也是(Yes)爲(For)了(Got it)不(No)讓用(Use)戶迷失在(Exist)信息的(Of)大(Big)海中,給予用(Use)戶的(Of)一(One)個(Indivual)導航的(Of)方式。Apple是(Yes)大(Big)家公認的(Of)用(Use)戶體驗最好的(Of)設計公司,嘉興網絡公司淺談用(Use)什麽方式完美地完成用(Use)戶導航需求的(Of)。

頁面導航原則指導設計:我(I)們用(Use)導航原則來(Come)檢驗nestle.com的(Of)導航設計,這(This)個(Indivual)頁面通過頁面标題“baby foods”告訴我(I)們當前位置,通過網站logo,二級導航欄中選中的(Of)“Brands”,左側三級導航欄選中的(Of)“Baby foods”,告訴我(I)們這(This)個(Indivual)頁面的(Of)固定路徑是(Yes)從home,選擇brands分類,再選擇Babyfoods。且導航欄的(Of)每一(One)個(Indivual)分類都可以(By)被點擊,可以(By)讓用(Use)戶返回到上(Superior)一(One)級。這(This)個(Indivual)頁面完成了(Got it)導航所需要(Want)的(Of)所有信息傳達元素。我(I)們也可以(By)明顯地找到頁面中的(Of):→→的(Of)頁面路徑。根據它的(Of)面包屑的(Of)節點标簽元素,将頁面中的(Of)相同元素找出(Out)來(Come),這(This)些元素都已比較明顯的(Of)樣式表示選中,與相同信息不(No)同狀态的(Of)内容區分開來(Come),導航布局從上(Superior)而下形成了(Got it)包含與被包含的(Of)關系,是(Yes)将這(This)些選中的(Of)元素用(Use)箭頭連接起來(Come),這(This)樣就找到了(Got it)頁面中的(Of)的(Of)頁面路徑。

面包屑這(This)種方式完成導航需求的(Of)方式爲(For):

1、通過最後一(One)個(Indivual)節點标簽告知用(Use)戶當前位置;

2、面包屑整體從左到右告訴用(Use)戶來(Come)到當前位置的(Of)固定路徑;

3、除了(Got it)當前頁面的(Of)節點标簽,其它節點标簽均可點擊,可以(By)讓用(Use)戶回到上(Superior)一(One)級頁面(可以(By)回到最初起點的(Of)作(Do)用(Use))。通過這(This)三點任何用(Use)戶都不(No)會在(Exist)網站中迷失方向。

apple網站itunes新功能介紹的(Of)頁面

然後我(I)們再對照這(This)個(Indivual)面包屑所在(Exist)的(Of)頁面從上(Superior)往下的(Of)各種導航方式的(Of)元素進行分析,看頁面除面包屑之外是(Yes)如何自我(I)完成導航需求的(Of):

1、首先導航菜單欄上(Superior)的(Of)logo告訴用(Use)戶在(Exist)apple的(Of)網站上(Superior),導航上(Superior)的(Of)菜單分類告訴用(Use)戶這(This)個(Indivual)網站一(One)共有多少個(Indivual)維度,菜單上(Superior)被選中的(Of)Itunes,告訴用(Use)戶當前處于(At)itunes的(Of)菜單維度下。

2、接着是(Yes)itunes的(Of)頁面導航欄,大(Big)大(Big)的(Of)标題itunes告訴用(Use)戶下面的(Of)内容都是(Yes)講itunes,右邊的(Of)itunes的(Of)頁面菜單導航告訴用(Use)戶itunes頁面的(Of)内容分類,其中不(No)一(One)樣狀态的(Of)what’s new告訴用(Use)戶目前選中的(Of)是(Yes)這(This)個(Indivual)類容,下文内容是(Yes)在(Exist)這(This)個(Indivual)分類下的(Of)。

3、最後是(Yes)這(This)個(Indivual)頁面的(Of)标題What’s new in iTunes,表示當前頁面的(Of)内容是(Yes)按照這(This)個(Indivual)标題全面鋪開内容。

上(Superior)述導航元素也清楚地告知了(Got it)我(I)們1、用(Use)戶當前位置(當前頁面标題);2、來(Come)到當前頁面的(Of)固定路徑(從上(Superior)往下的(Of)導航路徑布局和(And)元素);3、如何返回上(Superior)一(One)級頁面(每個(Indivual)導航菜單均可點擊,除了(Got it)當前頁面标題)。其中涉及到3級導航:apple網站主導航、itunes類别導航和(And)what’s new 内容導航,每一(One)級導航都有導航菜單和(And)被選中的(Of)狀态。将每一(One)級導航的(Of)起始點用(Use)箭頭鏈接起來(Come),→→,形成了(Got it)一(One)個(Indivual)和(And)實際存在(Exist)的(Of)面包屑。

一(One)模一(One)樣的(Of)頁面路徑。告知用(Use)戶是(Yes)如何來(Come)到這(This)個(Indivual)頁面的(Of)。

從上(Superior)述頁面中的(Of)面包屑樣式分析和(And)頁面自己的(Of)内容分析,可以(By)看出(Out)整個(Indivual)頁面裏所有的(Of)導航方式所要(Want)傳達描述的(Of)信息是(Yes)一(One)緻的(Of),那麽我(I)們可以(By)歸納出(Out)頁面導航原則:1、告知用(Use)戶當前位置;2、告知用(Use)戶來(Come)到當前頁面的(Of)固定路徑;3、可以(By)讓用(Use)戶返回上(Superior)一(One)級頁面。

 

嘉興雷鳥是(Yes)一(One)家集企業軟件開發,WEB網站建設,移動APP制作(Do)等綜合型的(Of)互聯網公司,爲(For)嘉興顧客提供一(One)站式的(Of)企業軟件開發,安卓app開發,ios開發服務,同時(Hour)爲(For)嘉興企業提供全面移動互聯軟件技術解決方案,是(Yes)嘉興知名的(Of)綜合型APP軟件外包開發公司。根據前期調研方案和(And)客戶實際需求,以(By)專業獨到的(Of)設計理念、精益求精的(Of)技術精神、嚴格完善的(Of)品控系統,爲(For)嘉興每一(One)位客戶提供專屬的(Of)移動互聯軟件技術解決方案。經過不(No)斷積累,嘉興雷鳥陸續推出(Out)視頻直播APP、電商商城APP、P2P網貸APP、智能硬件APP開發、移動APP開發、微信公衆平台開發、一(One)元購APP、智慧社區服務APP、生活服務O2O系統APP等各類APP産品,爲(For)嘉興各行企業向移動互聯網轉型奠定了(Got it)堅實基礎。在(Exist)激烈的(Of)市場競争中,嘉興雷鳥創造了(Got it)嘉興軟件定制開發行業的(Of)卓越口碑,是(Yes)具有更高品質的(Of)移動互聯網軟件技術定制服務商。

聲明:文章來(Come)源于(At)互聯網!

企業名稱:瑞昌天啓雲網絡科技有限公司

聯系電話:13396739763 13136206268 (節假日均可撥打)

售前咨詢QQ:點擊這(This)裏給我(I)發消息

技術咨詢QQ:點擊這(This)裏給我(I)發消息

所在(Exist)地址: 浙江省嘉興市城南路1539号創業大(Big)廈

網址:www.lei-niao.com

主營行業: APP開發 / 蘋果手機APP開發 / 安卓手機開發 / 軟件定制 / 平闆應用(Use)開發/軟件定制/微信開發/微網站建設/微網站設計/嘉興微網站建設/微網站  專業做高端網站建設網站設計網站改版網站維護微網站建設微網站制作(Do)嘉興網站建設嘉興網站設計嘉興網站制作(Do)軟件開發APP應用(Use)嘉興微官網制作(Do)動畫制作(Do)域名注冊空間托管企業郵箱注冊樣本宣傳冊印刷制作(Do)400電話做網站業務

相關案例查看更多