<option id="uausy"></option>
  • <li id="uausy"></li>
  • array(23) {
      ["id"] => string(2) "96"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(1) "0"
      ["name"] => string(6) "服務"
      ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "service"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(88) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_dingzhi.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
      ["son"] => array(9) {
        [0] => array(22) {
          ["id"] => string(3) "187"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["pdir"] => string(0) ""
          ["dir"] => string(6) "wechat"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_xcx.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "0"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "1"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [1] => array(22) {
          ["id"] => string(3) "199"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "APP開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "APP"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(65) "app開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_app.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "1"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [2] => array(22) {
          ["id"] => string(3) "244"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "快抖霸屏"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "kuaidou"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
            ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
            ["meta_description"] => string(161) "藝源智能云推廣系統13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(20) "show_page_douyin.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "2"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(27) "需要短視頻推廣排名"
          ["modelname"] => NULL
        }
        [3] => array(22) {
          ["id"] => string(3) "207"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(14) "AI智能名片"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(2) "ai"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
            ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
            ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(16) "show_page_ai.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "3"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [4] => array(22) {
          ["id"] => string(3) "201"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "版權登記"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "copyright"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_copyright.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "4"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [5] => array(22) {
          ["id"] => string(3) "203"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "商標注冊"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "trademark"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
            ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
            ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話:13325455411。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_trademark.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "5"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [6] => array(22) {
          ["id"] => string(3) "205"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "網站建設"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
          ["desc"] => string(149) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "website"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(80) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
            ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
            ["meta_description"] => string(248) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(21) "show_page_website.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "6"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [7] => array(22) {
          ["id"] => string(3) "208"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "2"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "云服務平臺"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(0) ""
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(0)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(0)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(0) ""
            ["formid"] => string(0) ""
            ["url"] => string(21) "http://www.qulvkj.com"
            ["target"] => string(6) "_blank"
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "7"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [8] => array(22) {
          ["id"] => string(3) "202"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "SEO優化"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "seo"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(90) "【西安SEO優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_seo.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "8"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    從零開始帶你掌握空狀態設計的正確方法
    時間:2019-09-11 09:55:04
    文章發布:李陽
    原創作者:未知
    來源:互聯網

    空狀態是APP內必然存在的一個狀態,適宜的空狀態設計可以提升用戶體驗,實現用戶留存。鑒于空狀態在異常狀態下的重要性及容易被忽視的現狀,本文以實際設計需求為例,從拿到需求到提出疑問,再到解決疑問,提出解決方案,設計方案呈現,逐一展示空狀態設計的正確打開方式。

    文章大綱:

    • 需求&提出疑問:了解空狀態設計需求,了解空狀態是什么?舊版本的問題在哪里?如何以及為何要帶給用戶關愛,背后的產品目標是什么?

    • 解決疑問:空狀態出現在APP初次使用、完成或清空內容、軟件出錯等情境下。舊版本的問題在于設計不全面,與5.0品牌認知不符。傳遞關愛意味著產品是有感情的,而有情感人性化的產品更受歡迎。產品目標是間接提升用戶在產品內的留存,進而帶來點擊轉化。

    • 解決方案:如何讓這個目標具體化?尋找被普遍認知&廣泛使用的情感化空狀態設計,通過對競品的解決方案的分析,發現常用的反思設計表現方式,從側面尋找什么樣的反思設計是受用戶喜愛的,得到可以借鑒的信息。

    • 設計方案呈現:結合美啦現有資源,完成設計方案。


    一. 需求&提出疑問

    美啦5.0空狀態的設計需求,即是對美啦5.0空狀態進行優化設計,使之能夠緩解用戶遭遇空狀態的挫敗感,給用戶關愛。

    空狀態是什么?舊版本的問題在哪里?如何以及為何要帶給用戶關愛,背后的產品目標是什么?


    二. 解決疑問

    1. 從4個方面了解空狀態

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    △ 空狀態的4個方面

    定義:空狀態通常在初次使用、完成或清空內容、軟件出錯等情境下出現的頁面狀態。

    作用:空狀態應該達成三個目標:教育用戶、取悅用戶、引導用戶。每個空狀態都有其核心需要達成的目標。詳細內容參看:《超實用!3個小技巧幫你設計優秀的空白頁面》。

    出現場景:用戶未進行操作、用戶操作結果、出錯。

    常用解決方案:使用系統推薦項、使用操作指引、使用緩存、情感化表達、提供新的任務。詳細內容參看:《交互干貨!幫你消滅「空狀態界面」的5個常用方法》。

    2. 梳理舊版本空狀態設計問題

    設計不全面

    4.0的空狀態設計不夠全面,場景繁多,空狀態里舊的品牌形象亟待更新,甚至部分空狀態頁面沒有任何內容。這都會使用戶在遭遇異常情況時,疑慮的情緒得不到有效疏解,這些問題都需要在這次的空狀態設計中解決。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    品牌認知不同

    美啦5.0設計定位精致、時尚、品質感。而4.0的空狀態設計已不能很好的承載全新的品牌認知。因此空狀態的設計對于整個App的品牌統一有著重要的補充意義。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    空狀態冗余

    經整理需要優化新增的頁面總計20個空狀態,由于空狀態頁面較多,將某些提示功能相近的空狀態使用通用的視覺表現形式。

    3. 有情感人性化的產品更受歡迎

    傳遞關愛屬于情感化設計的第三層——反思設計的核心。關愛意味著產品是有感情的,而有情感、人性化的產品更受歡迎。相比冰冷的流水線機器人手臂,擁有擬人化外型的「艾娃」更受歡迎。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    △ 冰冷的機器人手臂VS人形「艾娃」

    4. 產品目標

    通過人性化的空狀態設計來緩解用戶遭遇空狀態的挫敗感,給用戶關愛。間接提升用戶在產品內的留存,進而帶來點擊轉化。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    △ 空狀態設計優化目標


    三. 解決方案

    1. 競品選擇

    通過對競品的解決方案的分析,發現常用的反思設計表現方式,從側面尋找什么樣的反思設計是受用戶喜愛的。鑒于美啦的美妝及社區電商屬性,分別選擇了女性時尚類App:小紅書、See、HIGO及電商類App:閑魚、網易嚴選、淘寶。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    △ 競品選擇

    2. 競品空狀態分析

    競品空狀態內容

    小紅書、閑魚、淘寶使用品牌形象作為空狀態的主體形象,主體形象使用品牌形象既能實現空狀態功能,也能不斷的增強品牌在用戶心中的形象。網易嚴選、HIGO、See使用了文字、圖形作為空狀態的主體形象。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    各App的空狀態從不同角度體現了各自的品牌認知

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    情感關懷

    小紅書、閑魚使用了萌萌的小紅薯和閑魚,淘寶使用了小人,網易嚴選使用了場景相關的物品,See和HIGO使用了文字及圖標。擬人的形象更能拉近產品與用戶的距離。

    3. 結論

    通過對競品空狀態的分析,主體形象使用品牌形象帶給用戶的情感關懷最好,同時品牌認知也比較明顯。


    四. 設計方案呈現

    1. 空狀態主體形象

    從上述分析得出,主體形象使用品牌形象帶給用戶的情感關懷最好,同時品牌認知也比較明顯。

    美啦5.0空狀態使用了品牌新形象:美啦兔——活潑又愛美兔子和她的小伙伴——負責送妝品的博克斯,一起作為美啦的代表與用戶互動。我們希望用戶在美啦的體驗是順暢的,但當她遇到空狀態時,有美啦兔陪伴她。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    △ 美啦兔和她的小伙伴博克斯

    2. 腦暴關鍵詞繪制草圖

    確定主體形象和基本的結構之后,就需要在腦海中構思不同的場景,賦予美啦兔故事情緒。把所想到的場景都用文字記錄下來。比如購物車:趁年輕要剁手,快來填滿我,是時候拔草了;比如刷新,正在變美,馬上就好了。盒子里灑出妝品,你的包裹小盒到了。發散到一定程度的時候,可以進行收斂,把部分比較確定的場景用草圖表現出來。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    草圖可以使大家更早看到實現效果,以及更快的做出設計調整。比如404,迷失在星空里,在山谷搜索信號,都可以表現出信號丟失的感覺,但是這樣的場景跟美啦美妝、女性社區品牌相距較遠。于是考慮用戶更熟悉的城市場景,同時用妝品替代城市的建筑,美啦兔在妝品的城市里,找不到回家的路。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    3. 統一色彩規范

    美啦5.0的品牌色仍然是美啦粉色,應用于主形象,并貫穿于整個空狀態;輔助色黃色,應用于輔助形象等;輔助色綠色、藍色作為場景元素等。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    4. 統一設計元素

    • 右側來光,視角主要為正視。

    • 形象全部替換為新的美啦兔,以美啦兔為主體,產生互動。

    • 微質感、淺淺的投影。主體元素有陰影,使之形象更豐富。局部描邊塑造結構。

    • 收斂出幾個容易引起用戶共鳴的場景,用詳細些的文案故事來描述,同時把成品圖和場景故事放出來,404的頁面、通用為空、購物車為空、刷新。

    5. 場景展示

    場景一

    通用的「網絡異?!箞鼍?,美啦兔在妝品的城市里,找不到回家的路了。妝品的城市呼應美啦的品牌特色,形式的表達上選擇最具有代表性的口紅。美啦兔拿著信號接收器在口紅的高處尋找方向。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    場景二

    美啦兔也跟所有的小仙女一樣,想要一直都美美的。但是有時候美麗需要等待,就像刷新一樣,遇到網絡不那么好的時候,就需要小仙女美美的稍等一會哦。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    更多場景(部分)

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    6. 空狀態界面

    空狀態占頁面的面積情況分為2種:

    • 第一種全屏空狀態:導航+空白內容顯示區域。

    • 第二種非全屏空狀態:導航+部分內容+空白內容顯示區域。

    全屏空狀態的空白區域較大,空狀態的視覺表現屬于主要內容,可以突出表現。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    非全屏空狀態有部分正常的內容顯示,空白區域較小,空狀態的視覺表現屬于次要展示的內容,視覺表現需要服從主要的內容。

    從零開始帶你掌握空狀態設計的正確方法-藝源科技

    7. 小結與反思

    空狀態的設計已經完結,但是美啦APP內情感化運營并沒有結束,在閃屏、運營活動、話題帖子、彈窗等的設計還在繼續。全面,并且連續不斷的情感化設計像一股暖流,給予用戶持續的關愛。

    小程序開發
    標簽: 交互設計 情感化設計 用戶體驗 空狀態 經驗分享
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>