伊人直播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)前位置: 首頁 > 售后 > 藝源智庫
認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)
時(shí)間:2019-04-15 14:57:17
文章發(fā)布:李陽
原創(chuàng)作者:未知
來源:互聯(lián)網(wǎng)

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

編者按:今天這篇干貨聊的是人們討厭的兩個(gè)狀態(tài) —— 軟件報(bào)錯(cuò)和加載緩慢。如何提高這兩個(gè)糟心狀態(tài)的用戶體驗(yàn)呢?作者從不少交互上的細(xì)節(jié)做了考量推敲,附上大神的意見和實(shí)戰(zhàn)案例,特別有現(xiàn)實(shí)參考價(jià)值。

報(bào)錯(cuò)狀態(tài)

顧名思義,這個(gè)界面是為出錯(cuò)時(shí)的狀況所準(zhǔn)備的。錯(cuò)誤不單行,總是以意想不到的方式組合出現(xiàn),因此,光一個(gè)界面是不夠的。出錯(cuò)狀況千變?nèi)f化——數(shù)據(jù)無效或缺失;應(yīng)用無法連接到服務(wù)器;在上傳尚未成功時(shí)進(jìn)行下一步操作;在信息尚未提交時(shí)離開界面,等等。

報(bào)錯(cuò)狀態(tài)應(yīng)起到安撫人心的作用,讓用戶知道你的產(chǎn)品會保證他們的信息安全,不會撤銷、損壞或刪除用戶在出錯(cuò)時(shí)所輸入或上傳的信息。

在此處引用 Jef Raskin 的話再合適不過了,Jef Raskin 是原始蘋果機(jī)的創(chuàng)造者,“人性化界面”一書的作者,他這樣寫道:“系統(tǒng)應(yīng)以神圣的態(tài)度來面對用戶輸入的信息,以阿西莫夫的機(jī)器人第一定律來理解,便是’機(jī)器人不應(yīng)傷害人類,或因其未采取任何行動而致使人類受到傷害?!缑嬖O(shè)計(jì)的第一定律應(yīng)該是:計(jì)算機(jī)不應(yīng)傷害你的操作內(nèi)容,或因其未采取任何行動而致使你的工作內(nèi)容受到傷害?!?/span>

未能遵守這一規(guī)則的一大人選要屬航空公司網(wǎng)站了。例如,僅僅因?yàn)槁┨盍诵庞每ǖ陌踩a,在系統(tǒng)刷新頁面后,不但用刺眼的紅色標(biāo)出漏填的信息,并且把你小心翼翼填寫的所有內(nèi)容都清空了。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

再也不會用你了,拜拜~

錯(cuò)!對!也許?

好了,終于有這么一款善解人意的報(bào)錯(cuò)信息了。優(yōu)點(diǎn):還不乏那么點(diǎn)兒幽默感,讓人感到更人性化了。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

理想的報(bào)錯(cuò)狀態(tài)是不會損壞用戶所輸入的任何信息的。如果出錯(cuò)后必須要刷新頁面,請務(wù)必,一定一定保存所有數(shù)據(jù),即使填寫有誤,也請保留。通常,用頁面刷新的方式來檢測錯(cuò)誤其實(shí)是一種懶惰的做法。盡可能站在用戶的角度去考慮問題,和開發(fā)人員一起,多花一點(diǎn)功夫,用優(yōu)雅友善的方式來呈現(xiàn)吧。

另外,報(bào)錯(cuò)狀態(tài)不應(yīng)過于戲劇化,也不應(yīng)表達(dá)得太模糊。還記得“藍(lán)屏死機(jī)”么?或者蘋果唬人的內(nèi)核報(bào)錯(cuò)?如果你是計(jì)算機(jī)老手,那一定不會對“中止,重試以及失敗”命令感到陌生。所有這些報(bào)錯(cuò)狀態(tài)都是因?yàn)橄到y(tǒng)出現(xiàn)重大錯(cuò)誤而要求重啟或重試,而我們至今對這些界面仍記憶猶新,正是因?yàn)樗鼈凅@嚇到所有用戶,令其不知所措。

微軟的死機(jī)藍(lán)屏如此聲名狼籍,正是因?yàn)樗鼑樀搅怂腥?。雖然藍(lán)屏比紅屏要好些,但是它的出現(xiàn)總是毫無征兆,如此唐突,還伴有恐怖的特定聲效。即使這些都有效地達(dá)到了調(diào)試的目的,但還是很難讓人接受。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

報(bào)錯(cuò)狀態(tài)必須傳達(dá)簡明友善的指導(dǎo)信息,讓用戶知道下一步該做什么。難懂的錯(cuò)誤代碼,十六進(jìn)制數(shù)字,再加上難以理解的進(jìn)一步操作信息,都只能嚇到用戶,令其不知所措。

當(dāng)然,你的目標(biāo)用戶群可能是火箭科學(xué)家或計(jì)算機(jī)工程師,在這樣的情況下,這些高科技報(bào)錯(cuò)信息也許適用。然而,大部分應(yīng)用是供人們在日常生活中使用的,這類報(bào)錯(cuò)信息就顯得越來越不合適。

其實(shí)原則很簡單,盡可能把報(bào)錯(cuò)信息呈現(xiàn)得人性化,而非技術(shù)性,這樣更適合受眾。試想一下,如果遇到出錯(cuò)的情況,你想要得到些什么信息?

報(bào)錯(cuò)狀態(tài)是十分普遍多見的,也是設(shè)計(jì)師們不愿意設(shè)計(jì)的界面。不過,我向你保證,如果在設(shè)計(jì)這個(gè)狀態(tài)的時(shí)候,你也用與前兩個(gè)狀態(tài)相同的重視度來對待,你的產(chǎn)品將擁有愉悅使用體驗(yàn)。更重要的是,你會預(yù)見用戶可能會遇到的問題,并提前準(zhǔn)備解決方案。

局部狀態(tài)

報(bào)錯(cuò)狀態(tài)和理想狀態(tài)之間的差別是黑白分明的,那么如果界面中只有一行數(shù)據(jù),幾張照片,完成了一半的個(gè)人資料,它又該是怎樣的視覺效果呢?局部狀態(tài)是指界面不再全空,已有著少量內(nèi)容的情況。這一步的工作就是要防止用戶失去興趣,從而放棄使用產(chǎn)品。

這是個(gè)利用微互動形式來引導(dǎo)用戶預(yù)見理想狀態(tài)的好機(jī)會,幫助他們了解產(chǎn)品的真正價(jià)值所在。這個(gè)方式也具有一定的暗示作用,用戶花了時(shí)間來了解產(chǎn)品可以達(dá)到的效果,就會有繼續(xù)使用的完成欲。

我們可以參考一些游戲設(shè)計(jì)的原理。當(dāng)然,并不是說要像 la Clash of Clans 那樣沒完沒了地收集水晶來晉級,而是在該狀態(tài)中建立一種加速法。

在游戲設(shè)計(jì)的領(lǐng)域中,玩家可以預(yù)見到未來的能力,這引導(dǎo)他們通過完成預(yù)設(shè)的系列任務(wù)來獲得這些能力。這個(gè)小技巧能夠讓玩家忽視枯燥的過程,從而達(dá)到產(chǎn)品的大價(jià)值。

“在進(jìn)入加速期時(shí),玩家為了要晉級,是不會考慮到重復(fù)的操作有多乏味的,他們只是不停地操作,享受加速晉級的成果……還有一種可能,就是玩家在抵達(dá)了一個(gè)非常高的級別后,無法理解他們在游戲中的人物所擁有的技能。從技術(shù)層面解釋,就是推算成倍增長的能力結(jié)構(gòu)在超出玩家的預(yù)測范圍后消失。這和傳統(tǒng)流程有所不同,但是玩家所獲得的愉悅感是十分相似的?!?/span>

下面我們一起來看看幾個(gè)有意思的局部狀態(tài)案例:

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

領(lǐng)英的“個(gè)人信息完成度”進(jìn)度條,鼓勵(lì)用戶填寫所有信息,獲得100%完成度。完美主義強(qiáng)迫癥同學(xué)可以滿足了。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

Dropbox 會提示用戶,只差哪幾項(xiàng)任務(wù)就能獲得額外儲存空間了,相信這是吸引大部分 Dropbox 用戶的主要原因所在了。這些信息看似提醒用戶需要完成那些步驟,而恰恰是這些步驟起到了培訓(xùn)用戶,推廣功能的作用。

載入狀態(tài)

這個(gè)狀態(tài)很容易被忽視,許多產(chǎn)品設(shè)計(jì)師會把這個(gè)狀態(tài)在臨時(shí)抱佛腳地加進(jìn)去。的確,要預(yù)見到所有的狀況是一個(gè)很大的負(fù)擔(dān)。當(dāng)你的應(yīng)用正在載入數(shù)據(jù),等待網(wǎng)絡(luò)連接,或進(jìn)入下個(gè)頁面的途中,諸如此類的情況都需要好好費(fèi)心思考,應(yīng)當(dāng)如何在接入數(shù)據(jù)的過程中,合適地展現(xiàn)這些界面??梢允钦麄€(gè)頁面的加載提示,僅僅加載內(nèi)容板塊,或是行內(nèi)載入信息。檢測表單中用戶名是否可用時(shí)常用到行內(nèi)載入。

其實(shí)載入界面也是同等重要的。設(shè)計(jì)師們經(jīng)常只草草用空白界面和轉(zhuǎn)動條解決,這就將所有的責(zé)任重?fù)?dān)放在了尚未出現(xiàn)的內(nèi)容上。這樣做就好比讓用戶看著時(shí)針在鐘表上緩緩移動,你是會選擇讓用戶大眼瞪著不停重復(fù)的加載動畫呢?還是告訴他們實(shí)際載入的百分比?

Luke Wroblewski 是一名產(chǎn)品設(shè)計(jì)專家,他帶領(lǐng)團(tuán)隊(duì)為eBay、Yahoo!以及谷歌制作項(xiàng)目,他在出售了自己的移動投票應(yīng)用Polar后,加入了谷歌。

Wroblewski 和他的團(tuán)隊(duì)發(fā)現(xiàn),在每個(gè)民意投票項(xiàng)目都使用載入轉(zhuǎn)動條后,就有用戶投訴說應(yīng)用變慢了,他們會說“頁面的刷新和載入要等太久了,沒有之前的版本快?!?/span>

Wroblewski意識到:

“使用進(jìn)度提示器只能讓用戶感到在看著鐘等待。”
“結(jié)果就不言而喻了,時(shí)間好像走得特別慢,連同我們的應(yīng)用也慢了下來,那是因?yàn)槲覀兊淖⒁饬Χ纪A粼诹颂崾酒鞅旧?。如果聚焦換作真正的進(jìn)度,讓用戶知道離目標(biāo)的距離,就沒有干等著那么焦躁了?!?/span>

界面架構(gòu)

在意識到那些問題后,就有了這么個(gè)被稱之為“界面架構(gòu)”的解決方案。這一技術(shù)已為Pinterest和臉書所用,大家可以在他們的網(wǎng)站以及移動應(yīng)用中見到。

界面架構(gòu)是對載入狀態(tài)的革新,因?yàn)樗呀?jīng)載入,可以令焦點(diǎn)聚集在內(nèi)容上,而不是告訴用戶內(nèi)容正在加載。它的表現(xiàn)方式是先載入頁面基礎(chǔ)架構(gòu),再逐漸下載其中缺失的部分。這一技術(shù)的一大優(yōu)勢就是完全擺脫了轉(zhuǎn)動條,并能讓用戶更好地理解你的產(chǎn)品。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

Luke Wroblewski的應(yīng)用 Polar利用界面架構(gòu)來載入內(nèi)容。

Pinterest在使用界面架構(gòu)的同時(shí),加入了自己的獨(dú)特小心思:在圖片載入之前,先用它的“平均色”來作為背景色塊,可謂是一種特別的預(yù)覽方式。

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

臉書在他們的應(yīng)用Paper上發(fā)明了一種類似的技術(shù),并在網(wǎng)絡(luò)版上也同步了。他們將這一技術(shù)結(jié)合獨(dú)有的“閃光效果”——界面在展示架構(gòu)的同時(shí),會載入與內(nèi)容空間相似的圖形,并以閃動的方式來告訴用戶內(nèi)容正在加載。

以樂觀的動作來擬定操作成功

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)-藝源科技

“沒有人樂意等待,只是不得不等待而已,”Instagram 的聯(lián)合創(chuàng)始人 Mike Krieger 在2011年曾這樣說道,當(dāng)時(shí),他也介紹了是如何在工程技術(shù)上達(dá)到應(yīng)用的理想速度的。

其實(shí),Krieger 引領(lǐng)了產(chǎn)品操作應(yīng)當(dāng)被“樂觀”表現(xiàn)的觀念。預(yù)估一個(gè)動作被操作成功,使用速率就會得到大大提高。

我們拿“喜歡”一張圖片或?qū)ζ淞粞詠泶虮确?,這兩種操作都會即刻被默認(rèn)為操作成功。這時(shí),產(chǎn)品的后臺系統(tǒng)會真正完成這一操作。

樂觀操作也可大大減少媒體文件的上傳速度。Instagram 會在用戶選定濾鏡后就自動上傳,而不是等他們點(diǎn)擊“完成”按鈕后才開始。雖然這并不是工程方案,因?yàn)樵谟脩舫蜂N操作時(shí),數(shù)據(jù)會被扔出,但無論如何,這個(gè)方式在體驗(yàn)感上提升了上傳的速度。多念念“反正也沒有人看見這些變動”就好了,因?yàn)樗辽偬嵘水a(chǎn)品組建的速率。

現(xiàn)在你已經(jīng)看過了一系列交互界面堆棧的案例,我們也對5個(gè)狀態(tài)分別作了分析。接下來的問題是,他們要如何組合使用呢?如何讓界面在不同狀態(tài)間轉(zhuǎn)換呢?這就是交互界面堆棧的力量所在了。這些狀態(tài)并非真空存在,他們以垂直軸的方式相連,產(chǎn)品可以在任何時(shí)候調(diào)用其中之一。你應(yīng)該做到不但對每個(gè)狀態(tài)本身都認(rèn)真思考,更要指定屏幕狀態(tài)是如何轉(zhuǎn)換的。

我假設(shè)了一個(gè)信息應(yīng)用案例來解釋這些概念。

為什么用信息應(yīng)用來作例子呢?雖然,這些狀態(tài)所發(fā)揮的作用在這個(gè)案例中并不那么顯而易見,但是,我想向大家展示一下,在信息應(yīng)用這樣操作時(shí)間如此短暫的界面中也可以運(yùn)用交互界面堆棧的原理。更重要的是,從這個(gè)案例可以看出我們的任重而道遠(yuǎn),要不時(shí)思考每個(gè)屏幕狀態(tài)之間需要怎樣才能做到順暢連接。

要做一個(gè)信息應(yīng)用,我們應(yīng)當(dāng)考慮些什么呢?

我們需要想到當(dāng)沒有人任何信息時(shí)應(yīng)當(dāng)怎樣展示。這便是我們的空白狀態(tài)。

我們的局部狀態(tài)是當(dāng)一方發(fā)了一條信息后。

然后便是收到一條信息——輸入指示器。這也就可以被稱之為載入狀態(tài)。但是,等等,載入狀態(tài)還有另一個(gè)系列——當(dāng)我們發(fā)出一條信息后,接下來還有成功發(fā)送確認(rèn)。

發(fā)送途中也可能出錯(cuò),也就是信息發(fā)送失敗。

千萬別忘了,我們要如何解決出錯(cuò)問題——嘗試再次發(fā)送。如此,便再有一版載入狀態(tài)。

我們就來到了理想狀態(tài)——當(dāng)多個(gè)信息組成一個(gè)對話。

虛擬案例

假定Marty和Doc剛交換了電話號碼,Marty想給Doc發(fā)一個(gè)信息,告訴他自己在Twin Pines Mall看見了什么。

因?yàn)楝F(xiàn)在界面中沒有任何信息,我們有機(jī)會利用空白狀態(tài)來鼓勵(lì)用戶以建議方式進(jìn)行操作——在這個(gè)案例中,便是發(fā)一條信息。

但是,當(dāng)信息發(fā)出后是什么狀態(tài)呢?我們需要優(yōu)雅地從空白狀態(tài)轉(zhuǎn)入局部狀態(tài):在這里,就是當(dāng)Marty發(fā)出第一條信息的時(shí)候。

讓我們來快進(jìn)到Doc已經(jīng)回復(fù)了的狀態(tài)。他回復(fù)了一條信息,但是仍然在繼續(xù)回復(fù)!因此,出現(xiàn)了正在輸入的指示器,也就是載入狀態(tài)的另一種形式。

當(dāng)輸入完畢,信息發(fā)出后,輸入指示器便消失,取而代之的是新信息以彈入,推動其它信息的方式呈現(xiàn)。

那么,Marty想要回復(fù)的時(shí)候要怎么辦呢?首先,我們需要創(chuàng)建狀態(tài)意識——當(dāng)輸入框中有文字時(shí),“發(fā)送”按鈕就會從灰色(禁用狀態(tài))轉(zhuǎn)為藍(lán)色(激活狀態(tài))。然后,當(dāng)我們發(fā)送信息時(shí),發(fā)送進(jìn)程的載入狀態(tài)就出現(xiàn)了。此時(shí),信息顯示為暗沉的顏色,因?yàn)榘l(fā)送尚未成功。只有當(dāng)“發(fā)送成功”的確認(rèn)標(biāo)記出現(xiàn)后,才為正式完成。

如果信息未發(fā)送成功呢?于是我們便進(jìn)入了報(bào)錯(cuò)狀態(tài)。紅色的標(biāo)記就取代了載入轉(zhuǎn)動條,我們還會收到一條報(bào)錯(cuò)信息,并且信息本身也是“未發(fā)送”的灰暗狀態(tài)。點(diǎn)擊未成功發(fā)送的信息會自動重新發(fā)送。當(dāng)我們幸運(yùn)地發(fā)送成功后,紅色的感嘆號會消失,信息顏色也隨之顯示正常,再有一條發(fā)送成功的信息提示。

在現(xiàn)實(shí)世界里……

親愛的朋友們,這就是交互界面堆棧的操作方式了。5個(gè)屏幕狀態(tài)之間的無縫轉(zhuǎn)換才是真正的重點(diǎn)。如果沒有這些轉(zhuǎn)換元素,用戶就可能會對新狀態(tài)的出現(xiàn)和消失感到困惑或吃驚。我們的使命可不是讓用戶感到不適或困惑,對嗎?

這些狀態(tài)的執(zhí)行需要設(shè)計(jì)和開發(fā)的密切合作。在這兩者上都需要花足時(shí)間,只有在他們緊密結(jié)合后,才能為用戶創(chuàng)造出好的全面體驗(yàn)。

干貨大總結(jié):

不要只關(guān)注理想狀態(tài),臨時(shí)補(bǔ)上其它狀態(tài)。你的產(chǎn)品是一款解決方案,好好思考每一屏是如何一步步引導(dǎo)用戶抵達(dá)目標(biāo)的?

    ○ 推薦 Samuel Hulick 的 The Elements of User Onboarding

    ○ 把載入界面加入到原型制作的一部分,它們是產(chǎn)品體驗(yàn)的一部分,不應(yīng)成為補(bǔ)加的界面。和工程師們緊密交流,找到實(shí)現(xiàn)效果的理想方式,甚至是優(yōu)化的方式。

    ○ 花時(shí)間好好想想可以造成出錯(cuò)的極端狀況。你會如何解決?怎樣才能以友好的方式提示用戶?這是一個(gè)成本和得益之間的權(quán)衡,但我們至少應(yīng)當(dāng)解決惱人的錯(cuò)誤,盡可能努力來保存用戶的數(shù)據(jù)。

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