2016-08-26 分類: 網(wǎng)站建設
移動網(wǎng)絡導航的好實踐
人們上網(wǎng)獲取信息的方式是不斷變化的。 谷歌報告說,明年(2013)超過一半的網(wǎng)站訪問量來自移動設備而不是臺式機或筆記本電腦。
不僅是訪問Web改變介質,需要大多數(shù)移動用戶與他們的智能手機或手持設備上網(wǎng)以及改變;變得更集中和任務導向。
今天的智能手機用戶使用他們的手機來執(zhí)行特定的任務,如檢查位置的目的地,公共交通的時間表,及銀行結余。 互聯(lián)網(wǎng)手持設備上瀏覽時(特別是當站在很長的線或等公共汽車)許多人喜歡上網(wǎng),從他們的家中或辦公室的舒適性。
屏幕空間是有限的手持設備上,用戶和移動用戶都很忙,經(jīng)常多任務為他們尋找一個拇指或手指信息在線。
由于這些原因,手機網(wǎng)站導航甚至比在傳統(tǒng)的網(wǎng)站導航更重要。典型的網(wǎng)站訪問者的問題和需求的理解,對他們的設備的限制,什么會讓他們感到沮喪的時候,在一個手機網(wǎng)站,有效的導航設計是至關重要的。
什么是移動用戶問他們什么時候上網(wǎng)?
康博軟件2011的研究用戶想要的移動發(fā)現(xiàn),95%的用戶在尋找本地信息與他們的智能手機或手持設備。這是磚和水泥企業(yè)特征導航地理位置好的做法,突出移動網(wǎng)站上的時間和聯(lián)系信息。
把自己放在典型的網(wǎng)站用戶的鞋。在對移動流量的分析一下。前三或四類用戶尋找和選擇類別名稱,反映最常見的搜索選擇。
如果這是一個手機網(wǎng)站的磚和砂漿的企業(yè),顯示一個按鈕的位置,和聯(lián)系信息突出。
你可以添加一個鏈接到“訪問我們的網(wǎng)站”和真正感興趣的可以看一個更復雜的版本的手機網(wǎng)站在他們辦公室的舒適或在家里用電腦。
對于不同的環(huán)境設計
除了參數(shù)和外部環(huán)境的干擾,設計師還必須評估設備本身在設計導航元素。
建筑師不主張完全相同的建筑設計對城市中間,沙漠或森林,一個好的網(wǎng)頁設計師考慮移動環(huán)境的機會和限制創(chuàng)造流動性的最有用的導航。
當然問題,是設計師不知道哪個設備終端用戶持有的時候訪問網(wǎng)站,的情況下,可以使用響應式設計工具如CSS媒體查詢來解決問題的定位解決,規(guī)模和內(nèi)容適應。是否使用響應式設計或適應于移動現(xiàn)有的網(wǎng)站設計一個全新的移動網(wǎng)站,還是有一定的好做法,適用于導航。
對于小屏幕的導航菜單
網(wǎng)頁設計師知道,移動用戶的行為不同的訪問Web的智能手機和手持設備比他們的臺式機或筆記本電腦。發(fā)現(xiàn)在一個小屏幕導航空間可能會非常棘手,但通過仔細的規(guī)劃設計是實現(xiàn)移動導航。
好實踐1:減少菜單的按鈕數(shù)
這可能有點棘手,當設計一個移動友好的版本的一個現(xiàn)有的網(wǎng)站,特別是在桌面設計環(huán)節(jié)多。限制你的主導航按鈕五或更少,如果需要添加嵌套菜單。
好實踐2:減少抽頭數(shù)
保持動作要在移動設備上的最小行數(shù)。較少的水龍頭和點擊找出用戶正在尋找更好的。這是太容易犯的一個錯誤??偸怯幸粋€容易找到返回按鈕:你不想讓用戶進一步。
好實踐3:滾動導航
把最重要的導航元素在頂部。移動設備的屏幕大小不同,所以仔細考慮每個類別的列表可能需要進一步向下滾動屏幕空間智能手機的重要性不。
好實踐4:堆疊按鈕
移動用戶在肖像代替景觀作為他們在桌面上看到你的網(wǎng)站。適應你的導航移動互聯(lián)網(wǎng)呈現(xiàn)垂直。讀下來,而不是越過。這個工作在菜單不超過五類的網(wǎng)站,當它不太可能會增加更多的類別。
好實踐5:嵌套菜單
有時被稱為可折疊的導航,這是需要在屏幕上的內(nèi)容以及菜單的網(wǎng)站一個不錯的選擇,和那些希望增加種類和菜單項。
優(yōu)化移動導航的觸摸屏和小按鈕
觸摸屏和小按鈕意味著網(wǎng)頁設計師的新思考。移動用戶沒有點擊鼠標定位一個小小的菜單按鈕或鏈接的奢侈品。他們是在他們的手指和拇指的擺布,這意味著他們是指在畫面上更精確的比如果他們使用鼠標,可以輕易沮喪如果攻不產(chǎn)生立竿見影的效果。
網(wǎng)站設計者可以通過增加更多的空間導航菜單鏈接使移動用戶更容易,或通過更換鏈接按鈕菜單類。
使它更大更容易迅速找到一個區(qū)域,單擊它小小的手機按鈕,或點擊它用手指或拇指。作為普通的手指需要點擊區(qū)域至少44px X 44px,這可能會導致按鈕和導航領域,使屏幕上的其他內(nèi)容。然而這可能適合的網(wǎng)站和用戶的目的,特別是如果主頁內(nèi)容是次要的,主要的菜單項。
理想的情況是,設計應該讓觸摸屏用戶進行導航按鈕,如果需要更大的。
提示優(yōu)化
設置菜單在屏幕的頂部或底部,根據(jù)網(wǎng)站用戶的主要目的。如果他們要找的內(nèi)容和容易滾動,把菜單底部提供了一個可去的地方在您的網(wǎng)站上,而不是讓網(wǎng)站對搜索引擎網(wǎng)站或競爭。
部分隱藏菜單以適應屏幕上的其他內(nèi)容,揭示完整的菜單,當用戶點擊它。這使菜單前沒有刪除有用的內(nèi)容中心。
一個菜單的鏈接在屏幕的頂部,并添加一個導航按鈕的底部。
又高又瘦的可能是偉大的名模,但在移動Web導航短而寬是美麗的。寬短導航也有助于當你有較長的一類標題–文本更適合。
降低標題圖片的高度或更換它們具有較小的標志來增加空間 導航。
保持品牌和設計問題,注意排版、顏色一致,和導航按鈕的樣式而不是使用了寶貴的空間與大型圖形圖像。
縮短了的文本,尤其是菜單按鈕和分類標題。在某些情況下,這是非常困難的,而在每一行文字里堆疊式菜單是一個更好的選擇。
盡可能的簡化。刪除盡可能多的網(wǎng)頁,可能只提供前幾項用戶最希望。
手機導航的禁忌
移動用戶忙,心煩意亂,就去。他們不想他們的選擇按鈕選擇品種,你不想讓他們變得沮喪,由于分析癱瘓離開現(xiàn)場。
不要給他們很多的選擇。
避免水平滾動,沒有徘徊!滑動菜單也可以向移動用戶沮喪。在你的追求,簡化導航,不要認為你很無聊。創(chuàng)造性的導航并不是一件壞事,但它必須直觀。用戶應該能夠很容易地看到哪里去找到他們想要的信息很快。
結論
移動設備是比較新的一種訪問Web方法意味著移動導航是不同的設計嘗試,調(diào)整,不斷地發(fā)展,或拋出,共。
這一集的用戶在一個網(wǎng)站的作品可能是一個不同的網(wǎng)站的用戶搜索信息的災難是完全不同的。此外,同一用戶的方法不同部位及不同用途:移動用戶在尋找一個最可能想要她的手機新聞網(wǎng)站的頭條新聞,不接觸信息;而這正是她想當她訪問手機網(wǎng)站為她的牙醫(yī)或發(fā)型師。
而對于移動網(wǎng)站的導航元素可能不同于傳統(tǒng)的網(wǎng)站,其目的都是一樣的:網(wǎng)站訪客有一個問題,當他們?nèi)ピ诰€。商店在哪里?這個世界正在發(fā)生什么?我的銀行帳戶的余額是多少?偉大的導航引導用戶快速簡單的答案。
滿足他們的迫切需要,他們會回來的,增加網(wǎng)站流量,讓你的客戶高興和你領導推薦和更多的移動網(wǎng)頁設計業(yè)務。
創(chuàng)新互聯(lián)設計文章推薦:
本文題目:移動網(wǎng)絡導航的最佳實踐
路徑分享:http://www.rwnh.cn/news/21175.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、移動網(wǎng)站建設、動態(tài)網(wǎng)站、定制開發(fā)、App設計、網(wǎng)站設計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容