Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

App介面設計要點

587 views

Published on

https://www.gitbook.com/book/starcraftorz/105/edit#/edit/master/chapter1.md?_k=as5jjq

Published in: Technology
  • Be the first to comment

  • Be the first to like this

App介面設計要點

  1. 1. APP外觀設計要點
  2. 2. 速食文化 • 由於現代人已適應資訊爆發的思考模式 • 而APP第一眼的印象十分重要 • 很多APP可能下載後過了三天就不使用 • 或是直接刪除 • 如何能讓人想繼續用下去的動機很重要
  3. 3. 脫離PC的介面思考模式
  4. 4. 畫面大小的差異 • 電腦畫面夠大 • 能在單一頁面 • 放下大量資訊
  5. 5. • 手機大多為直式 • 由於畫面小 • 所以縮圖大而少 • 功能也集中在上方或下方
  6. 6. • PC頁面有多餘空間 • 可以放置其他推薦 • 影片
  7. 7. • 手機畫面可以轉橫式彌補 • 畫面大小不足
  8. 8. 放大模式 • 雙擊放大 • 可二次放大 • 第三次雙擊回復原始大小 • 多點觸控放大 • 二次放大可避免單次放大過大或過小
  9. 9. 頁面留白 • 畫面左右兩側的留白很重要 • 避免用戶覺得畫面壅擠
  10. 10. 直版橫版 • 相較於遊戲影音的橫版畫面 • 文字為主的瀏覽頁面多為直版
  11. 11. 動態方塊 • 圖配文字的排版 • 更適合快速瀏覽是否 • 想要點擊
  12. 12. 預覽頁面 • 點擊進入並不是直接 • 開啟主要頁面 • 而是開啟預覽頁面 • 大圖加上大綱 • 可以讓人更快決定 • 是否還要繼續閱讀
  13. 13. 廣告排版 • 用戶能接受的廣告多為 • 不影響主要操作的邊緣 • 橫幅廣告 46% 39% 15% 是否接受全屏讀秒廣告 可以接受 沒意見 無法接受 46% 39% 15% 是否接受畫面邊緣橫幅廣告 可以接受 沒意見 無法接受
  14. 14. 背景執行 最小化 • 在手機硬體越來越強大的趨勢下 • 希望應用程式能背景執行,多開 • 或是縮小在旁邊的功能用戶變多 27% 49% 10% 10% 4% APP能背景執行,多開,最小化是否重要 非常重要 重要 沒意見 不重要 非常不重要
  15. 15. ICON是否重要 27% 49% 10% 10% 4% APP的ICON設計是否重要 非常重要 重要 沒意見 不重要 非常不重要
  16. 16. 我到底學會了甚麼 • 我其實也不知道,讀了四年 • 資工系感覺也不適合我 • 程式不會寫 • 雖然可以些一點網頁 • 但難以自己達到一個能用的地步 • 反而關於多媒體的部分 • 或是應用介面等比較在行

×