【網(wǎng)頁UI設(shè)計(jì)】從場(chǎng)景開始思考

創(chuàng)新互聯(lián)告訴您場(chǎng)景賦予做法含義，每一種新鮮的做法體會(huì)的背后，都伴跟著新的場(chǎng)景洞察。在傳統(tǒng)的商品規(guī)劃與交互規(guī)劃之間的一個(gè)首要差異是，看待環(huán)境和做法引導(dǎo)關(guān)于塑造人的體會(huì)所起的效果的首要性不一樣，所以交互規(guī)劃師在規(guī)劃進(jìn)程中，需聚集于用戶運(yùn)用場(chǎng)景中的效勞流程和做法引導(dǎo)規(guī)劃，預(yù)期用戶方針，為用戶供給契合心智模型的流暢體會(huì)。

關(guān)于運(yùn)用場(chǎng)景的考慮是交互規(guī)劃的根底。在不一樣的場(chǎng)景下，用戶關(guān)于同一功用的心理預(yù)期和交互形式會(huì)有所不一樣。根據(jù)場(chǎng)景思想做規(guī)劃，能夠有用的協(xié)助規(guī)劃師：

判斷功用需要是不是實(shí)在，處理了用戶啥問題

深化地考慮場(chǎng)景細(xì)節(jié)，包括：發(fā)生地址、運(yùn)用頻率、情緒狀況、做法形式，用戶是不是憑借別的外力

開掘功用的延伸性及其價(jià)值，做好迭代規(guī)劃

場(chǎng)景思想的細(xì)節(jié)體會(huì)規(guī)劃

“場(chǎng)景”淺顯地講是，誰，在何時(shí)，在哪里，做了啥事情。在移動(dòng)互聯(lián)網(wǎng)年代，場(chǎng)景是實(shí)在的以人為基地的體會(huì)細(xì)節(jié)。場(chǎng)景依賴于人，沒有人的認(rèn)識(shí)和動(dòng)作就不存在場(chǎng)景。經(jīng)過對(duì)場(chǎng)景的因素考慮，能夠協(xié)助規(guī)劃師十分好的了解用戶實(shí)在需要。

經(jīng)過充沛的了解這些場(chǎng)景，并以此為根底，咱們能夠根據(jù)用戶的運(yùn)用場(chǎng)景，為用戶找到更直觀的方法，供給有用的互動(dòng)，使他們能夠流暢地完結(jié)預(yù)期方針。

1.只有當(dāng)運(yùn)用場(chǎng)景與用戶感知挨近甚至徹底吻合時(shí)，用戶才沒有回絕的理由

獲取方位權(quán)限

在獲取用戶方位權(quán)限的規(guī)劃中，大多數(shù)規(guī)劃都會(huì)在首次翻開app時(shí)，告訴用戶需要獲取方位權(quán)限。在這種運(yùn)用場(chǎng)景中，用戶的遍及認(rèn)知是：迷惑，為啥我需要給你獲取我的通訊資料和方位信息的權(quán)限。但關(guān)于新用戶來說，場(chǎng)景的運(yùn)用首要表現(xiàn)為簡(jiǎn)略、輕、快體會(huì)，所以在獲取方位權(quán)限時(shí)，用戶需要了解，在獲取權(quán)限后，我將取得啥，由于用戶更簡(jiǎn)略答應(yīng)他們想要運(yùn)用的功用。

圖1，獲取用戶方位權(quán)限規(guī)劃

在這個(gè)規(guī)劃中，有兩種動(dòng)身視點(diǎn)的邏輯，分別是從功用動(dòng)身的邏輯思想和場(chǎng)景動(dòng)身的邏輯思想：

圖2，功用和場(chǎng)景邏輯思想比照

同樣是敞開獲取方位權(quán)限的規(guī)劃方針，場(chǎng)景思想下的規(guī)劃方案更傾向于將規(guī)劃放在用戶的運(yùn)用場(chǎng)景中，從與之有關(guān)的用戶需要?jiǎng)由?，重視?lián)系商品的運(yùn)用場(chǎng)景與商品功用的聯(lián)系，做引導(dǎo)和暗示，告訴用戶敞開此功用的功效，然后運(yùn)用戶明白的知道我將會(huì)取得啥，完結(jié)用戶需要與商品功用的天然過渡，不允許用戶say no。

過錯(cuò)反應(yīng)

同樣的比如還有過錯(cuò)反應(yīng)。用戶在呈現(xiàn)過錯(cuò)的場(chǎng)景中，大多數(shù)用戶的認(rèn)知是：我哪里錯(cuò)了，該怎么批改。鄙人圖中有兩種規(guī)劃方案：

圖3，在情境里反應(yīng)，用戶更簡(jiǎn)略修正

左面的規(guī)劃邏輯是，填寫完以后再修正。流程是：用戶填寫表單，彈出popup，告訴過錯(cuò)。在這種規(guī)劃方案下，在用戶提交表單后，再彈出popup提示用戶過錯(cuò)，運(yùn)用戶脫離表單場(chǎng)景，且不可在當(dāng)時(shí)頁進(jìn)行針對(duì)性的修正，打斷用戶流程，用戶需回來后再尋覓哪里過錯(cuò)，并進(jìn)行修正。

還有一種規(guī)劃邏輯是：邊填寫邊修正。在這種場(chǎng)景下，用戶能夠?qū)崟r(shí)的知道數(shù)據(jù)的正確性，還能夠針對(duì)性的獲取修正主張，直接在過錯(cuò)表單上進(jìn)行修正。這種規(guī)劃方案運(yùn)用戶不會(huì)收到攪擾，更專心于當(dāng)時(shí)使命，順利完結(jié)表單填寫。

這兩種規(guī)劃方案的差異在于：前者更重視完結(jié)商品功用而后者更重視用戶體會(huì)。在場(chǎng)景思想下，以用戶運(yùn)用交互的具體環(huán)境為根底，讓運(yùn)用場(chǎng)景與用戶需要感知挨近甚至徹底吻合時(shí)來引導(dǎo)用戶完結(jié)預(yù)期方針，讓商品具有更優(yōu)越的體會(huì)。

2.場(chǎng)景是活動(dòng)的，交互進(jìn)程應(yīng)當(dāng)契合用戶的直覺

有關(guān)于用戶當(dāng)時(shí)的使命來說，場(chǎng)景是一個(gè)不斷改動(dòng)的概念。跟著場(chǎng)景的不斷改動(dòng)，用戶的需要也不斷改動(dòng)，所以，用戶需要經(jīng)過精約的交互來協(xié)助自個(gè)快速定位內(nèi)容或功用，全部進(jìn)程應(yīng)當(dāng)契合用戶的直覺，而不是層層發(fā)掘。應(yīng)盡量用少的頁面運(yùn)用戶以更簡(jiǎn)略的操作來完結(jié)方針。

簡(jiǎn)化流程，漸進(jìn)天然

當(dāng)場(chǎng)景發(fā)生改動(dòng)時(shí)，咱們應(yīng)當(dāng)讓用戶決議下一步該做啥。鄙人一場(chǎng)景刺進(jìn)改動(dòng)時(shí)，會(huì)運(yùn)用戶處于被迫的方位，而咱們要做的是，改動(dòng)規(guī)劃，使其十分直觀天然的來滿足他們的需要。

圖4，INSTAGRAM 將濾鏡結(jié)合入流程中

這兒好的比如，就是在Instagram中。如今，用戶發(fā)布相片的遍及的現(xiàn)象是：要先去美圖。那么在發(fā)布相片的功用流程中，能夠來比照一下微信發(fā)布朋友圈相片流程和Instagram的發(fā)布流程：

圖5，微信 VS. INSTAGRAM發(fā)布相片流程

從流程中能夠看出，ins的用戶在用戶在完結(jié)相片挑選以后，能夠直接經(jīng)過濾鏡完結(jié)對(duì)相片的美顏功用。比較于微信，要去切換至別的美圖的app，這種功用的天然過渡契合用戶美顏相片的心智模型。在全部流程中，他們將濾鏡控件結(jié)合為用戶發(fā)布相片的流程的之一，而不是獨(dú)自的作為一個(gè)獨(dú)立的功用，放置在另一個(gè)方位，這種無縫增加的微交互流程，是根據(jù)對(duì)用戶運(yùn)用場(chǎng)景的洞察，運(yùn)用戶感覺時(shí)間能夠在可控制的范圍內(nèi)，而不是偏離他們本來的預(yù)期。

從上可看出，根據(jù)運(yùn)用場(chǎng)景的考慮，能夠十分好的洞察用戶在運(yùn)用場(chǎng)景中的需要，使交互流程愈加靈敏多變，規(guī)劃方案跟從場(chǎng)景改動(dòng)而改動(dòng)，用場(chǎng)景替代功用，將需要天然而然過渡到功用體會(huì)上來，使功用愈加具有含義。

3.情感染細(xì)節(jié)規(guī)劃，激起用戶動(dòng)機(jī)與決議計(jì)劃

情感染規(guī)劃一直是增強(qiáng)用戶體會(huì)的“引爆點(diǎn)”。在一些場(chǎng)景下，參加交際元素、游戲元素以及個(gè)性化元素，能夠大大增強(qiáng)用戶的參加度。

Gogobot 是一款移動(dòng)旅行共享運(yùn)用，他經(jīng)過地輿定位功用，記載用戶去過的當(dāng)?shù)?，而且讓用戶點(diǎn)評(píng)商鋪、景點(diǎn)、共享在gogobot平臺(tái)上。除此之外，在旅行場(chǎng)景下，她捕捉了用戶在旅途中習(xí)慣于保藏旅行明信片這么的一個(gè)細(xì)節(jié)做法，為app供給了一個(gè)直覺且簡(jiǎn)略的功用-制造明信片，這么不只能夠供給用戶定制化效勞，還能夠激起和引導(dǎo)用戶為別的旅客供給旅行資訊，經(jīng)過場(chǎng)景化的思想方法處理了用戶在平臺(tái)上獲取實(shí)在旅行資訊的實(shí)在需要。

圖6，GOGOBOT制造明信片

小結(jié)

場(chǎng)景化思想是考慮用戶和網(wǎng)頁UI需要，尋求處理方案的首要技術(shù)。經(jīng)過場(chǎng)景化的考慮，能夠協(xié)助規(guī)劃師從頭界說用戶的實(shí)在需要，探究場(chǎng)景中用戶、地址、事物之間的內(nèi)涵關(guān)系，經(jīng)過這種方法逐漸去了解規(guī)劃，探究新的交互方法的可能性。

新聞名稱：【網(wǎng)頁UI設(shè)計(jì)】從場(chǎng)景開始思考
標(biāo)題網(wǎng)址：http://www.bm7419.com/news32/166082.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站制作、搜索引擎優(yōu)化、小程序開發(fā)、品牌網(wǎng)站建設(shè)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)