在當(dāng)今瞬息萬變的數(shù)字世界,UI設(shè)計(jì)對(duì)于給用戶帶來出色體驗(yàn)至關(guān)重要。當(dāng)然,功能性和可用性很重要,但你知道嗎?許多人并沒有意識(shí)到視覺敘事性在UI設(shè)計(jì)中可以多強(qiáng)大。我們?nèi)祟愄焐捅还适滤?當(dāng)設(shè)計(jì)師將講故事融入U(xiǎn)I時(shí),它就像魔法——用戶會(huì)被吸引,沉浸其中,連接到一個(gè)全新的層面。這一切都是關(guān)于創(chuàng)造留下持久影響的體驗(yàn)!
UI設(shè)計(jì)中的視覺敘事藝術(shù)
這需要利用圖像、圖形、顏色和排版等視覺元素來講一個(gè)吸引用戶注意力并讓用戶理解產(chǎn)品或服務(wù)的故事。就像用你的設(shè)計(jì)畫一幅畫來吸引用戶,讓用戶參與其中。
做得好的視覺敘事可以:
-
抓住注意力:形象吸引人、引人入勝的故事可以幫助抓住用戶的注意力并保持他們的興趣。
-
喚起情感:可以喚起情感的故事能幫助用戶與產(chǎn)品或服務(wù)建立更深層次的連接。
-
傳達(dá)復(fù)雜概念:故事可以用簡單易懂的方式傳達(dá)復(fù)雜的想法。
-
建立品牌印象:故事可以在用戶和產(chǎn)品或服務(wù)之間建立聯(lián)系,幫助塑造品牌印象。
在UI設(shè)計(jì)中有許多不同的視覺敘事方式。一些常見的技巧包括:
-
使用圖像和圖形講故事:圖像和圖形可以用視覺方式講故事。例如,一個(gè)旅游App可能用不同目的地的圖像來講述用戶可以訪問的不同地方。
-
使用排版講故事:排版可以用來設(shè)置故事的基調(diào)并引導(dǎo)用戶的注意力。例如,一個(gè)新聞App可能用大而醒目的標(biāo)題來講述當(dāng)天的頭條新聞。
-
使用顏色講故事:顏色可以用來喚起情感和創(chuàng)造層次感。例如,一個(gè)社交媒體App可能用不同顏色來代表不同情緒。
-
創(chuàng)造連貫的視覺流動(dòng)性:UI中的視覺元素應(yīng)該無縫銜接。這將幫助用戶理解故事并輕松導(dǎo)航UI。
敘事是一個(gè)強(qiáng)有力的工具,可以用來創(chuàng)造引人入勝、形象吸引人和令人難忘的UI設(shè)計(jì)。如果你想創(chuàng)造真正有影響力的UI,那么敘事技巧是你絕對(duì)應(yīng)該考慮的。
建立凝聚力的敘事
創(chuàng)造貫穿始終、互聯(lián)互通的故事線索,引導(dǎo)用戶在平臺(tái)或App上的旅程。這需要將設(shè)計(jì)元素、交互和視覺線索編織在一起,講述一個(gè)清晰統(tǒng)一的故事。 凝聚力的敘事確保用戶理解產(chǎn)品的目的、如何使用以及每個(gè)階段可以期待什么,從而保持他們的參與度和進(jìn)一步探索的動(dòng)力。
在UI設(shè)計(jì)中建立凝聚力的敘事有許多好處:
-
創(chuàng)造更吸引人和難忘的用戶體驗(yàn)。當(dāng)用戶可以遵循清晰合乎邏輯的故事時(shí),他們更有可能對(duì)UI提供的內(nèi)容感興趣。
-
有助于改進(jìn)可用性。當(dāng)UI的視覺元素保持一致時(shí),用戶更容易理解如何與界面進(jìn)行交互。
-
有助于建立品牌識(shí)別。當(dāng)UI的視覺元素與品牌的整體識(shí)別保持一致時(shí)。
總之,通過思考UI設(shè)計(jì)如何串聯(lián)成一個(gè)吸引人的故事,設(shè)計(jì)師可以創(chuàng)造更出色的用戶體驗(yàn)。凝聚力的敘事有助引導(dǎo)用戶,建立品牌印象,最終提供一個(gè)富有樂趣、凝聚統(tǒng)一的設(shè)計(jì)。
UI設(shè)計(jì)中的英雄之旅
英雄之旅是一種常見的敘事原型或故事模板,其中英雄進(jìn)行冒險(xiǎn),學(xué)習(xí)教訓(xùn),用新獲得的知識(shí)取得勝利,然后凱旋歸來,自己也經(jīng)歷著改變。
這個(gè)原型幾個(gè)世紀(jì)以來一直應(yīng)用在故事中,也可以應(yīng)用到UI設(shè)計(jì)中。事實(shí)上,許多成功的UI設(shè)計(jì)遵循英雄之旅的基本原則。
以下是如何在UI設(shè)計(jì)中應(yīng)用英雄之旅:
-
冒險(xiǎn)的召喚:?英雄之旅的第一步是冒險(xiǎn)的召喚。這是英雄第一次得到進(jìn)行冒險(xiǎn)的機(jī)會(huì)。在UI設(shè)計(jì)中,冒險(xiǎn)的召喚可以是用戶第一次看到該應(yīng)用程序或網(wǎng)站。
-
拒絕召喚:?英雄起初可能會(huì)拒絕冒險(xiǎn)的召喚。這在英雄之旅中很常見,在UI設(shè)計(jì)中也可能發(fā)生。例如,用戶可能最初會(huì)對(duì)下載一個(gè)應(yīng)用程序或注冊(cè)一個(gè)服務(wù)感到猶豫。
-
遇見導(dǎo)師:?英雄然后遇到一位導(dǎo)師,幫助他們?yōu)槊半U(xiǎn)做準(zhǔn)備。在UI設(shè)計(jì)中,導(dǎo)師可以是一個(gè)教程、幫助中心,或者推薦該應(yīng)用程序或網(wǎng)站的朋友或同事。
-
跨越門檻:?英雄最終跨越門檻,開始他們的冒險(xiǎn)。在UI設(shè)計(jì)中,這可能是用戶第一次使用該應(yīng)用程序或網(wǎng)站。
-
考驗(yàn)、盟友和敵人:?英雄然后在旅途中面臨一系列考驗(yàn)、盟友和敵人。在UI設(shè)計(jì)中,這些可以是應(yīng)用程序或網(wǎng)站的不同功能,以及用戶可能面臨的不同挑戰(zhàn)。
-
嚴(yán)峻的考驗(yàn):?英雄然后面臨一個(gè)重大的挑戰(zhàn)或嚴(yán)峻的考驗(yàn)。這通常是旅程中最困難的部分,也是英雄將學(xué)到最多的地方。在UI設(shè)計(jì)中,嚴(yán)峻的考驗(yàn)可以是用戶需要完成的特別困難的任務(wù),或者是一個(gè)需要克服的重大bug或錯(cuò)誤。
-
獎(jiǎng)勵(lì):?英雄最終克服嚴(yán)峻的考驗(yàn)并因其努力而獲得獎(jiǎng)勵(lì)。在UI設(shè)計(jì)中,獎(jiǎng)勵(lì)可以是成就感、新技能,或者實(shí)質(zhì)性的利益,例如折扣或免費(fèi)禮品。
-
歸途:?英雄然后返回家園,經(jīng)此一程而改變自我。在UI設(shè)計(jì)中,這可以是用戶滿意自己的體驗(yàn)后關(guān)閉該應(yīng)用程序或網(wǎng)站。
英雄之旅是一個(gè)強(qiáng)大的原型,可以用來創(chuàng)造引人入勝和難忘的UI設(shè)計(jì)。通過遵循英雄之旅的基本原則,你可以創(chuàng)造讓用戶與你的產(chǎn)品或服務(wù)建立更深層次聯(lián)系的UI設(shè)計(jì)。
為情境而設(shè)計(jì)
為情境而設(shè)計(jì)是指針對(duì)用戶的具體環(huán)境和情形來定制用戶界面(UI)設(shè)計(jì)。這是關(guān)于根據(jù)設(shè)備、位置、偏好和用戶旅程等因素來創(chuàng)建個(gè)性化體驗(yàn)。例如,一個(gè)旅行App可能根據(jù)用戶所在位置調(diào)整功能以提供實(shí)時(shí)相關(guān)信息。這種方法依賴于對(duì)情境的認(rèn)知和實(shí)時(shí)數(shù)據(jù)來作出預(yù)測(cè)用戶行為并提供直觀吸引人的體驗(yàn)的設(shè)計(jì)決策。通過了解用戶情境和滿足他們的需求,UI設(shè)計(jì)可以增強(qiáng)可用性和總體滿意度,從而帶來更積極的用戶體驗(yàn)。
利用微交互作為情節(jié)轉(zhuǎn)折
微交互可以被用來增加出乎意料和激動(dòng)人心的情節(jié)轉(zhuǎn)折點(diǎn),以豐富用戶體驗(yàn)。例如,可以在用戶懸停時(shí)改變按鈕顏色,或者在用戶完成任務(wù)時(shí)播放音效。這些小變化可以讓用戶體驗(yàn)更具吸引力和記憶點(diǎn)。
下面是一些如何將微交互用作情節(jié)轉(zhuǎn)折的例子:
-
當(dāng)用戶懸停時(shí)改變按鈕顏色:?這是一個(gè)簡單但有效的方法,以增加出乎意料的用戶體驗(yàn)。當(dāng)用戶懸停在按鈕上時(shí),它變色,這可以讓用戶措手不及,并引起他們的注意。
-
完成任務(wù)時(shí)播放音效:?這是另一種簡單的方法,可以增加用戶體驗(yàn)的興奮感。當(dāng)用戶完成一個(gè)任務(wù)時(shí),會(huì)播放音效,這可以給他們一種滿足感和成就感。
-
點(diǎn)擊鏈接時(shí)出現(xiàn)模態(tài)窗口:?這是一種更復(fù)雜的方法,可以為用戶體驗(yàn)增加情節(jié)轉(zhuǎn)折。當(dāng)用戶點(diǎn)擊鏈接時(shí),會(huì)出現(xiàn)包含意外內(nèi)容的模態(tài)窗口。這可以用來給用戶一個(gè)驚喜或提供額外信息。
通過將微交互用作情節(jié)轉(zhuǎn)折,你可以為用戶體驗(yàn)增加出乎意料和激動(dòng)人心的元素。這可以讓你的產(chǎn)品或服務(wù)更具吸引力和記憶點(diǎn)。
通過講故事進(jìn)行品牌塑造
通過講故事進(jìn)行品牌塑造是一種戰(zhàn)略方法,公司和組織通過講述引人入勝的敘事來向目標(biāo)受眾傳達(dá)其品牌識(shí)別、價(jià)值觀和個(gè)性。這些品牌不是單純列出一系列特征或服務(wù),而是講述能與客戶產(chǎn)生情感共鳴的故事,從而建立更深厚和有意義的連接。通過講故事,品牌可以人性化自身,使自身對(duì)消費(fèi)者更具親和力和親近感。他們分享展示自身歷程、使命和對(duì)他人生活影響的故事。通過融入人物、情節(jié)和情感等元素,品牌可以喚起對(duì)其產(chǎn)品或服務(wù)的正面感受和聯(lián)想。
品牌識(shí)別中的講故事不僅限于廣告和營銷活動(dòng),它滲透品牌所有溝通層面,從網(wǎng)站和社交媒體到包裝和客戶支持。通過在不同接觸點(diǎn)保持一致和真實(shí)的敘事,品牌可以在客戶心中建立強(qiáng)大和難忘的形象。
下面是一些通過講故事獲利的品牌案例:
-
蘋果:?蘋果是講故事的大師。該公司的廣告活動(dòng)通常基于鼓舞人心和令人向往的故事。例如,“Think Different”運(yùn)動(dòng)講述了蘋果產(chǎn)品如何幫助人們思維不同并改變世界。
-
耐克:?耐克是另一個(gè)運(yùn)用講故事取得巨大成功的品牌。該公司的?“Just Do It”運(yùn)動(dòng)基于克服挑戰(zhàn)和實(shí)現(xiàn)目標(biāo)的故事。這一信息無論對(duì)運(yùn)動(dòng)員還是非運(yùn)動(dòng)員都有共鳴,這幫助耐克成為全球最成功的品牌之一。
-
星巴克:?星巴克通過其產(chǎn)品和客戶體驗(yàn)講故事。該公司的咖啡通常被描述為“the perfect cup of coffee,”其門店經(jīng)過設(shè)計(jì)營造溫馨熱情的氛圍。這在星巴克客戶中建立起社區(qū)意識(shí),并幫助加強(qiáng)其“第三空間”的品牌信息。
這只是一些通過講故事獲利的品牌例子。通過講述相關(guān)、真實(shí)和難忘的故事,品牌可以與消費(fèi)者建立更深厚的連接并塑造更強(qiáng)大的品牌認(rèn)同。
未來UI設(shè)計(jì)中的敘事趨勢(shì)
未來UI設(shè)計(jì)中的敘事趨勢(shì)?是的,這與接下來幾年將會(huì)顛覆UI設(shè)計(jì)世界的酷炫的新事物有關(guān)!我們說的都是全新技術(shù)、技巧和方法,它們將會(huì)徹底改變敘事融入U(xiǎn)I設(shè)計(jì)的方式,設(shè)計(jì)師們對(duì)此興奮不已!
隨著技術(shù)進(jìn)步和用戶偏好的演變,UI設(shè)計(jì)師們正在不斷探索新的方式通過引人入勝的敘事吸引用戶。UI設(shè)計(jì)中未來的敘事趨勢(shì)包含廣泛的令人興奮的可能性,例如:
-
沉浸式體驗(yàn):虛擬現(xiàn)實(shí)(VR)、增強(qiáng)現(xiàn)實(shí)(AR)和混合現(xiàn)實(shí)(MR)技術(shù)的集成使設(shè)計(jì)師能創(chuàng)造沉浸式的敘事體驗(yàn)。用戶可以進(jìn)入虛擬世界,與人物互動(dòng),以全新的方式參與敘事。
-
交互式動(dòng)畫:高級(jí)動(dòng)畫和微交互可以用來豐富UI敘事。設(shè)計(jì)師可以創(chuàng)造響應(yīng)用戶輸入的交互元素,使敘事體驗(yàn)更具吸引力和趣味性。
-
個(gè)性化和AI:在人工智能(AI)的幫助下,UI設(shè)計(jì)可以實(shí)現(xiàn)對(duì)上下文的感知,并根據(jù)每個(gè)用戶的偏好和行為調(diào)整其敘事。個(gè)性化敘事可以在更深層次上與每個(gè)用戶產(chǎn)生共鳴。
-
多平臺(tái)敘事:隨著用戶越來越多地在多個(gè)設(shè)備和平臺(tái)上交互,UI設(shè)計(jì)師將重點(diǎn)在不同屏幕和情境中創(chuàng)造無縫統(tǒng)一的敘事體驗(yàn)。
-
語音和會(huì)話式UI:語音用戶界面(VUI)和會(huì)話式UI在敘事中將發(fā)揮重要作用,使用自然語言使用戶與界面進(jìn)行交互。這為交互式敘事和基于對(duì)話的體驗(yàn)打開了新的機(jī)遇。
-
基于數(shù)據(jù)的敘事:UI設(shè)計(jì)將利用實(shí)時(shí)數(shù)據(jù)和分析來根據(jù)用戶行為、偏好和上下文動(dòng)態(tài)調(diào)整敘事,提供更相關(guān)和個(gè)性化的敘事體驗(yàn)。
-
感官反饋:未來的UI設(shè)計(jì)可能會(huì)結(jié)合觸覺反饋、音景和其他感官元素來增強(qiáng)敘事的情感影響,從而創(chuàng)建更沉浸和難忘的體驗(yàn)。
通過擁抱這些未來趨勢(shì),UI設(shè)計(jì)師可以推動(dòng)敘事的界限,創(chuàng)造創(chuàng)新且吸引人的用戶體驗(yàn),給用戶留下深刻印象。這些趨勢(shì)將塑造用戶與技術(shù)互動(dòng)的方式,使UI設(shè)計(jì)成為面向未來的、以敘事為驅(qū)動(dòng)的數(shù)字世界中的重要組成部分。
UI設(shè)計(jì)中的視覺敘事是將用戶體驗(yàn)從平淡提升到激動(dòng)人心的秘密配方!它全靠利用敘事的心理學(xué)原理,創(chuàng)造流暢貫通的敘事線索,并使用像微交互和視覺層次這樣酷炫的技術(shù)。當(dāng)設(shè)計(jì)師施展魔法時(shí),他們制作的體驗(yàn)可以完全讓他用戶沉浸其中,即使在用戶離開App或網(wǎng)站之后也會(huì)銘記。隨著技術(shù)的不斷發(fā)展,你可以肯定視覺敘事將是改變游戲規(guī)則、在用戶心中留下持久印記的UI設(shè)計(jì)要素。所以,準(zhǔn)備迎接一些非常驚艷的創(chuàng)意吧!
精選文章：