伊人直播app官方正版下载_伊人直播高品质美女在线视频互动社区_伊人直播官方版

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) "服務(wù)"
  ["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) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["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) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能,提前布局微信新生態(tài),搶占第一波紅利"
      ["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) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā),專業(yè)團(tuán)隊(duì),一對一服務(wù),助企業(yè)快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["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開發(fā)"
      ["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開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(fā)公司"
        ["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) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術(shù)提供商!"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營銷爆客解決方案。"
        ["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智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關(guān)的服務(wù)。"
        ["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) "版權(quán)登記"
      ["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) "商標(biāo)注冊"
      ["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) "商標(biāo)注冊_商標(biāo)注冊流程_商標(biāo)注冊流程及費(fèi)用_西安商標(biāo)注冊_西安商標(biāo)注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊,商標(biāo)注冊流程,商標(biāo)注冊流程及費(fèi)用,西安商標(biāo)注冊,西安商標(biāo)注冊代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權(quán)登記,代理商標(biāo)注冊,代理專利申請,代理企業(yè)貫標(biāo),代理高新技術(shù)企業(yè)認(rèn)定的服務(wù);咨詢電話: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) "網(wǎng)站建設(shè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款"
      ["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) "西安商城網(wǎng)站建設(shè)_政府網(wǎng)站建設(shè)_學(xué)校網(wǎng)站建設(shè)就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設(shè),西安網(wǎng)絡(luò)公司,西安網(wǎng)頁設(shè)計(jì),商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實(shí)踐經(jīng)驗(yàn),為您提供一條龍的互聯(lián)網(wǎng)應(yīng)用解決方案。"
        ["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) "云服務(wù)平臺"
      ["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優(yōu)化"
      ["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優(yōu)化_西安網(wǎng)站優(yōu)化_關(guān)鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務(wù),針對不同行業(yè)、網(wǎng)站情況給出不同策略、報(bào)價(jià)和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術(shù)服務(wù)外包商。"
        ["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
    }
  }
}
				
當(dāng)前位置: 首頁 > 售后 > 藝源智庫
從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法
時間:2019-09-11 09:55:04
文章發(fā)布:李陽
原創(chuàng)作者:未知
來源:互聯(lián)網(wǎng)

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

文章大綱:

  • 需求&提出疑問:了解空狀態(tài)設(shè)計(jì)需求,了解空狀態(tài)是什么?舊版本的問題在哪里?如何以及為何要帶給用戶關(guān)愛,背后的產(chǎn)品目標(biāo)是什么?

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

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

  • 設(shè)計(jì)方案呈現(xiàn):結(jié)合美啦現(xiàn)有資源,完成設(shè)計(jì)方案。


一. 需求&提出疑問

美啦5.0空狀態(tài)的設(shè)計(jì)需求,即是對美啦5.0空狀態(tài)進(jìn)行優(yōu)化設(shè)計(jì),使之能夠緩解用戶遭遇空狀態(tài)的挫敗感,給用戶關(guān)愛。

空狀態(tài)是什么?舊版本的問題在哪里?如何以及為何要帶給用戶關(guān)愛,背后的產(chǎn)品目標(biāo)是什么?


二. 解決疑問

1. 從4個方面了解空狀態(tài)

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

△ 空狀態(tài)的4個方面

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

作用:空狀態(tài)應(yīng)該達(dá)成三個目標(biāo):教育用戶、取悅用戶、引導(dǎo)用戶。每個空狀態(tài)都有其核心需要達(dá)成的目標(biāo)。詳細(xì)內(nèi)容參看:《超實(shí)用!3個小技巧幫你設(shè)計(jì)優(yōu)秀的空白頁面》。

出現(xiàn)場景:用戶未進(jìn)行操作、用戶操作結(jié)果、出錯。

常用解決方案:使用系統(tǒng)推薦項(xiàng)、使用操作指引、使用緩存、情感化表達(dá)、提供新的任務(wù)。詳細(xì)內(nèi)容參看:《交互干貨!幫你消滅「空狀態(tài)界面」的5個常用方法》。

2. 梳理舊版本空狀態(tài)設(shè)計(jì)問題

設(shè)計(jì)不全面

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

品牌認(rèn)知不同

美啦5.0設(shè)計(jì)定位精致、時尚、品質(zhì)感。而4.0的空狀態(tài)設(shè)計(jì)已不能很好的承載全新的品牌認(rèn)知。因此空狀態(tài)的設(shè)計(jì)對于整個App的品牌統(tǒng)一有著重要的補(bǔ)充意義。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

空狀態(tài)冗余

經(jīng)整理需要優(yōu)化新增的頁面總計(jì)20個空狀態(tài),由于空狀態(tài)頁面較多,將某些提示功能相近的空狀態(tài)使用通用的視覺表現(xiàn)形式。

3. 有情感人性化的產(chǎn)品更受歡迎

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

△ 冰冷的機(jī)器人手臂VS人形「艾娃」

4. 產(chǎn)品目標(biāo)

通過人性化的空狀態(tài)設(shè)計(jì)來緩解用戶遭遇空狀態(tài)的挫敗感,給用戶關(guān)愛。間接提升用戶在產(chǎn)品內(nèi)的留存,進(jìn)而帶來點(diǎn)擊轉(zhuǎn)化。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

△ 空狀態(tài)設(shè)計(jì)優(yōu)化目標(biāo)


三. 解決方案

1. 競品選擇

通過對競品的解決方案的分析,發(fā)現(xiàn)常用的反思設(shè)計(jì)表現(xiàn)方式,從側(cè)面尋找什么樣的反思設(shè)計(jì)是受用戶喜愛的。鑒于美啦的美妝及社區(qū)電商屬性,分別選擇了女性時尚類App:小紅書、See、HIGO及電商類App:閑魚、網(wǎng)易嚴(yán)選、淘寶。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

△ 競品選擇

2. 競品空狀態(tài)分析

競品空狀態(tài)內(nèi)容

小紅書、閑魚、淘寶使用品牌形象作為空狀態(tài)的主體形象,主體形象使用品牌形象既能實(shí)現(xiàn)空狀態(tài)功能,也能不斷的增強(qiáng)品牌在用戶心中的形象。網(wǎng)易嚴(yán)選、HIGO、See使用了文字、圖形作為空狀態(tài)的主體形象。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

各App的空狀態(tài)從不同角度體現(xiàn)了各自的品牌認(rèn)知

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

情感關(guān)懷

小紅書、閑魚使用了萌萌的小紅薯和閑魚,淘寶使用了小人,網(wǎng)易嚴(yán)選使用了場景相關(guān)的物品,See和HIGO使用了文字及圖標(biāo)。擬人的形象更能拉近產(chǎn)品與用戶的距離。

3. 結(jié)論

通過對競品空狀態(tài)的分析,主體形象使用品牌形象帶給用戶的情感關(guān)懷最好,同時品牌認(rèn)知也比較明顯。


四. 設(shè)計(jì)方案呈現(xiàn)

1. 空狀態(tài)主體形象

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

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

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

2. 腦暴關(guān)鍵詞繪制草圖

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

3. 統(tǒng)一色彩規(guī)范

美啦5.0的品牌色仍然是美啦粉色,應(yīng)用于主形象,并貫穿于整個空狀態(tài);輔助色黃色,應(yīng)用于輔助形象等;輔助色綠色、藍(lán)色作為場景元素等。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

4. 統(tǒng)一設(shè)計(jì)元素

  • 右側(cè)來光,視角主要為正視。

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

  • 微質(zhì)感、淺淺的投影。主體元素有陰影,使之形象更豐富。局部描邊塑造結(jié)構(gòu)。

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

5. 場景展示

場景一

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

場景二

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

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

更多場景(部分)

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

6. 空狀態(tài)界面

空狀態(tài)占頁面的面積情況分為2種:

  • 第一種全屏空狀態(tài):導(dǎo)航+空白內(nèi)容顯示區(qū)域。

  • 第二種非全屏空狀態(tài):導(dǎo)航+部分內(nèi)容+空白內(nèi)容顯示區(qū)域。

全屏空狀態(tài)的空白區(qū)域較大,空狀態(tài)的視覺表現(xiàn)屬于主要內(nèi)容,可以突出表現(xiàn)。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

非全屏空狀態(tài)有部分正常的內(nèi)容顯示,空白區(qū)域較小,空狀態(tài)的視覺表現(xiàn)屬于次要展示的內(nèi)容,視覺表現(xiàn)需要服從主要的內(nèi)容。

從零開始帶你掌握空狀態(tài)設(shè)計(jì)的正確方法-藝源科技

7. 小結(jié)與反思

空狀態(tài)的設(shè)計(jì)已經(jīng)完結(jié),但是美啦APP內(nèi)情感化運(yùn)營并沒有結(jié)束,在閃屏、運(yùn)營活動、話題帖子、彈窗等的設(shè)計(jì)還在繼續(xù)。全面,并且連續(xù)不斷的情感化設(shè)計(jì)像一股暖流,給予用戶持續(xù)的關(guān)愛。

小程序開發(fā)
標(biāo)簽: 交互設(shè)計(jì) 情感化設(shè)計(jì) 用戶體驗(yàn) 空狀態(tài) 經(jīng)驗(yàn)分享
*版權(quán)申明:本站部分文章由藝源科技收集整理,不代表我們的觀點(diǎn)。如果這篇轉(zhuǎn)載侵犯您的版權(quán),請及時聯(lián)系我們刪除!
為您推薦
最新文章
掃碼加他,免費(fèi)獲取方案