<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    如何設計網絡異常時的APP?

    • 時間:2016-11-04 17:25
    • 發布:昆明UI培訓
    • 來源:人人都是產品經理

    如何友好的設計特殊場景下的App頁面,對于用戶體驗至關重要。這也是互聯網產品設計人員的基本功。

    達內昆明UI培訓先講講網絡異常時,APP該如何設計:

    網絡異常有兩種情況,一種是網絡切換,即從WiFi狀態切換到3G/4G網絡;第二種是網絡中斷,APP與服務器的數據傳輸。

    網絡切換

    一些需要消耗大量流量的APP,用戶一般只會在WiFi的網絡狀態下運行(土豪用戶除外),像視頻APP,音樂APP,還有現在很火的直播APP。

    當網絡狀態從WiFi切換到3G/4G時,為了防止用戶消耗流量,APP會采取一定的設計形式來告訴用戶,網絡狀態切換了,請小心。

    達內昆明UI培訓認為,告訴用戶發生了什么,遇到了什么問題,也給用戶提供解決問題的辦法和入口,這才是好的設計。

    網絡信號不好或網絡中斷

    網絡中斷,APP無法與服務器交換數據。一般有三種設計形式處理網絡中斷問題。

    ①整頁提示

    當由于網絡信號不好或網絡中斷等原因引起頁面數據無法調取狀態時,頁面做此處理。

    整頁異常的設計樣式包括三部分:icon或者插畫形式;網絡異常文案;重新連接網絡的button。

    ②預設圖和占位符提示

    當由于網絡信號不好或網絡中斷等原因引起頁面數據無法調取狀態時,我們可以事先在APP中預設好圖標和占位符來替代加載的數字、圖片、文字等數據。也就是預處理過程。

    這種設計形式有一個最大的好處就是當網絡中斷時間很短時,用戶幾乎察覺不到網絡中斷,APP就已經恢復正常了。這就是利用設計技巧,不給用戶帶來額外操作成本和認知負擔。

    ③toast和dialog提示

    網絡信號不好或網絡中斷時,用戶還在繼續操作APP,為了提示用戶,會采用toast或dialog的形式來提示用戶網絡異常。

    達內昆明UI培訓上述說的三種設計形式并不是孤立的,是可以配合使用的。上圖的網易考拉APP就使用了整頁提示和toast提示。形式可以千變萬化,但總歸是為了服務功能,而功能又立足于用戶需求。深刻理解用戶需求才是靈活運用設計形式的根本。

    上一篇:如何設計UI界面中的搜索入口?
    下一篇:如何五分鐘快速設計一個LOGO?

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>