伊人直播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è)微信小程序解決方案|各種場(chǎng)景核心功能,提前布局微信新生態(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ì),一對(duì)一服務(wù),助企業(yè)快速生成自己的移動(dòng)端微商城平臺(tái). 藝源科技小程序采用高性能數(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) "快抖霸屏_抖音快手霸屏_短視頻營(yíng)銷獲客技術(shù)提供商!"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營(yíng)銷爆客解決方案。"
        ["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智能名片_名片小程序_智能名片_讓銷售更簡(jiǎn)單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡(jiǎn)單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡(jiǎn)單。藝源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)注冊(cè)"
      ["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)注冊(cè)_商標(biāo)注冊(cè)流程_商標(biāo)注冊(cè)流程及費(fèi)用_西安商標(biāo)注冊(cè)_西安商標(biāo)注冊(cè)代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊(cè),商標(biāo)注冊(cè)流程,商標(biāo)注冊(cè)流程及費(fèi)用,西安商標(biāo)注冊(cè),西安商標(biāo)注冊(cè)代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權(quán)登記,代理商標(biāo)注冊(cè),代理專利申請(qǐng),代理企業(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ù)平臺(tái)"
      ["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ù),針對(duì)不同行業(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)前位置: 首頁 > 售后 > 藝源智庫(kù)
超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)
時(shí)間:2019-06-12 09:42:34
文章發(fā)布:李陽
原創(chuàng)作者:未知
來源:互聯(lián)網(wǎng)

編者按:生活處處都是用戶體驗(yàn),童話也不例外。我們熟悉的三只小豬、豌豆公主、狼來了和皇帝的新裝等等經(jīng)典童話,都讓這篇文章的作者強(qiáng)行科普了一番用戶體驗(yàn)的知識(shí),令人吃驚的是完全說得通,而且內(nèi)容質(zhì)量不俗。

編劇大師羅伯特·麥基曾經(jīng)這樣寫道:故事是人類交流的貨幣。故事是我們對(duì)周圍世界的感知的方式。我們?cè)绞橇私庵車沫h(huán)境,我們就越有可能有生存的機(jī)會(huì),我們通過講故事來交換這些賴以生存的知識(shí)。每個(gè)被分享的故事都有我們從真實(shí)世界學(xué)到的教訓(xùn)。

今天,我們的故事被混雜在了數(shù)字和現(xiàn)實(shí)的世界當(dāng)中。我們無間隙的穿梭在兩者之間,常常忘記了數(shù)字世界不一定會(huì)吻合現(xiàn)實(shí)世界的規(guī)律,這可能會(huì)讓我們感到困惑。

童話受歡迎以及能夠被流傳至今的原因很大程度上是因?yàn)樗暮?jiǎn)單明了:它們看起來是在教導(dǎo)我們一個(gè)關(guān)于我們生活著的真實(shí)世界的教訓(xùn)。但是這些教訓(xùn)同樣也可以用在虛擬的數(shù)字世界中,接下來我會(huì)從另外一個(gè)角度來講述這些故事。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


1,三只小豬

UX知識(shí):建立在一個(gè)堅(jiān)實(shí)的基礎(chǔ)上是很重要的

很多時(shí)候,網(wǎng)站和移動(dòng)應(yīng)用省略了諸如創(chuàng)建工作流,分類,分析網(wǎng)站分布,內(nèi)容矩陣等計(jì)劃和架構(gòu)的工作,而從概念很快的推進(jìn)到UI設(shè)計(jì)。想象一下試圖從內(nèi)部設(shè)計(jì)一個(gè)還沒有建成的房子。

UX設(shè)計(jì)5要素中的3個(gè)直接被網(wǎng)站的組織和構(gòu)架影響。正如三只小豬的故事提醒我們,如果計(jì)劃太匆忙沒有被充分的準(zhǔn)備可能會(huì)導(dǎo)致不穩(wěn)固的基礎(chǔ),在數(shù)字的世界里這意味著粗制濫造的用戶旅程、雜亂的內(nèi)容和難以駕馭的網(wǎng)站。一旦這些問題產(chǎn)生了,他們基本不可能自己消失。網(wǎng)站/應(yīng)用程序的所有者將會(huì)被迫留在這個(gè)不穩(wěn)定的結(jié)構(gòu)上,并且修補(bǔ)磨平裂縫直到永遠(yuǎn)。

好消息是,網(wǎng)頁的歷史告訴我們好的構(gòu)架主要是需要牢記以下基礎(chǔ)知識(shí):創(chuàng)建內(nèi)容的層級(jí);組織內(nèi)容邏輯;逐步的去展示內(nèi)容;使用與結(jié)構(gòu)一致并且實(shí)用的導(dǎo)航;提供明確的指示標(biāo)。維基百科之所以能夠被使用這么長(zhǎng)的原因是因?yàn)椤鼘⑸厦娴幕A(chǔ)執(zhí)行的非常好。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

△ 一個(gè)網(wǎng)站內(nèi)容的邏輯層級(jí)

我發(fā)現(xiàn)抵御大野狼毀掉你的網(wǎng)站/app最好的方法是:1. 制作一個(gè)站點(diǎn)地圖。2. 寫一個(gè)“標(biāo)準(zhǔn)”文檔。這兩個(gè)文檔都應(yīng)當(dāng)是可視化的。站點(diǎn)地圖應(yīng)當(dāng)將內(nèi)容的層級(jí)分組可視化,而標(biāo)準(zhǔn)文檔應(yīng)該列出內(nèi)容管理的規(guī)則。例如標(biāo)準(zhǔn)23:所有的頁面/屏幕都應(yīng)該有一個(gè)無所不在的主導(dǎo)航。一個(gè)網(wǎng)站只有靠這兩個(gè)文檔來武裝,才有可能贏得更大的生存機(jī)會(huì)。

花時(shí)間去建立一個(gè)穩(wěn)定的結(jié)構(gòu)。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


2,豌豆公主

UX知識(shí):不要去挑戰(zhàn)用戶的預(yù)期

傳統(tǒng)的網(wǎng)站由三個(gè)關(guān)鍵的UI結(jié)構(gòu)組成:一個(gè) header,一個(gè) body,和一個(gè) footer。這些都是為設(shè)計(jì)師準(zhǔn)備的一塊久經(jīng)考驗(yàn)的畫布。

隨著時(shí)間的推移,這些組件都包含了用戶的預(yù)期在里面。例如,一個(gè)header通常會(huì)包含:網(wǎng)站名稱(和logo),主導(dǎo)航,功能導(dǎo)航,搜索功能,登錄等。此外header區(qū)域遵循一個(gè)模式:品牌logo通常被放置在header的最左側(cè)。

并不是所有的網(wǎng)站都這么做,有些人認(rèn)為,打破規(guī)則會(huì)開拓更好更獨(dú)特的數(shù)字體驗(yàn)。我不打算反對(duì)這些觀點(diǎn),但是事實(shí)證明絕大多數(shù)的網(wǎng)頁遵循著這樣的模式。

全球互聯(lián)網(wǎng)的一致性增加了用戶看到這種模式的可能,他們?cè)绞强吹揭粋€(gè)logo被放在網(wǎng)頁的左側(cè),越是希望它在那里。這意味著用戶在看到一個(gè)新網(wǎng)站之前就會(huì)對(duì)它有所期待。而這被稱之為心智模式,而在數(shù)字產(chǎn)品的UX中心智模式意味著:

數(shù)字產(chǎn)品中的心理模式是為了識(shí)別含義和節(jié)約時(shí)間。

舉個(gè)栗子,一個(gè)房子的心智模型是有四個(gè)墻,一個(gè)屋頂,一扇窗戶和一扇門。當(dāng)你走近任何一棟房子,你都知道要找一個(gè)最像門的地方進(jìn)去,而不是窗戶。這節(jié)省了你的時(shí)間,你不會(huì)去評(píng)估任何一個(gè)可以進(jìn)去的入口。同樣對(duì)于用戶來說,一個(gè)網(wǎng)站也包含著類似這樣的心智模型。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

△ 一座房子的心理模型

豌豆公主的故事告訴我們,不要把事物放在用戶期望的地方之外。像公主一樣,如果一個(gè)東西不在她的期望之中,就會(huì)帶來一個(gè)糟糕的體驗(yàn)。

同樣,創(chuàng)建一個(gè)標(biāo)準(zhǔn)文檔也可以幫助避免創(chuàng)建一個(gè)不符合期望的網(wǎng)站。我們可以通過競(jìng)品分析和用戶測(cè)試來了解這些。競(jìng)品分析常常被視為一種在競(jìng)爭(zhēng)中保持領(lǐng)先的方式,但事實(shí)上它們還能幫助你在用戶使用你的網(wǎng)站或者app前預(yù)測(cè)用戶的心理模型。

比如說你是一個(gè)汽車制造商,幾乎每一個(gè)你的目標(biāo)用戶訪問你的網(wǎng)站的同時(shí)也會(huì)訪問競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。如果競(jìng)爭(zhēng)對(duì)手都把它們的導(dǎo)航放在header上,而你偏偏非要把導(dǎo)航放在左側(cè)。你的目標(biāo)用戶訪問你網(wǎng)站的時(shí)候就會(huì)感到困惑和混亂。忽然間,瀏覽你的網(wǎng)站需要付出思考和努力。一個(gè)本來很簡(jiǎn)單的任務(wù)變得艱巨而復(fù)雜,這些都是因?yàn)樗麄兊钠谕艿搅瞬槐匾奶魬?zhàn)。

用戶是敏感的,要像對(duì)待公主那樣對(duì)待他們。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


3,糖果屋

UX知識(shí):用戶總是在尋找回家的路

最著名的影響界面設(shè)計(jì)的童話是《糖果屋》,一個(gè)關(guān)于兩個(gè)小孩走進(jìn)了森林,被一個(gè)女巫欺騙,最終靠著面包屑找到回家的路的故事。面包屑現(xiàn)在是網(wǎng)頁設(shè)計(jì)的一個(gè)共同特點(diǎn),尤其是對(duì)于那些內(nèi)容必須分成欄目和子欄目的大型網(wǎng)站。面包屑導(dǎo)航服務(wù)于三個(gè)主要用途:定位、導(dǎo)航和讓用戶安心。他們通過網(wǎng)站結(jié)構(gòu)來告訴用戶他們現(xiàn)在在哪里,然后用超鏈接讓他們能夠返回到之前的位置。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

△ Argos.co.uk上面包屑的例子

最最重要的是面包屑導(dǎo)航能讓人安心。大多數(shù)的網(wǎng)上活動(dòng)都會(huì)涉及一種叫信息覓食的行為——是對(duì)知識(shí)的搜尋。想想看你在IMDB(互聯(lián)網(wǎng)電影數(shù)據(jù)庫(kù))上找了多少次那個(gè)你記不起名字的演員。通常來說,這種“覓食”的行為需要比一個(gè)搜索結(jié)果頁面更深入的東西。而這種情況下,面包屑是最管用的。

試想一下,你想給你的禮物找一個(gè)紅色的蝴蝶結(jié)包裝一下。你用你最喜歡的搜索引擎搜索蝴蝶結(jié),并且到達(dá)了一個(gè)網(wǎng)上零售商店的頁面。如果這個(gè)網(wǎng)站有面包屑導(dǎo)航,那么它看起來可能是這樣:

禮品 > 包裝材料 > 蝴蝶結(jié)(Bows)

面包屑會(huì)提供你所看到的信息的上下文,并且向你保證你在正確的位置上。如果一個(gè)面包屑看起來像這樣:

禮品 > 體育休閑 > 射箭工具 > 弓(Bows)

……那么你顯然會(huì)失去信心。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


4,金發(fā)女孩和三只熊

UX知識(shí):錨點(diǎn)有助于提供信息環(huán)境和重點(diǎn)

我們其實(shí)在借這個(gè)童話的名義說一個(gè)老掉牙的UX原理:金發(fā)女孩效應(yīng)。這個(gè)效應(yīng)常常發(fā)生在同時(shí)展現(xiàn)給用戶三個(gè)相似的但是在量上有所區(qū)別的選項(xiàng)的時(shí)候。舉個(gè)例子,三碗溫度不同的粥。

這種三個(gè)按照特定規(guī)模組成的選項(xiàng)會(huì)導(dǎo)致兩個(gè)重要的狀況被創(chuàng)建:1)形成高低兩個(gè)錨點(diǎn)。2)一個(gè)確定的中間選項(xiàng)。( 這里不要跟誘餌效應(yīng)混淆,這是一種認(rèn)知偏差,目的類似,但是實(shí)施起來并不相同)。

錨點(diǎn)是我們?yōu)榱死斫庹鎸?shí)的世界而創(chuàng)建的一個(gè)測(cè)量的基準(zhǔn)線。

例如,你打算買一個(gè)你從未買過的昂貴的寶石,你從經(jīng)銷商A那得到£5,000的報(bào)價(jià)。從經(jīng)銷商B那得到£10,000的報(bào)價(jià)??雌饋斫?jīng)銷商A是更好的交易。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

但是當(dāng)你從經(jīng)銷商C那得到£100,000的報(bào)價(jià)時(shí),經(jīng)銷商A雖然還是最好的選擇,但是經(jīng)銷商B忽然就顯得沒那么糟糕了。如果你買了這塊寶石當(dāng)禮物,在其它更貴的寶石的襯托之下,甚至?xí)X得經(jīng)銷商A的報(bào)價(jià)很便宜。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

引入A和B兩個(gè)錨點(diǎn)判斷出背景環(huán)境。理想的情況下我們會(huì)去尋找更多的信息,在這個(gè)例子來說會(huì)去尋找更多的報(bào)價(jià),這樣我們就可以去判斷A和B是正常報(bào)價(jià),而C是特例了。但是,當(dāng)面對(duì)的信息有限時(shí),我們只能從已知的內(nèi)容里做出判斷。

在數(shù)字產(chǎn)品中,金發(fā)姑娘效應(yīng)可以用來鼓勵(lì)用戶去選擇特定的選項(xiàng),以完成我們的業(yè)務(wù)目標(biāo)。如果我們?cè)诰W(wǎng)上銷售服務(wù)或者產(chǎn)品,我們希望突出其中一個(gè)。那就在它的旁邊加上另外兩個(gè)選項(xiàng)。這么做會(huì)提升它在用戶眼中的吸引力。如果額外的選項(xiàng)被選中了也沒有關(guān)系,不過它們?cè)陧撁嬷械闹饕饔檬菫榱酥С趾蛷?qiáng)調(diào)明星產(chǎn)品而存在的。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

assembla.com采用金發(fā)姑娘效應(yīng)來給自己的3個(gè)包月計(jì)劃定價(jià)

設(shè)計(jì)在這個(gè)效應(yīng)里仍然起著重要的作用。顏色,距離,位置和字體粗細(xì)都用來在視覺上提升明星產(chǎn)品。但是這些選項(xiàng)是舞臺(tái)上設(shè)置的錨。

錨點(diǎn)一旦被設(shè)定了,它就很難被改變。這就是為什么大家都覺得跟過去相比現(xiàn)在的一切都如此的貴。這是應(yīng)為價(jià)格隨著通貨膨脹增加,但是我們并沒有改變我們的錨點(diǎn)。例如,我記得我第一次買一包薯片花了20便士。現(xiàn)在,20年過去了,當(dāng)我花75便士買一包薯片的時(shí)候還是跟最初的那個(gè)錨點(diǎn)比較。

借用笛卡爾注明的主張“我思故我在”。錨點(diǎn)在我們?nèi)绾胃兄@個(gè)世界上的作用告訴我們,我們是任何給定時(shí)間里知識(shí)的總和。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


5,丑小鴨

UX知識(shí):美是相對(duì)的

丑小鴨故事的主旨是什么?是關(guān)于怎樣克服挑釁行為,抑或宣揚(yáng)內(nèi)在美?坦白說我也不是很確定。

對(duì)我來說,領(lǐng)會(huì)丑小鴨故事中所包含的相對(duì)性的概念,是能給UX設(shè)計(jì)帶來幫助的最重要之處。丑小鴨,作為在同類比較中最差的那個(gè)錨點(diǎn),如果沒有他的存在,其他的伙伴們不會(huì)像他們看起來那樣出色。

同樣的邏輯也適用于網(wǎng)頁的復(fù)數(shù)個(gè)CTA(行為召喚按鈕)設(shè)計(jì)。設(shè)想你在頁面上有一個(gè)單一的CTA按鈕(按鈕1),用來提示用戶執(zhí)行某種操作,比如說,買一件商品或是把商品加入購(gòu)物籃中。一名瀏覽該頁面的用戶必須做所謂的“Hobson選擇”,即排他性的二選一:a)買或者b)不買。面臨這種選擇的時(shí)候,大多數(shù)用戶會(huì)選擇b)不買。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

現(xiàn)在設(shè)想,我們?cè)陧撁嫔显黾恿艘粋€(gè)額外的按鈕(按鈕2),它被故意設(shè)計(jì)成一種需要用戶付出更多努力,但仍然可以給我們的商業(yè)行為帶來正面效果的選項(xiàng),比如說分享這件商品的鏈接到用戶的社交渠道這樣一個(gè)操作選項(xiàng)。這個(gè)按鈕就是這個(gè)例子中的“丑小鴨”。研究表明,當(dāng)把按鈕2放置在按鈕1相鄰的位置時(shí),會(huì)給按鈕1的點(diǎn)擊率帶來提升。這就是所謂的“Hobson+1效應(yīng)“。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


6,狼來了

UX知識(shí):不要用虛假的信息去誤導(dǎo)用戶

當(dāng)用戶與網(wǎng)站或應(yīng)用發(fā)生交互時(shí),信息會(huì)以多種方式向用戶傳達(dá)。從內(nèi)容群組化,到所選擇的顏色,用戶總是被我們所創(chuàng)造的標(biāo)示所引導(dǎo)和影響,這便是符號(hào)理論的基石概念。(關(guān)于符號(hào)的研究,及符號(hào)學(xué)和UX設(shè)計(jì)的更多討論詳見:icon需要配上文字么?)

一個(gè)關(guān)于符號(hào)學(xué)應(yīng)用的顯著例子便是設(shè)計(jì)準(zhǔn)則之一的功能可供性(affordances)。由UX教父Don Norman提出,功能可見性被定義為提供引發(fā)行動(dòng)的誘因。比如,汽車門把手是被設(shè)計(jì)用來讓汽車用戶拉開車門用的,所以其設(shè)計(jì)特別鼓勵(lì)并輔助了這一類行為的實(shí)施。在這個(gè)例子中,與用戶溝通的標(biāo)示含義就是:這是用來拉開的。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

汽車門把手提供了“拉開”這一功能可供性

在網(wǎng)絡(luò)設(shè)計(jì)的二維世界中,功能可供性的實(shí)施要難的多。網(wǎng)絡(luò)設(shè)計(jì)的早期年代里,在鏡像真實(shí)世界的嘗試中,人們提出了擬物化的準(zhǔn)則。比如曾經(jīng)應(yīng)用在iOS6上的景像深度設(shè)計(jì),大家還記得么?

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

但是后來隨著扁平化設(shè)計(jì)的應(yīng)用,原來的方案中留下了很多看起來無法再點(diǎn)擊的按鈕。這些按鈕已經(jīng)完全失去了他們的功能可供性,以至于他們的含義難以解讀。

這給用戶們留下了一個(gè)關(guān)于信任的議題。是否所有矩形都是按鈕?這要求接下來的網(wǎng)頁設(shè)計(jì)師們,必須負(fù)起艱巨的責(zé)任來保證他們的設(shè)計(jì)是經(jīng)過深思熟慮的,更重要的是保持一致性的。畢竟對(duì)含義的釋讀來自于經(jīng)歷的重復(fù)這一過程。如果一個(gè)頁面中的藍(lán)色下劃線文字標(biāo)識(shí)的是可點(diǎn)擊的鏈接,那么我們就會(huì)據(jù)此推測(cè)在另一個(gè)頁面中的相同樣式文字提供了同樣的功能。如果這一點(diǎn)被再次驗(yàn)證,我們的思維過程就會(huì)歸納出簡(jiǎn)化的模式來應(yīng)對(duì)這一特定樣式,即“藍(lán)色 + 文字 + 下劃線 = 可點(diǎn)擊的鏈接”。

如果我們接收的是虛假的信號(hào),正如狼來了的寓言所提醒的,問題就來了。絲毫不顧及行動(dòng)帶來的后果,小男孩對(duì)狼群到來的虛警和村民趕來后的一無所獲,兩次,便足以讓村民們對(duì)示警視而不見,以至于當(dāng)狼真的來了的時(shí)候釀成了悲劇。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

Lyondell Basell在標(biāo)題,信息和文字鏈接中都使用了藍(lán)色文字,造成了混淆

當(dāng)用戶訪問站點(diǎn)卻接收到了非本意和錯(cuò)誤的指示時(shí),同樣的事情便發(fā)生了。如果網(wǎng)站本身的擁有者是知名品牌時(shí),造成的不良效果會(huì)得到增幅,因?yàn)橹放票旧砭哂袡?quán)威的性質(zhì)。因此關(guān)鍵在于設(shè)計(jì)的一致性,而值得再?gòu)?qiáng)調(diào)的是,一份規(guī)范的文檔總是助益良多的。

記?。喝藗兲烊坏男湃螜?quán)威,但是如果權(quán)威說謊,他們就再也不會(huì)給予其信任。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技


7,皇帝的新裝

UX知識(shí):不要害怕挑戰(zhàn)成見

比起弄出一份聲明把之前所有的啟示再特意羅列一遍,這是多好的一種結(jié)束方式啊!

皇帝的新衣是一則告誡人們不要為驕傲所陷的寓言,它提醒著人們應(yīng)該時(shí)刻質(zhì)疑自己所被告知的信息。

還記得圖片滾筒么?作為UX設(shè)計(jì)早期出現(xiàn)并十分流行的一種元素,幾乎每個(gè)網(wǎng)站都對(duì)其趨之若鶩,希望在把其放在主頁上以展示圖片庫(kù),宣傳和商品。而至今為止仍有很多網(wǎng)站在這樣做。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

但是數(shù)據(jù)表明這些并沒有什么效果,甚至可以說是令人覺得丑陋的。之所以失效主要的原因在于,圖片滾筒的主要設(shè)計(jì)意圖是實(shí)現(xiàn)內(nèi)容的隱藏和再現(xiàn),而這違背了用戶啟發(fā)中最重要的原則:召回場(chǎng)景中的再識(shí)別。

“將對(duì)象,行為和選項(xiàng)可視化,來最小化用戶的記憶負(fù)擔(dān)。用戶沒有必要記取當(dāng)前段落之外的信息?!?/p>

當(dāng)用戶翻轉(zhuǎn)滾筒時(shí),他們被強(qiáng)制的記取每一個(gè)選項(xiàng)的位置才能做出所預(yù)設(shè)的決定。更糟糕的是,我們?nèi)祟愄焐拖M谧鰶Q策前能看到事物的全貌。這意味著,如果我們知道有25個(gè)選項(xiàng)提供給我們,那么我們很可能會(huì)看完他們?nèi)吭僮鲞x擇。這對(duì)用戶來說并不友好。

正如現(xiàn)實(shí)世界一樣,我們創(chuàng)造的數(shù)字世界也是在不斷變化的。這一副景象絕不會(huì)持續(xù)太久。在物理的世界和數(shù)字世界的交纏愈發(fā)緊密的當(dāng)下,為了探知用戶體驗(yàn)是如何參與其中的,周期性并基于證據(jù)的學(xué)習(xí)才是唯一的正確方式。

歷史告訴我們,每當(dāng)一個(gè)新的數(shù)字界面問世(臺(tái)式電腦,觸摸屏設(shè)備,可穿戴技術(shù)和虛擬現(xiàn)實(shí))我們心目中關(guān)于UX的真理都會(huì)被質(zhì)疑。

在這樣的情況下,UI設(shè)計(jì)被迫回到原點(diǎn)去付出額外的努力來幫助用戶采用新的技術(shù)。

還記得最開始的時(shí)候ios推出擬物化的界面設(shè)計(jì),蘋果這么做是特意通過真實(shí)世界來幫助用戶更快的熟悉數(shù)字世界。

扁平化設(shè)計(jì)現(xiàn)在已經(jīng)成為了網(wǎng)頁和app的設(shè)計(jì)規(guī)范,但是在VR(虛擬現(xiàn)實(shí))的世界中卻沒法這么做。在虛擬世界中一個(gè)文件被展示成一本書放在書架上可能是更好的選擇。擬物化可能并沒有死,而是周期性的繼續(xù)存在著。

我們?cè)谶@里能夠?qū)W到的是,我們無法確定今天知道的知識(shí)能夠繼續(xù)在未來被使用。

隨著時(shí)間的推移,“輪播圖”可能會(huì)被取消。但是我們要知道挑戰(zhàn)慣例是困難的(蘋果花了6次迭代才有信心推出扁平化設(shè)計(jì))。

其中一個(gè)解決辦法是采用逐步減少的方式,這個(gè)想法最早是由Allan Grinshtein提出。這個(gè)方法的前提是,需要用戶熟悉界面到已經(jīng)不需要明顯的設(shè)計(jì)線索。設(shè)計(jì)最終是由用戶對(duì)于界面的熟悉程度來決定的。

隨著曝光的增加,會(huì)越來越少的需要設(shè)計(jì)去手把手的引導(dǎo)用戶。這會(huì)使UX需要迎合大眾的部分去掉,取而代之的是越來越個(gè)性化的用戶體驗(yàn)。

如果我們要?jiǎng)?chuàng)建圖表去說明這一點(diǎn),它可能看起來像一個(gè)這樣的公式 x+y=10。X軸用來代表用戶的專業(yè)水平,1代表用戶不怎么熟悉UI,10代表用戶非常熟悉UI。Y軸代表我們需要在界面上引導(dǎo)用戶的程度。1代表不怎么需要,10代表非常需要。

超贊!從七個(gè)經(jīng)典童話中學(xué)到的用戶體驗(yàn)知識(shí)-藝源科技

很容易想象在未來,響應(yīng)式設(shè)計(jì)不僅僅是關(guān)于網(wǎng)頁如何適配尺寸。而是一個(gè)界面去適應(yīng)不同類型的用戶,高水平的用戶和低水平的用戶將會(huì)有不同的為他們定制的體驗(yàn)。

從某種方面來說這是 CRM(客戶關(guān)系管理)的自然過程,在這個(gè)過程當(dāng)中,隨著對(duì)其掌握的寶貴客戶關(guān)系的不斷累積,這些商業(yè)關(guān)系可以化作商業(yè)關(guān)系資產(chǎn)而被加以利用,最終在交互層面呈現(xiàn)給用戶更加有意義的訊息。這才是正宗意義上的個(gè)性化設(shè)計(jì),一種由數(shù)據(jù)驅(qū)動(dòng)的追求影響化最大化的設(shè)計(jì)模式。

如果說故事是人類接觸的貨幣,那么UX設(shè)計(jì)就是鑄幣的過程。創(chuàng)造了一種可以讓交易成功發(fā)生的機(jī)制。

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