建設,設計,策劃,開發,推廣]從YouTube改版看“移動優先”

2018.04.04 濰坊網站建設

59

　濰坊網站建設,設計,策劃,開發,推廣]從YouTube改版看“移動優先”

2011年，濰坊網站建設的Luke Wroblewski大神提出了移動優先的設計理念。在當時看來這無疑是一個打破行業常規的新型設計原則。而在移動互聯網大行其道的今天，誰遵守移動優先的設計理念，設計出最好的移動端網站，誰就能贏得用戶和商機。由此，移動端網站設計的重要性對各大商家來說，毋庸置疑。

　　“先完成web設計再移植移動設計”的常規模式已經不再適用，移動化必將是未來互聯網行業的發展趨勢。所以移動優先的網站設計將會變成一個新的潮流，即便這個理念已經存在了好幾年。

　　為什么移動優先設計理念如此重要？

1.據《全球互聯網報告》，截至2016年，全球智能手機用戶已達28億。

　　2.與此同時，人們每天在移動端使用網絡的時間越來越長。

　　3.早在2012年，全球智能手機的銷量就超過PC電腦的銷量。

　　移動端需求的爆炸式增長，要求設計師在進行產品設計時，重視產品的移動端版本，遵從移動優先的設計原則。我相信，這些理由已經足夠讓設計師和商家們好好研究移動端網頁設計，并從中獲益。

　　有哪些優秀的移動優先設計案例？

　　今年YouTube的改版就已經體現了“移動優先”設計的權威。Material Design體現出“桌面版是移動版的從屬”這一設計思想。正對應了微軟現任CEO納德拉喊出來的口號——“移動優先”。

　　對這句話的最通俗的解釋就是：以前，手機版是“縮小了的桌面網頁”，而現在桌面版是“放大了的手機App”。那么，借此機會，我們列舉了8個遵循移動優先設計理念的網站案例供大家學習和參考。

1. YouTube

　　設計亮點：按鈕、文字顯示留白

　　夜間模式

　　YouTube桌面網頁版的Material Design設計語言，也體現出了強烈的優先照顧移動設備的特征。響應式設計自然是應有之義，按鈕以及文字顯示的大量留白，無疑是為了適應小屏幕觸屏的使用。

　　新采用的夜間模式也顯示其對移動設備的臣服。桌面版設備界面大多是白色背景，而在移動端更好的方案則是使用屏幕偏黃光的夜燈模式，而不是整體界面都變成黑底白字。在所有光源都取消，且屏幕尺寸不大的情況下，手持設備用黑底白字的界面同時降低亮度，才會讓眼睛更舒服。

　　2.Apple

　　設計亮點：便捷的滾動式導航

　　根據Nielson/Norman Group，它所發表的一篇用戶體驗調查研究顯示，隱藏導航（如漢堡導航）會減少21%的內容可發現性，并平均增加使用導航2秒。而蘋果網站的內容被布局的非常棒，所以我并不需要使用導航按鈕，我可以通過滾動頁面，十分便捷地獲取信息。一個購物袋的圖標按鈕通常是有必要且一目了然的，以符合用戶的購買需求。如果瀏覽頁面后仍獲取不到所需信息，我可以在底部導航中深度檢索得到想要的信息。

　　3.Pitchfork

　　設計亮點：拇指化設計

　　雖然現在有許多拇指化區域的研究，但仍有許多網站與應用將導航放至屏幕頂部。因為大家都是這么做的。但如果你留心拇指觸及區域，你會發現手機越大，屏幕外部邊緣區域的內容越難以被用戶接觸到。而類似Pitchfork這樣的移動網頁則是將網站主導航欄放在屏幕最底部，拇指最容易觸及到的地方。隨著移動設備持有量的不斷增長，這樣的設計也將是未來所向。

　　4.Typeform

　　設計亮點：大菜單按鈕--非常適合觸屏操作

　　Typeform的桌面網站設計非常精美，簡潔的副本，高清視頻，動畫等設計元素。但是復雜的設計組件對移動端用戶并不友好，比如視頻和動畫可能會顯著影響頁面加載時間。因此，他們在移動端網頁上刪減了許多不必要的設計元素，但保留了適合在移動設備上操作的大菜單按鈕，簡單卻不失精美，簡化了整體移動體驗。

　濰坊慕楓網絡技術有限公司是一家專業從事南寧網站設計開發、網站建設、域名注冊等業務的網絡公司。

　　公司自成立以來經過不斷的專研努力，現已累計固定合作的客戶200多家，在區內外樹立了自己的品牌知名度和認知度。

　　轉載請注明:濰坊網站建設：http://www.144610.tw/newsshow/165.html

相關推薦

關鍵詞

最新案例

聯系電話 400-6065-301

在線咨詢

留言

(-^O^-)MG魔术兔_官方版捕鱼来了怎样猜龙牌快三开奖北京快三开奖结果幸运农场中奖说明奖金老k棋牌骗局全民玩麻将辅助器江西优乐抚州麻将街机捕鱼波克 ccc36百家乐孕妇广东福彩36选7预测分析什么叫平特一肖怎么买赛车预测二人血流麻将下载青海体彩十一选五开奖彩库宝典库图十大赌博官方网站平台吉林麻将顶中顶怎么玩