• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 詳細解析移動APP導航設計的改版實戰—- 其他教程




    教學主題: 詳細解析移動APP導航設計的改版實戰

    大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

    今天的這個教學主題是: 詳細解析移動APP導航設計的改版實戰

    這教學的重點為這幾點 [ 設計,改版,實戰,導航,解析,移動,詳細,菜單,使用,App ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    關於手機APP的導航設計討論已經有很多了,特別是針對漢堡菜單的討論。今天翻譯的這篇文章,是原作者在真實的APP中對導航進行改版,觀察數據並進行分析的一則小文,實戰意義很強,可供借鑒。

    關於手機APP的導航設計討論已經有很多了,特別是針對漢堡菜單的討論。今天翻譯的這篇文章,是原作者在真實的APP中對導航進行改版,觀察數據並進行分析的一則小文,實戰意義很強,可供借鑒。

    在移動界面設計中,使用各種菜單控件來簡化界面,對設計師來說很有吸引力 —— 特別是在小屏幕的設備上。但是,將 App 的核心部分隱藏在這些菜單里,可能會對實際使用產生負面的影響。

    若不在視線里,便不在感知中

    為了簡化 Polar 的界面設計,我們將之前的標籤式菜單改成了切換式菜單。改版后的菜單看起來更「乾淨」,但接下來,菜單的日常使用頻次卻發生了暴跌。根本原因是當更多的選項被隱藏在了切換式菜單的裡面,人們便不再在菜單之間進行切換了。

    詳細解析移動APP導航設計的改版實戰

    Polar

    詳細解析移動APP導航設計的改版實戰

    Polar – 菜單的日常使用情況統計表

    譯註:請注意,作者並沒有在圖表上標註縱軸是什麼以及它的刻度。

    另一個相似的情況也發生在 Zeebox 的設計者們將 App 的主導航從標籤式改成抽屜式后。App 中的核心部分現在不在用戶的視野中,所以無法被用戶感知到。結果便是導航的使用頻次急劇地下降。

    詳細解析移動APP導航設計的改版實戰

    Zeebox

    只有在視線里,才會被感知到

    當 App 的核心部分變得更加顯眼時,它們的使用頻次便會上升。Facebook 發現,當他們將 iOS App 里的「漢堡式」菜單改為底部標籤式菜單后,不僅使用頻次上升了,其他的重要指標也跟着增加了。

    詳細解析移動APP導航設計的改版實戰

    Facebook

    相似的,Redbooth 將漢堡菜單改為了底部標籤式菜單后,會話數和活躍用戶數量都增加了。之前處於視野外的功能現在出現在了界面前台和中心。

    詳細解析移動APP導航設計的改版實戰

    Redbooth

    如何取捨?

    由於移動設備的屏幕大小有限,不能把所有的東西都直接放置在界面上。這導致移動界面的設計變得具有挑戰性。不同於大屏幕的桌面電腦可以讓我們把每一個功能放在上面,移動設備要求我們必須做一些取捨:有哪些東西真的值得擺在上面?

    回答這個問題需要弄清楚一個關鍵——究竟是哪些東西直接影響着你的用戶和生意。換句話說,這要求產品設計者好好地思考,然後再設計。

    看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 詳細解析移動APP導航設計的改版實戰 這教學會喜歡

    文章標題: 骨子愛創意- 詳細解析移動APP導航設計的改版實戰–轉載請註明來源處

    本教學分類為平面理論教程中的 其他教程相關教學

    文章相關關鍵字為: 設計,改版,實戰,導航,解析,移動,詳細,菜單,使用,App

    本文永久連結 :詳細解析移動APP導航設計的改版實戰

    本文轉載自 :VIA