深入研究場景化體驗設(shè)計

2021-12-26    資深UI設(shè)計者



一、前言

場景化設(shè)計一詞第一次看到還是在前年設(shè)計分享大會上,當時懵懵懂懂的我第一次看到這么刁鉆的角度,甚是驚訝,后來我也是在不斷的研究這個內(nèi)容,上一篇文章《【干貨】設(shè)計師的發(fā)力點》中,也稍微的提了一些關(guān)于場景化設(shè)計的內(nèi)容。


本文章的出發(fā)點是因為我在學習的過程中,但很難找到全面分析的文章,因此我打算寫一篇更加深入的分析,一方面是對自己學習的總結(jié),另一方面是分享給大家我的心得。


接下來會通過三個維度深入研究場景化體驗設(shè)計,幫助您快速提升場景設(shè)計思維,中間也會并通過大量案例,帶你真實感受場景化設(shè)計思維在產(chǎn)品設(shè)計中的實際運用。



二、場景與體驗

我們看到各種形形色色的產(chǎn)品功能,但不能單一的去看待問題,也無法直接的去評判這個功能是否合理,所有的設(shè)計都是圍繞著某種指定的場景下去完成它的使命,拋開場景談設(shè)計,就是耍流氓。例如疫情期間的健康碼,這也是為了響應防控疫情的號召,需要對每個人的行程路徑進行把控,而這種產(chǎn)品就是為了滿足某種場景下的需求設(shè)計。

而在面對產(chǎn)品設(shè)計有具體場景的情況下,可以根據(jù)場景分析用戶的需求,進一步制定設(shè)計目標,通過合理的設(shè)計方法,提升用戶的產(chǎn)品體驗。



三、 遇到的問題

在早期的互聯(lián)網(wǎng)產(chǎn)品設(shè)計中,大多數(shù)體驗優(yōu)化的設(shè)計流程只是對需求進行單一的分析,并且相同的內(nèi)容采用同一解決方案,整個設(shè)計看似基本沒有問題,但隨著互聯(lián)網(wǎng)的高速發(fā)展與完善,用戶群體越來越多,產(chǎn)品功能越來越復雜等一系列的因素,導致出現(xiàn)了一些問題。


2.1   產(chǎn)品復雜化

隨著產(chǎn)品功能的完善,功能復雜化,單一的解決方案無法滿足多種場景下的使用,需要合理規(guī)劃,根據(jù)不同的場景進行體驗設(shè)計,才能更好的發(fā)揮價值。


2.2   同質(zhì)化嚴重

大多數(shù)流程可以滿足各種不同分類的產(chǎn)品使用,例如傳統(tǒng)的購物流程從詳情頁出發(fā)到訂單頁流程,雖然能滿足所有的支付流程,但是缺乏行業(yè)設(shè)計特性,長期以來也會缺乏競爭力。


2.3   場景體驗欠佳

一套設(shè)計解決方案、交互流程滿足所有的使用情況,雖然在產(chǎn)品中實現(xiàn)了一致性,但面臨復雜的場景很難滿足,并且用戶群體越來越復雜的情況下,每個用戶的訴求也會存在偏差,因此我們需要根據(jù)不同的場景,制定不同的方案。


四、場景精細化設(shè)計

為了更好的理解場景化設(shè)計,我們可以通過哲學上著名的三大問題,“你是誰?”“你從哪里來?”“你要到哪里去?”,例如唐僧從東土大唐而來,要到西天取經(jīng),從中我們可以發(fā)現(xiàn)三個關(guān)鍵的內(nèi)容,就是人、地、事,這也是場景化設(shè)計中必不可少的三個內(nèi)容。


在互聯(lián)網(wǎng)產(chǎn)品設(shè)計過程中,為了進一步強化體驗,我們可以從場景化設(shè)計中三個關(guān)鍵內(nèi)容,人、地、事,這三個角度進行更加深入的精細化設(shè)計,區(qū)分不同的場景采用不同的設(shè)計方法,從而滿足更多特點場景下的需求。


五、用戶分層設(shè)計

場景化設(shè)計中,用戶是最關(guān)鍵的內(nèi)容之一,正所謂以用戶為中心的設(shè)計思維能更好的服務(wù)用戶。當用戶量越來越龐大后,可以對用戶進行分層處理,這也是用戶運營中常見的一個概念,簡單理解就是指將用戶分為不同類型。


用戶分層是根據(jù)不同用戶的行為特征劃分成不同的用戶群,進而制定不同的產(chǎn)品策略來滿足其差異化需求,從而充分發(fā)揮每個層級用戶的價值,達成產(chǎn)品目標,通過用戶分層的思維方式結(jié)合場景化設(shè)計,可以更好的滿足不同類型的用戶訴求,還能根據(jù)不同用戶的類型提供差異化的內(nèi)容和服務(wù)。

用戶分層的方式是通過標簽的形式快速給用戶進行分層,在實際的運用中,主要分為基礎(chǔ)屬性和行為屬性。


5.1  基礎(chǔ)屬性

基礎(chǔ)屬性包含用戶的年齡、性別、身高等,這種用戶分類的方式,是最直觀簡單的。


5.1.1 年齡

大多數(shù)產(chǎn)品中會通過年齡來進行用戶分層,這種形式可以快速區(qū)分用戶的基本屬性,因為用戶的年齡狀態(tài)對待事物也會存在很大的差異。


例如支付寶的電子社??ǚ?wù),根據(jù)用戶不同的年齡階段,展示不同的領(lǐng)卡信息,進一步讓用戶更快的獲取到符合不同年齡段所關(guān)注的合適信息,可以直接提升開卡率。


5.1.2 老齡化設(shè)計

隨著我國即將進入中度老齡化社會,也正是因為老年人的生理和認知障礙的限制,他們使用APP的體驗并不是很順暢,所以大多數(shù)互聯(lián)網(wǎng)產(chǎn)品逐漸向中老年群體滲透,更多的關(guān)注起老齡化設(shè)計。


在適老化設(shè)計中,在不影響老年用戶對功能使用的情況下,一般都會采用通過設(shè)計降噪的方式,去除所有復雜的次要信息,保留核心內(nèi)容,并且通過放大來強化關(guān)鍵信息,文案的處理上也會進行內(nèi)容簡化處理,減少老年人的閱讀成本。


適老化設(shè)計除了視覺上放大和簡潔的感知體驗外,在交互體驗上也會有很多人性化的設(shè)計,例如在容器內(nèi)容上加入行為按鈕并描述去向,幫助老年人順利完成目標行為。


甚至在部分產(chǎn)品中,會強化聽覺上的功能體驗,例如語音播報、語音提問、電話叫車等功能,既能通過語音的形式彌補老年人視覺能力上的不足,還能減少操作成本。


5.1.3無障礙設(shè)計

隨著互聯(lián)網(wǎng)的發(fā)展,用戶群體逐漸龐大,其中也有部分身體有局限的用戶,對于他們來說更加迫切通過互聯(lián)網(wǎng)獲取信息,因此越來越多大公司注重到這一方向,而這也是我們作為一名設(shè)計師,更應該去優(yōu)化的方向。

可以采用無障礙色系,以及顏色的色差處理,針對性的服務(wù)于色盲和色弱群體,使得他們可以在信息閱讀上更符合他們的習慣,從而進一步打造更人性化的產(chǎn)品體驗。


5.1.4 用戶身份

而關(guān)于用戶分層的場景設(shè)計中,我們還可以區(qū)分用戶不同的狀態(tài)、身份來對界面進行差異化布局,最典型的代表就是用戶的會員身份。


會員它分為很多不同的階段,從開通到到期,用戶在不同階段對于內(nèi)容的關(guān)注上也存在很大的差異的,例如未開通展示更多的價格、權(quán)益信息,吸引消費決策。我們可以從這個角度出發(fā),區(qū)分用戶的會員狀態(tài),進一步來進行差異化設(shè)計。從而有效的提高不同階段用戶的行為決策。



5.2  行為屬性

每一個用戶在產(chǎn)品體驗過程中,都會有著各式各樣的行為操作,例如瀏覽記錄、關(guān)注、喜好等,我們也可以通過這種方式來進行分類,可以更加直接的聚焦到關(guān)鍵信息上,既可給予用戶驚喜感,也可以達成業(yè)務(wù)目標。


5.2.1 興趣標簽

標簽和上面描述的基礎(chǔ)信息還是存在一定差異的,標簽相當于是產(chǎn)品根據(jù)用戶的行為等去定義的不同類型的標簽,這種方式可以快速給用戶進行分類,常應用于內(nèi)容型產(chǎn)品以及電商平臺,給用戶貼上各式各樣的標簽,其次再根據(jù)他們的具體需求進行個性化的內(nèi)容設(shè)計,可以更快的實現(xiàn)千人千面的智能推送。


不同興趣標簽的用戶對待內(nèi)容的訴求也會不同,因此在頁面結(jié)構(gòu)設(shè)計時,我們需要考慮頁面信息的優(yōu)先級、瀏覽動線、信息內(nèi)容的呈現(xiàn),例如重度用戶和路人用戶的區(qū)別,一個注重商品展現(xiàn)的效率,一個注重氛圍和吸引。

除了整體的頁面結(jié)構(gòu)內(nèi)容外,用戶對內(nèi)容訴求也不同,例如優(yōu)惠型的用戶更關(guān)注活動和折扣信息,通過用戶標簽進行分層設(shè)計,能更快的達到刺激用戶消費的目的。


5.2.2 消費模型 (RFM模型)

  • R:最近一次的消費時間(Recency)

  • F:一段時間內(nèi)的消費頻次(Frequency)

  • M:一段時間內(nèi)的消費金額(Monetary)


RFM模型是根據(jù)用戶的消費行為、頻率、金額3項指標對用戶的價值狀況進行級別劃分,一共可以分為8種基礎(chǔ)用戶類型,然后再根據(jù)用戶的消費金額進行從上往下排序,最后區(qū)分不同類型的用戶,進行精細化運營。

這也是很多企業(yè)都在使用的模型,價值級別較高的用戶可以調(diào)整資源傾斜力度、定制服務(wù),甚至針對普通用戶也可以進行激活消費、挽留措施。


在電商產(chǎn)品中這種方式最為常見,通過模型分類可以快速了解用戶消費情況,一般會區(qū)分新老用戶,活躍用戶與沉寂用戶,例如創(chuàng)建新人導購,刺激用戶的首單轉(zhuǎn)化,而長時間未進行復購的沉寂用戶,也會采取一系列的措施吸引用戶再次消費,提升用戶的復購率。



5.2.3 AIPL模型

  • A:認知 - 新客或不了解產(chǎn)品的用戶(Awareness)

  • I: 興趣 - 對產(chǎn)品有興趣且關(guān)注過的用戶(Interest)

  • P:購買 - 刺激用戶產(chǎn)生購買行為(Purchase)

  • L:忠誠 - 有過較高復購行為的用戶(Loyalty)


這個模型對應的也是用戶的成長路徑,每個用戶都是從認知開始,才慢慢變成購買或者忠誠,所以需要做的,就是引導用戶不斷往更上一層發(fā)展,當然,我們也可以對四種不同類型的用戶同時進行,將這四種類型分發(fā)到產(chǎn)品中的各個鏈路中,以下案例來自于淘寶。

通過種草的形式給用戶建立認知,培養(yǎng)用戶興趣,而面臨消費顧慮并遲遲未下單的用戶,可以利用入手分享的方式克服轉(zhuǎn)化阻礙。而對于購買型和忠誠型用戶,可以通過優(yōu)惠、活動等方式,刺激下單并建立長期關(guān)系。


5.2.4  行為路徑

不同行為表現(xiàn)的用戶所觸發(fā)的關(guān)鍵行為不同,所以在設(shè)計路徑時,要先對用戶有分層,有定義,再針對性的實施,對路徑進行合適的分層布局,確保用戶去完成某件事的各種行為路徑,都能被滿足。


下面的案例從上倒下依次為,想快速申請貸款或者快速完成任務(wù)獲取現(xiàn)金的用戶,我們提供了直接操作區(qū)域,并且置于頭部進行業(yè)務(wù)屬性強化,中間融入了更多的分類與內(nèi)容引導,進一步激發(fā)用戶的興趣,最后可以再通過不同的形式適當?shù)臏p少用戶顧慮,例如優(yōu)惠券的福利(強化申請貸款),為新用戶提供發(fā)帖示例(確保社區(qū)的內(nèi)容品質(zhì))。

雖然兩個界面的內(nèi)容差異較大,但是結(jié)構(gòu)拆分的方式以及行為路徑的規(guī)劃都是大同小異的,主要還是為了滿足不同行為的用戶,進一步輔助他們快速完成功能服務(wù)。


六、區(qū)域化設(shè)計

根據(jù)不同的地點、位置、空間進行區(qū)域化設(shè)計,為不同的地域、情景進行差異化設(shè)計。在空間設(shè)計、園林設(shè)計中,我們會常??吹竭@種設(shè)計方式,規(guī)劃整個區(qū)域,進行合理的場景化設(shè)計,而在互聯(lián)網(wǎng)產(chǎn)品設(shè)計,主要體現(xiàn)在產(chǎn)品的戰(zhàn)略層面,面向不同的區(qū)域市場。接下來通過以下三個角度進一步分析。


6.1  下沉市場

下沉市場是前幾年比較流行的概念,是新鮮流量的代名詞,特別是拼多多的崛起,引起了許多行業(yè)關(guān)注流量的新區(qū)域。簡單理解就是產(chǎn)品的戰(zhàn)略市場主要面向于3-6線的城市。


下沉市場的用戶特征:

1、簡單直接,所見即所得;所以在設(shè)計的時候應該避免操作路徑過深,展現(xiàn)內(nèi)容太隱晦。

2、對價格和收益比較敏感,愿意花費時間獲得金錢上的獎勵,例如拼多多其實是個游戲電商。

3、愿意下載一些現(xiàn)金獎勵的產(chǎn)品,通過任務(wù)或者閱讀來獲得獎勵,例如趣頭條。

4、熟人社交影響力較大,可以通過微信生態(tài),快速形成裂變。


6.2  全球化設(shè)計

隨著本地化市場的成熟,越來越多產(chǎn)品開始面向海外市場,而海外市場與本地相比也會有著很多的差異,例如語言、宗教、審美、文化等等都有著諸多差異,所以這也是無形之中給設(shè)計帶來了很多的挑戰(zhàn)。


6.2.1 本土化策略

一個產(chǎn)品無法滿足全球市場的使用,因此全球化設(shè)計最好的方法就是本土化策略,深入挖掘當?shù)厥袌龅奈幕?、用戶喜好,地域特色等?nèi)容,進一步對產(chǎn)品進行單獨設(shè)計,例如大家比較熟悉的Tiktok,與抖音分開運營,更具有針對性。


大部分產(chǎn)品在進行海外市場的運營設(shè)計中,都會充分融合當?shù)厥袌龅南埠没蛟?,進一步發(fā)揮當?shù)靥厣?,激發(fā)用戶的情感共鳴。


6.2.2 出海規(guī)則

由于不同國家的文化差異、行為習慣、認知能力都會存在一定的偏差,因此在產(chǎn)品設(shè)計的過程中,我們也有很多規(guī)則需要去注意,例如、地區(qū)禁忌、語言處理等。接下來我大概列舉幾個我平時記錄的注意事項。


單位規(guī)則

度量衡需要滿足不同國家的要求,例如公斤/磅、英尺/厘米、公里/英里,而在一些運動產(chǎn)品中如果要表現(xiàn)卡路里,不建議使用一碗米飯作為單位來描述。


形象禁忌

在一些全球化設(shè)計中,如果涉及到插畫以及人物,需要注意一些姿勢和特征,盡可能避免不必要的麻煩。例如人物的手勢、 兩手交叉、十字交叉、使用左手等等,甚至在中東地區(qū)女性暴露都要注意避免。


圖形禁忌

圖形的表意也需要契合當?shù)匚幕攸c,一些比較含蓄的內(nèi)容盡可能避免,例如使用話筒代表娛樂,藥丸代表健康,雖然在國內(nèi)市場比較常見,但針對于全球化的設(shè)計可能就不是很適合了。


而對于這一點每個國家的宗教文化也會有所不同,例如阿拉伯地區(qū),避免使用星星圖標,科威特、埃及、阿拉伯聯(lián)合酋長國、阿富汗等因宗教原因禁酒,中東地區(qū)禁忌女性圖像,甚至我們經(jīng)常看到的ok都是不好的詞語,在個別國家里有罵人的意思。


除了圖形外,顏色也需要注意,在一些非洲地區(qū)盡可能避免顏色鮮艷或者紅色。


語言顯示

在界面設(shè)計過程中,設(shè)計師常常會關(guān)注字符串的顯示寬度,以及換行規(guī)則等,而面臨全球化設(shè)計時,文字需要適配多種語言,而外語的顯示長度明顯和中文有著很大的區(qū)別。為了能更好的進行極限范圍的確定,我一般會選用德語進行排版,因為德語是大部分語言中,長度最長的內(nèi)容了。


除此之外,我們還應該更加關(guān)注阿拉伯地區(qū)的語言顯示,他與我們傳統(tǒng)的閱讀方式截然不同,用戶的閱讀順序是從右往左,甚至交互方式也是如此,所以在設(shè)計的過程中,需要對阿拉伯地區(qū)的界面設(shè)計,進行鏡像處理。


鏡像處理

除了文本內(nèi)容的顯示順序改為從右往左之外,界面中的圖像、圖形、圖標也需要進行鏡像處理,但需要注意的是,含有明確指示性或方向性的圖標需要鏡像,例如返回、查看更多。而像刷新、歷史、鬧鐘等統(tǒng)一標準的圖標不需要鏡像。


6.3  空間設(shè)計

聽到空間設(shè)計這個詞,我首先聯(lián)想到的就是超市,設(shè)計師在設(shè)計的過程中,會充分考慮人群的動線設(shè)計,商品的分布也會大有講究,入口一般是單價較高的電子產(chǎn)品,手扶梯邊和收銀臺都會放一些零碎小單品,既要考慮短頭商品的展示,也要考慮長尾商品的曝光。


6.3.1 線下鏈接

而這一個特征,在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中,也是可以借鑒的,例如支付寶的電子社???,為了能更好的推廣電子服務(wù),設(shè)計師將線下社保局進行空間設(shè)計,用戶在不同位置所看到的海報均不同,針對用戶不同階段對需求的不同,進行場景差異化設(shè)計,可以更好的傳播有價值的信息。


6.3.2 到店體驗

到店服務(wù),即用線上互聯(lián)網(wǎng)服務(wù)線下業(yè)務(wù),其出現(xiàn)是為了解決傳統(tǒng)線下消費固有的問題,為了更好的形成線上和線下的鏈接,我們也可以采用上述的方法,對整個線下店面進行空間設(shè)計。


例如店外主要起到引流的效果,可以讓用戶掃碼進入店鋪首頁了解店鋪具體的信息,而在店門口可以讓用戶進行掃碼排隊預約等,當食客就坐后根據(jù)桌上的二維碼可以進入到店鋪的下單頁,最后在收銀臺布置掃碼買單,整個流程符合線下體驗,并可以將不同的頁面準確的傳遞給用戶,促進用戶快速完成線下消費。


七、服務(wù)差異化設(shè)計

場景化設(shè)計中第三個關(guān)鍵內(nèi)容就是事,而在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中,所有的事都是為了能更好的服務(wù)用戶,但隨著互聯(lián)網(wǎng)成熟,功能越來越豐富化,我們需要更加精細的場景劃分,明確用戶對于整個服務(wù)的操作流程,結(jié)合前后場景預判用戶目標,通過設(shè)計提高用戶效率,給予用戶驚喜與感動。接下來主要通過目的、行業(yè)、內(nèi)容三個角度深入分析。


7.1 交互流程 - 服務(wù)目的

如今隨著互聯(lián)網(wǎng)不斷發(fā)展,用戶的時間被各種產(chǎn)品分割,而面臨著用戶在產(chǎn)品中的所有體驗,做的每一件事情,都是有目的性的,例如打開淘寶的目的是想購物,打開抖音的目的是想放松娛樂,因此只有挖掘出用戶的目的,才能更好利用服務(wù)完成用戶行為。


為了讓用戶更好的完成任務(wù),可以將操作流程拆分為三步,從開始到結(jié)束,結(jié)合前后場景預判用戶目標,提升交互體驗,而關(guān)于這個內(nèi)容,我之前在《交互流程中的三大重點》一文中有詳細講解,感興趣的可以自行查看。


7.1.1  操作前 - 行為目的

像我們常見的一些產(chǎn)品結(jié)構(gòu)布局中,其實有也著簡單的分層布局,我們可以根據(jù)用戶不同的行為目的結(jié)合頁面板塊的內(nèi)容呈現(xiàn)來進行結(jié)構(gòu)分層布局。


下面的案例從上到下依次為,目的明確的搜索用戶、分類明確的用戶以及只想隨便看看的用戶,這樣的話,可以有效的服務(wù)與不同用戶的目的,也能快速實現(xiàn)流量分發(fā)的作用。


7.1.2  操作中 - 操作目的

根據(jù)不同的服務(wù)以及用戶操作目的,判斷內(nèi)容的合適性,例如輸入內(nèi)容時,結(jié)合前后場景預判用戶目標,針對不同的內(nèi)容呈現(xiàn)相對應的鍵盤樣式,通過設(shè)計提高用戶效率,滿足用戶的操作目的。


操作減負

面對各式各樣的數(shù)據(jù)錄入,表單填寫是移動端設(shè)計中最復雜的一項操作,在設(shè)計過程中可以根據(jù)用戶目的進行場景區(qū)分。例如下圖的案例,通過自定義的形式為用戶提供了兼容不同層級的聯(lián)動鍵盤,整個過程都在鍵盤輸入組件中完成,保證了錄入的沉浸和任務(wù)的聚焦。


場景匹配

在操作過程中,可以針對內(nèi)容呈現(xiàn)對應的鍵盤樣式,例如系統(tǒng)自帶鍵盤的樣式多達8種,我們可以制定各種場景下的使用,從而進行匹配,讓用戶在輸入的過程中更高效。


7.1.3  操作后 - 結(jié)果呈現(xiàn)

當體驗流程中用戶操作后,需進行合理的內(nèi)容反饋,可以通過場景化設(shè)計思維,結(jié)合用戶目標,呈現(xiàn)合理的內(nèi)容,提升設(shè)計效率。而在結(jié)果呈現(xiàn)上,主要可以分為兩個方向,結(jié)構(gòu)與內(nèi)容。


在內(nèi)容建設(shè)方面,主要通過信息架構(gòu)來構(gòu)建用戶體驗,確定各個將要呈現(xiàn)給用戶的元素的模式和順序,例如淘寶搜索結(jié)果頁,采用了兩種不同的局部方式,根據(jù)搜索內(nèi)容來進行區(qū)分,例如電器類的產(chǎn)品外觀大差不差,因此結(jié)構(gòu)上采用小圖模式,主要突出產(chǎn)品信息和賣點,而服裝類的商品則采用瀑布流的形式,強化圖片的視覺表現(xiàn)。


內(nèi)容主要是借助價值去找用戶,找到用戶建立鏈接,從而產(chǎn)生價值,簡單理解互聯(lián)網(wǎng)產(chǎn)品就是一個鏈接工具,但為了能更好的讓內(nèi)容和用戶進行鏈接,我們可以將內(nèi)容進行前置處理,根據(jù)服務(wù)目的結(jié)合內(nèi)容的呈現(xiàn),快速建立業(yè)務(wù)鏈接。


下圖案例來自于百度搜索,用戶在搜索時,不同的關(guān)鍵詞呈現(xiàn)對應的服務(wù)內(nèi)容,合理運用場景化設(shè)計中的服務(wù)差異化設(shè)計,為不同的事進行設(shè)計,既能快速匹配相應的用戶,還能縮短用戶尋找服務(wù)的操作路徑。


7.2  框架層 - 行業(yè)細分

隨著互聯(lián)網(wǎng)成熟,產(chǎn)品業(yè)務(wù)形態(tài)逐漸完善化,例如餐飲產(chǎn)品,里面會涉及到多種餐飲業(yè)態(tài),例如早餐、茶飲、快餐、燒烤等等,而所有銷售類的內(nèi)容都會涉及到人、貨、場。人在上面也大致講過了,這里就不繼續(xù)贅述,而面臨這種行業(yè)較多的情況時,我們可以采用場景化設(shè)計思維中的分層思維,將行業(yè)進行細分,進一步讓貨物可以對應到符合的場景中。

接下來也會繼續(xù)使用餐飲產(chǎn)品作為例子,進一步講解行業(yè)細分后的設(shè)計細節(jié)。


7.2.1 行業(yè)特征

餐飲業(yè)態(tài)較為復雜,但行業(yè)之間的差異還是比較明顯的,可以將行業(yè)特色進行提煉,針對不同的特點進行框架設(shè)計。


例如年輕群體較多的甜品茶飲,功能上除了基礎(chǔ)點餐也有外賣服務(wù),甚至也會有周邊商城,這種類型的商戶比較注重服務(wù)的呈現(xiàn)。但一些傳統(tǒng)的餐飲行業(yè),由于菜品體量較大,頁面呈現(xiàn)上可以更偏向于菜品展示。除此之外,還有很多餐飲商戶比較注重用戶身份以及會員管理,而框架設(shè)計上也可以將資產(chǎn)內(nèi)容前置化,滿足商業(yè)目的。


7.2.2 導航設(shè)計

產(chǎn)品框架中最關(guān)鍵的一個內(nèi)容自然離不開導航設(shè)計,它是專門用于呈現(xiàn)信息的一種界面形式,用戶可以在內(nèi)容結(jié)構(gòu)中自由穿行。在頁面設(shè)計的過程中,也可以通過不同的導航形式滿足需求,例如在在菜品的展現(xiàn)形式上,菜品體量較大的快餐便當,可以采用側(cè)導航形式快速進行內(nèi)容篩選,而甜品茶飲類的菜品較少,可以利用雙行瀑布流的形式強化商品圖片的呈現(xiàn)效果。


7.2.3 菜品布局

框架層的關(guān)注點幾乎全部在組件及相互關(guān)系上。框架確定用什么樣的功能和形式來實現(xiàn)。作為餐飲類的產(chǎn)品,菜品呈現(xiàn)屬于比較關(guān)鍵的內(nèi)容,而面臨不同類型的菜品,也能做出場景差異化的表現(xiàn),這一點比較像上面案例中提到的搜索后的商品結(jié)構(gòu)呈現(xiàn)。


在上面行業(yè)特征分析時,會發(fā)現(xiàn)如果從餐飲菜品數(shù)量上進行區(qū)分的話,布局上可以使用單行列表或雙行瀑布流的形式,來區(qū)分菜品分發(fā)的權(quán)重。而像一些套餐的菜品,布局上可以將菜品組合擺放,方便用戶對套餐內(nèi)的單品進行對比與調(diào)整。


7.2.4 分層營銷

在營銷設(shè)計中,可以通過各種營銷資源位進行宣傳展示,為了讓營銷滿足不同商戶的使用,可以利用場景分層的形式,將營銷表現(xiàn)力分為強、中、弱,三種形式,并根據(jù)不同的頁面框架布局去進行表現(xiàn)。


7.3  內(nèi)容形式

內(nèi)容型產(chǎn)品比較注重用戶消費與互動,平臺也會對內(nèi)容、流量、用戶進行分析,確保合理的消費場景。隨著產(chǎn)品逐漸豐富化,內(nèi)容分為多種形式,例如視頻、音頻、直播、資訊,而內(nèi)容形式也分為娛樂型、工具型、知識型和社交型,為了能更好的匹配消費場景,可以將內(nèi)容形式進行分層處理,區(qū)分不同的事物,采用合適框架形式,滿足用戶的消費場景。


下圖案例來自于淘寶內(nèi)容優(yōu)化設(shè)計方案,通過場景細分,主要分為三個場景,一是以瀏覽圖片視頻為主的富媒體消費場景;二是社交關(guān)系為主的消費場景;三是以文字消費為主的閱讀場景。三種場景的每一種都對應了多個內(nèi)容框架以及框架之間的流轉(zhuǎn)鏈路,按下圖從上往下逐漸從重分發(fā)到強沉浸的瀏覽體感。


富媒體消費場景內(nèi)容的復雜度和數(shù)量較大,一般常見的方式是采用分發(fā)為主的雙列流,滿足多種類型的內(nèi)容合理展示,如果以圖片為主要消費內(nèi)容的情況下,可以采用大卡流,突出圖片的展現(xiàn)。甚至也可以利用全屏的形式,強化用戶的沉浸體驗,這種方式更適合視頻內(nèi)容。


以社交關(guān)系為主的內(nèi)容,可以采用傳統(tǒng)的動態(tài)流布局,更適合用戶的習慣,同時也可以滿足多種信息的呈現(xiàn)。文字閱讀為主的內(nèi)容,更加注重信息的閱讀,可以使用文本流的形式,通過簡單的對比和結(jié)構(gòu)層級簡化處理來幫助用戶閱讀信息。

為了讓用戶更好的消費內(nèi)容,整個優(yōu)化項目的過程,首先通過用戶消費內(nèi)容的梳理,然后結(jié)合內(nèi)容的特點進行核心框架的鏈路整理、提取抽象化的共性框架,讓各個具有相似性的場景進行拉通,最終確認框架形式。


八、總結(jié)

場景化分析可以讓設(shè)計師以用戶的角度解決用戶痛點,發(fā)現(xiàn)問題解決問題,從而更好地服務(wù)于用戶,不管面臨多復雜的產(chǎn)品,都可以通過場景化設(shè)計方法,將關(guān)鍵的三大內(nèi)容進行提煉,進一步分析,確保每個內(nèi)容點都符合具體的場景。


文章來源:站酷   作者:三石設(shè)計丶 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔