首頁

聲音設(shè)計(jì)的魅力是你想象不到的

ui設(shè)計(jì)分享達(dá)人

聲音記憶是一種非常普遍存在的現(xiàn)象。聲音是基于人類本能的記憶方式,雖然并不代表它是最強(qiáng)的一種記憶形態(tài),但它是最直接、原始的,因?yàn)樗私Y(jié)構(gòu)化的圖像、符碼等特征,所以聲音發(fā)出時本身就隱藏著巨大的想象力,既有直觀又有想象,而且往往是被動接收的。尤其是當(dāng)我們聽到一段熟悉的音樂或是文字、音效,自然而然地就會想到某些事情。我一直認(rèn)為音樂是記憶的載體,當(dāng)然聲音本身更是如此。


Ototo是一個可以讓你使用任何導(dǎo)電物體來演奏音樂的電子套件。主控板上有對應(yīng)一個八度內(nèi)的所有黑白鍵的孔位,通過鱷魚夾把任何的導(dǎo)電物件(水、水果、植物、金屬餐具等等)與這些孔位相連,就能把這些導(dǎo)電物體變成按鍵。它的核心在于PCB合成器,實(shí)際上它是一塊袖珍電路板,12個黑點(diǎn)和數(shù)個白點(diǎn)組成“琴鍵”,再加上一個外置的揚(yáng)聲器,只要與可導(dǎo)電的物體相連,摩擦就能發(fā)出聲音。即便你是不懂樂理知識的人,即便沒有專業(yè)的設(shè)備,也能拿起手邊的日常小物創(chuàng)作一段美妙音樂。它還可以外接四種傳感器的連接方式來改變聲音模式。

Bareconductive的板子我之前在另外一篇文章中介紹過了《聊一聊音樂套件Bare Conductive Touch Board》,它比OTOTO的優(yōu)勢在于它有兩種基礎(chǔ)連接方式,鱷魚夾和導(dǎo)電墨水。相對于鱷魚夾,導(dǎo)電墨水體積更小,更方便。

下面再給大家介紹幾個音樂裝置項(xiàng)目:

  • + Looks Like Music +

Looks Like Music是Yuri Suzuki在2013年為盧森堡的Mudam藝術(shù)博物館的暑期公共項(xiàng)目創(chuàng)作的互動式音樂裝置。Yuri Suzuki設(shè)計(jì)了一系列幾何造型的小型機(jī)器,它們可以沿著用馬克筆畫出的黑色線路前進(jìn),參與者可以在黑色線路邊上涂色,這些小型機(jī)器會在經(jīng)過這些顏色時把它們“翻譯”成為聲音。通過試驗(yàn)不同的涂色以及顏色之間的間距,參與者就可以創(chuàng)作出基本的曲調(diào)。

下面這個裝置是個公共音樂裝置,6個高度連小朋友也能夠到的聲音裝置站立在博物館外的廣場上,它們能吞咽、扭曲聲音和回聲,組成一個音速游樂場。在任意一個喇叭面前,你都可以發(fā)出聲音,說一句話,唱一句詞,聲音會通過彎彎曲曲的管道流淌,至于這條聲音將從哪一端的喇叭里流出,就要靠你自己去探索了。

  • Synth Play

推動不同充氣體的不同位置,隨機(jī)產(chǎn)生的音樂就會響起。幾個朋友共同配合,在推一推的解壓氛圍中便能創(chuàng)作出一支專屬于你們的曲子。這樣的創(chuàng)作方式將誕生出無數(shù)種組合,每一點(diǎn)微小的變化,都會帶來微妙的聽覺享受。有點(diǎn)呆萌的白色方塊用來設(shè)定節(jié)拍,兩個白色的充氣體是創(chuàng)作音樂的主力,黑色充氣體則用來控制和調(diào)節(jié)音效。

  • Face the Music

在名為 ‘ 面對音樂 ‘(Face the Music)的互動性平臺上,你可以通過面部識別系統(tǒng)演奏電子音樂:抬抬眉毛敲敲鼓,張大嘴巴調(diào)音調(diào),晃晃腦袋調(diào)整音長。還有歌劇、科幻小說、藍(lán)調(diào)和電子舞曲等四種風(fēng)格供你自由選擇。

聲音設(shè)計(jì)是很大的一個領(lǐng)域,現(xiàn)在還很少有學(xué)生專門做一個音樂裝置放在作品集中,同學(xué)們?nèi)绻信d趣,想嘗試的話,可以構(gòu)思構(gòu)思,為自己的作品集多增加一些色彩。


文章作者:程雅秋
英國皇家藝術(shù)學(xué)院產(chǎn)品設(shè)計(jì)碩士
擅長產(chǎn)品服務(wù)系統(tǒng)設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)和硬件Arduino交互

文章來源:站酷  作者:馬克筆設(shè)計(jì)留學(xué)

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


聊天機(jī)器人的用戶體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

今天的聊天機(jī)器人遠(yuǎn)非“智能”,它們引導(dǎo)用戶通過簡單的線性流程,我們的用戶研究表明,每當(dāng)用戶偏離這些流程時,它們都會遇到困難。

聊天機(jī)器人是智能助手的可憐“親戚”。


定義:聊天機(jī)器人是一種特定于基于文本的對話界面,支持用戶完成有限的任務(wù)。


在其他地方,我們討論了智能助手的6個特性:語音輸入、自然語言處理、語音輸出、智能解釋、代理和前面所有特性的集成。聊天機(jī)器人只需要具備這兩種屬性:自然語言處理和智能解釋。換句話說,聊天機(jī)器人應(yīng)該能夠以自然語言接收查詢,并正確地理解和解釋它們(然后執(zhí)行它們)。


在當(dāng)今世界,至少有三個不同的因素推動著聊天機(jī)器人的發(fā)展和普及。首先,人們希望通過用機(jī)器人取代人工代理人來降低客戶服務(wù)成本。其次,像微信這樣的基于對話的系統(tǒng)的成功,提出了聊天機(jī)器人作為企業(yè)和服務(wù)的交互渠道的想法,旨在補(bǔ)充現(xiàn)有的渠道,如移動網(wǎng)絡(luò)和移動應(yīng)用程序。最后,Alexa和Google Home等語音智能助手的流行,促使許多企業(yè)在較小規(guī)模上效仿它們。


這些因素映射到今天可用的兩種不同類型的聊天機(jī)器人:

在企業(yè)與客戶之間的聊天交互中,客服機(jī)器人會接管部分人工負(fù)載。這類機(jī)器人的例子包括UPS的Ask UPS和阿拉斯加航空的Ask Jenn。


交互機(jī)器人的目的是提供與業(yè)務(wù)交互的額外通道,而不是用于客戶服務(wù)。例如,Domino的批薩機(jī)器人允許用戶訂購批薩;來自Progressive公司的Flo可以提供一份汽車保險(xiǎn)報(bào)價(jià)。這種交互機(jī)器人可以在各種平臺上使用,其中最著名的是Facebook Messenger。(其他平臺包括Twitter和Slack。)然而,它們也可以存在于應(yīng)用程序(美國銀行的Erica)中,或者通過短信(Capital One的Eno)提供服務(wù)。

UPS.com網(wǎng)站使用聊天機(jī)器人來回答客服問題。

Kiehl ‘s Messenger聊天機(jī)器人:用戶可以通過在“發(fā)送消息”文本框中輸入文本或選擇屏幕上顯示的選項(xiàng)之一(發(fā)送位置或郵政編碼;文本輸入框下面的主菜單選項(xiàng))。


雖然客服機(jī)器人通常是純文本的,但交互機(jī)器人將文本與可視化UI元素結(jié)合起來作為交互方法。


研究


為了了解聊天機(jī)器人的可用性,我們招募了8名美國參與者,讓他們在移動設(shè)備(5名參與者)和桌面設(shè)備(3名參與者)上執(zhí)行一組與聊天相關(guān)的任務(wù)。其中一些任務(wù)涉及為客戶服務(wù)而與人或機(jī)器人聊天,另一些任務(wù)則針對Facebook Messenger或基于短信的聊天機(jī)器人。


對機(jī)器人的態(tài)度


一般來說,人們對機(jī)器人的態(tài)度從中立到略微積極?;訖C(jī)器人是一個相當(dāng)模糊的渠道:在我們的美國研究中,大多數(shù)參與者之前從未與此類機(jī)器人互動,他們也不知道它的存在。相比之下,微信公眾號頁面通常是這些機(jī)器人的復(fù)雜版本,我們的中國參與者對它們很熟悉。我們的一些參與者驚喜地發(fā)現(xiàn)了這個互動渠道,其他人則認(rèn)為與其他傳統(tǒng)渠道如網(wǎng)絡(luò)或移動應(yīng)用相比,它并沒有帶來足夠的價(jià)值。


人們普遍認(rèn)為客服機(jī)器人不如人類代表有幫助,但我們的參與者也認(rèn)為它們有一些優(yōu)勢。最重要的優(yōu)勢是速度:與人類聊天通常需要很長的等待時間(要么在隊(duì)列中,要么在對話開始之前,要么在人類為客戶的問題尋找解決方案時),而機(jī)器人可以是即時的。另一方面,人們覺得與真人接觸表明公司關(guān)心客戶:“真人真的很好。他們賣給你一件昂貴的物品,所以他們必須在代理人身上花更多的錢?!绷硪粋€人說:“如果你有一個人(負(fù)責(zé)客戶服務(wù)),那意味著你足夠關(guān)心;如果你有一個機(jī)器人,那么·你應(yīng)該有一個真正好的機(jī)器人。”


交互機(jī)器人通常很容易被識別為機(jī)器人,但客戶服務(wù)機(jī)器人很難識別。有些企業(yè)并不總是提前向客戶透露他們正在與機(jī)器人進(jìn)行交互。我們認(rèn)為這是一個錯誤。我們的研究參與者很高興看到企業(yè)使用機(jī)器人是透明的,因?yàn)樗麄兛梢哉{(diào)整自己的期望和語言。例如,當(dāng)用戶意識到他們是在和機(jī)器人說話時,他們往往會更直接,使用基于關(guān)鍵字的語言,并避免禮貌標(biāo)記。這種類型的語言通常比通常在正常對話中使用的復(fù)雜、間接的語言更成功。


用于交互聊天機(jī)器人UI


交互樣式
文本和鏈接/按鈕都可以用于向交互聊天機(jī)器人輸入信息。它們的目的略有不同:

  • 預(yù)先確定的鏈接和按鈕避免了用戶輸入。這些通常顯示在一個輪播列表中,可以包括圖像。人們喜歡有這些選項(xiàng),甚至希望它們成為常用輸入。

  • 文本允許用戶在選擇他們想問的問題類型方面有一定的靈活性,并允許他們偏離聊天機(jī)器人(通常過于嚴(yán)格)的腳本。


這兩種輸入機(jī)制都很重要,應(yīng)該同時存在。


當(dāng)機(jī)器人不允許用戶選擇選項(xiàng),而是要求用戶輸入時,用戶會抱怨。例如,一個參與者被Booking.com的機(jī)器人惹惱了,因?yàn)樗辉试S他選擇日期,他必須輸入日期。在輸入“感恩節(jié)”之后,他說:“應(yīng)該有一些明顯的東西來預(yù)先填充它。選項(xiàng)應(yīng)該預(yù)先填充——手動輸入很乏味。我應(yīng)該可以點(diǎn)擊按鈕才對?!?

人們更喜歡選擇一個選項(xiàng)(左邊是Domino的聊天機(jī)器人),而不是輸入冗長的文本(右邊是Booking.com)??紤]為最常見的輸入創(chuàng)建按鈕。


一些機(jī)器人完全取消了輸入文本的選項(xiàng),迫使用戶選擇屏幕上顯示的選項(xiàng)之一。這種類型的設(shè)計(jì)使機(jī)器人類似于一個網(wǎng)站,并限制了用戶可以在系統(tǒng)內(nèi)探索的路徑。

Car Dealer聊天機(jī)器人不允許用戶在選擇庫存選項(xiàng)后輸入自由文本。


當(dāng)鏈接和按鈕被清晰地標(biāo)記時,它們的效果最好,人們希望能夠點(diǎn)擊交互機(jī)器人顯示的幾乎所有非文本元素。例如,當(dāng)eero Messenger機(jī)器人展示一組圖片來說明eero的行為時,我們的大多數(shù)研究參與者都會點(diǎn)擊這些圖片,希望獲得更多信息。

Eero for Messenger(左):為了告訴我更多信息,該機(jī)器人顯示了一個輪播,上面有幾張圖片和一組可能的延續(xù)(文本在圓形框中)。用戶希望能夠點(diǎn)擊輪播項(xiàng),但這些并不是鏈接。Kielh’s for Messenger (右):輪播上的大圖片是不可點(diǎn)擊的,但是下面的鏈接是可點(diǎn)擊的。


除了常規(guī)的按鈕和鏈接,一些交互聊天機(jī)器人還有一個菜單元素,當(dāng)被選中時,它會顯示一組可能的任務(wù)。菜單有時顯示在輸入文本框下面,有時顯示為旁邊的一個小漢堡包圖標(biāo)。

金州勇士隊(duì)在輸入框下面有一個主菜單鏈接。選擇此鏈接將顯示一組可用的任務(wù)。當(dāng)用戶開始在輸入框中輸入時,菜單圖標(biāo)就顯示在它旁邊。主菜單鏈接和漢堡包圖標(biāo)做了同樣的事情。


其他鏈接有時顯示在消息框下面。這些鏈接是相當(dāng)容易發(fā)現(xiàn)的:我們的幾個用戶與它們交互;然而,靠近輸入框的圖標(biāo)不太可能被使用。

CNN bot:信息區(qū)下面的鏈接顯示了聊天機(jī)器人的一些主要任務(wù)(頭條新聞、主題、設(shè)置)。


線性流


交互聊天機(jī)器人似乎最像Alexa的技能:它們被設(shè)計(jì)用來指導(dǎo)用戶完成少量任務(wù)。機(jī)器人支持的任務(wù)最好被概念化為具有有限數(shù)量分支的線性流,這些分支依賴于可接受的用戶答案。機(jī)器人提出一個問題,其答案將推動機(jī)器人前進(jìn)到流的右邊分支。

一個線性流程的例子,機(jī)器人可能通過它來完成一個任務(wù)


當(dāng)用戶遵循流程并提供符合系統(tǒng)期望的“合法”答案,而沒有跳躍步驟或使用未知的單詞時,用戶會感到成功和順利。例如,一些參與者能夠成功地與Domino ‘s Pizza、Wingstop、Progressive等公司的聊天機(jī)器人進(jìn)行交互。然而,一旦用戶偏離了規(guī)定的腳本,問題就出現(xiàn)了。


例如,當(dāng)Domino ‘s Pizza機(jī)器人詢問她的位置是公寓還是房子時,一名參與者輸入townhome,機(jī)器人回答“我很抱歉。我好像聽不懂?!绷硪晃粚ふ野蛯毨蜓鼛У挠脩粼谙⒖蛑休斎肓恕把鼛А保鞘盏搅擞唵稳∠男畔?。當(dāng)她把它轉(zhuǎn)換成“女式腰帶”時,她被告知要從一個鏈接列表中選擇,沒有一個鏈接與她要找的匹配。

巴寶莉的聊天機(jī)器人很難理解用戶想要完成的任務(wù),并在機(jī)器人的指令表中列出了若干任務(wù)。


機(jī)器人也很難從問題或意外輸入中恢復(fù),有時會迫使用戶從樹的頂部重新開始,并做更多不必要的工作來獲得答案。例如,我們的一個用戶想知道起亞是否有四輪驅(qū)動的電動車型。為了找到匹配的任務(wù),她不得不遍歷整個決策樹,回答諸如汽車需要容納的人數(shù)和MPG等問題。當(dāng)她對車輛類型偏好回答“不”而不是選擇一個顯示選項(xiàng)時,機(jī)器人就會停止并強(qiáng)迫她重新開始。


然而,有些機(jī)器人更加靈活,能夠理解偏離腳本的請求。例如,一個參與者知道Domino ‘s Pizza正在進(jìn)行促銷活動,他可以讓機(jī)器人將其加到自己的購物車中。在訂餐流程的晚期,他還能夠改變其中一個比薩餅的外殼。

Domino ‘s Pizza聊天機(jī)器人能夠?qū)Σ粚儆陬A(yù)訂披薩的主要線性流的請求做出滿意的響應(yīng)。左圖:用戶可以在訂購前將訂單加到他的購物車中。右圖:用戶更改了正在訂購的兩個比薩餅中的一個的外殼。


一些機(jī)器人很難做出假設(shè)并建立查詢的上下文。例如,我們的一名參與者試圖與Capital one的基于文本消息的機(jī)器人Eno進(jìn)行交互。他碰巧有兩張來自Capital One的信用卡,每次他問一個問題,機(jī)器人就會強(qiáng)迫他澄清查詢涉及的是哪個賬戶,而不會將上下文從一個交互傳遞到下一個交互。


當(dāng)啟動新任務(wù)時,機(jī)器人通常也不能利用之前輸入的信息。例如,我們的一名參與者首先決定叫披薩外賣;她輸入了自己的地址,但她被告知Domino ‘s不送貨上門。她又開始一遍,這次的目標(biāo)是去商店取貨而不是送貨。機(jī)器人第二次問她的地址,顯然完全忘記了她已經(jīng)輸入了地址。

Capital One的機(jī)器人Eno要求用戶在回答完每個問題后澄清他詢問的是哪個賬戶。左:Eno只識別用戶查詢中的關(guān)鍵字“transaction”(盡管拼錯了),無法回答用戶的特定問題;相反,它給出了其指令庫中一個匹配任務(wù)的答案。右:Eno重復(fù)了之前問的問題。


文章來源:站酷  作者:馬克筆設(shè)計(jì)留學(xué)

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



我們對2021年的用戶體驗(yàn)有何期待?

ui設(shè)計(jì)分享達(dá)人

用戶體驗(yàn)設(shè)計(jì)是一個動態(tài)領(lǐng)域,每年都會為我們帶來新的趨勢,最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實(shí)世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費(fèi)更多的時間;他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗(yàn)的趨勢,我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。


語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設(shè)計(jì)中最熱門的趨勢之一??梢钥隙ǖ卣f,明年不應(yīng)忽略它。

毫無疑問,到2021年,語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗(yàn)方面一直在尋求簡單性和效率。市場需求,高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇,只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實(shí)施奠定了基礎(chǔ)。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗(yàn)。



簡約的UI

極簡主義可能是當(dāng)今視覺設(shè)計(jì)中最明顯的趨勢之一。用戶正在體驗(yàn)越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者,但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計(jì)應(yīng)運(yùn)而生的地方。

但是,“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色,設(shè)計(jì)元素和明亮的組合,但UX設(shè)計(jì)人員仍然有很大的發(fā)揮空間。此外,元素的功能最為重要,正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




內(nèi)容,消息和導(dǎo)航的清晰度是UX設(shè)計(jì)的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦,這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。


負(fù)空間

負(fù)空間是用戶體驗(yàn)設(shè)計(jì)的一種大趨勢,它已經(jīng)脫離了對簡約UI的市場需求。簡而言之,負(fù)空間是頁面布局中對象周圍(宏空間)或?qū)ο髢?nèi)部(微空間)的空白區(qū)域。它已經(jīng)成為獨(dú)立的設(shè)計(jì)元素,在視覺美學(xué)和用戶體驗(yàn)優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。






留出一定的空間,在設(shè)計(jì)中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負(fù)空間的主要功能是整理網(wǎng)頁,以吸引用戶對關(guān)鍵對象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計(jì)人員將用戶的注意力吸引到最重要的內(nèi)容上。




負(fù)空間有時也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當(dāng)區(qū)域中沒有元素時,您還可以在深色模式或任何其他顏色下使用此用戶體驗(yàn)趨勢。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗(yàn)將與我們習(xí)慣的在線體驗(yàn)不同。UX設(shè)計(jì)以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性,設(shè)計(jì)師有意在版面設(shè)計(jì)中實(shí)現(xiàn)了一些“缺陷”。 它可以是任何東西,從手繪對象到構(gòu)圖或頁面的不尋常元素。







通常,不完美的設(shè)計(jì)可以很好地證明品牌的身份并突出其獨(dú)特性。但是,如果要應(yīng)用這種UX趨勢,則必須記住一個關(guān)鍵規(guī)則:必須保持平衡。如果你做得過多,那是行不通的。



同態(tài)

中性風(fēng)格是UI設(shè)計(jì)中其他兩種大規(guī)模方法(擬態(tài)和平面設(shè)計(jì))的組合,它們通常被認(rèn)為彼此相對。擬態(tài)化是關(guān)于模仿現(xiàn)實(shí)世界中的物體以及我們與物體交互的方式。

幾十年前,當(dāng)需要使用超現(xiàn)實(shí)元素來創(chuàng)建直觀且用戶友好的UI時,它很流行。垃圾桶就是例子之一。另一方面,平面設(shè)計(jì)是一個更新的,簡化的概念,圍繞二維元素,極簡主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點(diǎn)。它使用圖形強(qiáng)度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對象,而不是精確地重新創(chuàng)建它們。中性風(fēng)格不會將現(xiàn)實(shí)主義推到極致。取而代之的是,它努力實(shí)現(xiàn)淺色和微妙對比度的“柔和”外觀。



在過去大約一年的時間里,同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法,但許多設(shè)計(jì)人員對該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺已經(jīng)包含了許多同態(tài)的例子。因此,我們有充分的理由相信,這一趨勢最終將在2021年出現(xiàn)在我們的手機(jī)和筆記本電腦中。



3D元素和視差

視差效果和3D元素并不是UX設(shè)計(jì)中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計(jì)解決方案中實(shí)現(xiàn)它們。但是,我們?nèi)匀挥^察到這些用戶體驗(yàn)趨勢正在逐步普及。

首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。




另一種趨勢是嘗試在一個界面中結(jié)合視差效果和3D圖形。使用視差滾動時,網(wǎng)頁背景和前景元素以不同的速度移動。僅憑它就能產(chǎn)生深度感。通過為此添加3D對象,您可以創(chuàng)建一種真正的身臨其境的體驗(yàn),并將在用戶的記憶中保留很長時間。


 



  

不對稱

隨著我們設(shè)備屏幕的變寬,UI / UX設(shè)計(jì)中出現(xiàn)了不對稱趨勢。通常,不對稱是野獸派的一種屬性,這是藝術(shù)和網(wǎng)頁設(shè)計(jì)中與極簡主義相反的一種風(fēng)格。但是,如果與其他殘酷的設(shè)計(jì)元素分開使用,它可以使您的網(wǎng)站看起來有趣,同時使它保持微妙和優(yōu)雅。


不對稱布局的UI / UX趨勢通常與其他創(chuàng)造性的Web設(shè)計(jì)技術(shù)一起實(shí)現(xiàn),例如破碎的網(wǎng)格,重疊的元素和分割的屏幕。您也可以將不對稱性應(yīng)用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




但是,請務(wù)必記住,非對稱設(shè)計(jì)并不意味著“隨機(jī)放置的UI元素”。在布局上定位對象的不尋常方式應(yīng)該引導(dǎo)用戶的眼睛朝正確的方向前進(jìn),并幫助品牌強(qiáng)調(diào)重要信息。

動畫制作

今天,當(dāng)我們在互聯(lián)網(wǎng)上進(jìn)入隨機(jī)網(wǎng)站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運(yùn)動設(shè)計(jì)元素。動畫在用戶體驗(yàn)設(shè)計(jì)中仍然很流行,并且使用頻率不斷增長。

除了具有視覺吸引力之外,移動物體還可以改善用戶參與度并簡化導(dǎo)航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命,使它們更具個性。



如果要在用戶界面設(shè)計(jì)中使用這種軟件開發(fā)趨勢,那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑,從而促使他們甚至比計(jì)劃的要早離開網(wǎng)頁。動畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的,有價(jià)值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計(jì)(UCD)的基本要素,旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測試一起,構(gòu)建有效,有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。



為了創(chuàng)建一個實(shí)用的信息體系結(jié)構(gòu),UX設(shè)計(jì)人員需要對產(chǎn)品的目標(biāo)受眾,其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費(fèi)太多精力就能獲得所需的結(jié)果。因此,在設(shè)計(jì)過程的線框階段始終必須考慮用戶的目標(biāo),清晰的導(dǎo)航和內(nèi)容表示(包括盲點(diǎn)監(jiān)視)。

最后的想法

我們創(chuàng)建此文章是為了讓您在當(dāng)今競爭異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網(wǎng)站的用戶體驗(yàn)。即使用戶期望很高,它們也可以使您的產(chǎn)品在視覺上對目標(biāo)受眾更具吸引力。

文章來源:站酷  作者:ZZiUP

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

我們對2021年的用戶體驗(yàn)有何期待?

ui設(shè)計(jì)分享達(dá)人

用戶體驗(yàn)設(shè)計(jì)是一個動態(tài)領(lǐng)域,每年都會為我們帶來新的趨勢,最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實(shí)世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費(fèi)更多的時間;他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗(yàn)的趨勢,我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。


語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設(shè)計(jì)中最熱門的趨勢之一。可以肯定地說,明年不應(yīng)忽略它。

毫無疑問,到2021年,語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗(yàn)方面一直在尋求簡單性和效率。市場需求,高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇,只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實(shí)施奠定了基礎(chǔ)。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗(yàn)。



簡約的UI

極簡主義可能是當(dāng)今視覺設(shè)計(jì)中最明顯的趨勢之一。用戶正在體驗(yàn)越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者,但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計(jì)應(yīng)運(yùn)而生的地方。

但是,“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色,設(shè)計(jì)元素和明亮的組合,但UX設(shè)計(jì)人員仍然有很大的發(fā)揮空間。此外,元素的功能最為重要,正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




內(nèi)容,消息和導(dǎo)航的清晰度是UX設(shè)計(jì)的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦,這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。


負(fù)空間

負(fù)空間是用戶體驗(yàn)設(shè)計(jì)的一種大趨勢,它已經(jīng)脫離了對簡約UI的市場需求。簡而言之,負(fù)空間是頁面布局中對象周圍(宏空間)或?qū)ο髢?nèi)部(微空間)的空白區(qū)域。它已經(jīng)成為獨(dú)立的設(shè)計(jì)元素,在視覺美學(xué)和用戶體驗(yàn)優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。






留出一定的空間,在設(shè)計(jì)中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負(fù)空間的主要功能是整理網(wǎng)頁,以吸引用戶對關(guān)鍵對象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計(jì)人員將用戶的注意力吸引到最重要的內(nèi)容上。




負(fù)空間有時也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當(dāng)區(qū)域中沒有元素時,您還可以在深色模式或任何其他顏色下使用此用戶體驗(yàn)趨勢。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗(yàn)將與我們習(xí)慣的在線體驗(yàn)不同。UX設(shè)計(jì)以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性,設(shè)計(jì)師有意在版面設(shè)計(jì)中實(shí)現(xiàn)了一些“缺陷”。 它可以是任何東西,從手繪對象到構(gòu)圖或頁面的不尋常元素。







通常,不完美的設(shè)計(jì)可以很好地證明品牌的身份并突出其獨(dú)特性。但是,如果要應(yīng)用這種UX趨勢,則必須記住一個關(guān)鍵規(guī)則:必須保持平衡。如果你做得過多,那是行不通的。



同態(tài)

中性風(fēng)格是UI設(shè)計(jì)中其他兩種大規(guī)模方法(擬態(tài)和平面設(shè)計(jì))的組合,它們通常被認(rèn)為彼此相對。擬態(tài)化是關(guān)于模仿現(xiàn)實(shí)世界中的物體以及我們與物體交互的方式。

幾十年前,當(dāng)需要使用超現(xiàn)實(shí)元素來創(chuàng)建直觀且用戶友好的UI時,它很流行。垃圾桶就是例子之一。另一方面,平面設(shè)計(jì)是一個更新的,簡化的概念,圍繞二維元素,極簡主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點(diǎn)。它使用圖形強(qiáng)度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對象,而不是精確地重新創(chuàng)建它們。中性風(fēng)格不會將現(xiàn)實(shí)主義推到極致。取而代之的是,它努力實(shí)現(xiàn)淺色和微妙對比度的“柔和”外觀。



在過去大約一年的時間里,同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法,但許多設(shè)計(jì)人員對該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺已經(jīng)包含了許多同態(tài)的例子。因此,我們有充分的理由相信,這一趨勢最終將在2021年出現(xiàn)在我們的手機(jī)和筆記本電腦中。



3D元素和視差

視差效果和3D元素并不是UX設(shè)計(jì)中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計(jì)解決方案中實(shí)現(xiàn)它們。但是,我們?nèi)匀挥^察到這些用戶體驗(yàn)趨勢正在逐步普及。

首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。




另一種趨勢是嘗試在一個界面中結(jié)合視差效果和3D圖形。使用視差滾動時,網(wǎng)頁背景和前景元素以不同的速度移動。僅憑它就能產(chǎn)生深度感。通過為此添加3D對象,您可以創(chuàng)建一種真正的身臨其境的體驗(yàn),并將在用戶的記憶中保留很長時間。


 



  

不對稱

隨著我們設(shè)備屏幕的變寬,UI / UX設(shè)計(jì)中出現(xiàn)了不對稱趨勢。通常,不對稱是野獸派的一種屬性,這是藝術(shù)和網(wǎng)頁設(shè)計(jì)中與極簡主義相反的一種風(fēng)格。但是,如果與其他殘酷的設(shè)計(jì)元素分開使用,它可以使您的網(wǎng)站看起來有趣,同時使它保持微妙和優(yōu)雅。


不對稱布局的UI / UX趨勢通常與其他創(chuàng)造性的Web設(shè)計(jì)技術(shù)一起實(shí)現(xiàn),例如破碎的網(wǎng)格,重疊的元素和分割的屏幕。您也可以將不對稱性應(yīng)用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




但是,請務(wù)必記住,非對稱設(shè)計(jì)并不意味著“隨機(jī)放置的UI元素”。在布局上定位對象的不尋常方式應(yīng)該引導(dǎo)用戶的眼睛朝正確的方向前進(jìn),并幫助品牌強(qiáng)調(diào)重要信息。

動畫制作

今天,當(dāng)我們在互聯(lián)網(wǎng)上進(jìn)入隨機(jī)網(wǎng)站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運(yùn)動設(shè)計(jì)元素。動畫在用戶體驗(yàn)設(shè)計(jì)中仍然很流行,并且使用頻率不斷增長。

除了具有視覺吸引力之外,移動物體還可以改善用戶參與度并簡化導(dǎo)航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命,使它們更具個性。



如果要在用戶界面設(shè)計(jì)中使用這種軟件開發(fā)趨勢,那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑,從而促使他們甚至比計(jì)劃的要早離開網(wǎng)頁。動畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的,有價(jià)值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計(jì)(UCD)的基本要素,旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測試一起,構(gòu)建有效,有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。



為了創(chuàng)建一個實(shí)用的信息體系結(jié)構(gòu),UX設(shè)計(jì)人員需要對產(chǎn)品的目標(biāo)受眾,其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費(fèi)太多精力就能獲得所需的結(jié)果。因此,在設(shè)計(jì)過程的線框階段始終必須考慮用戶的目標(biāo),清晰的導(dǎo)航和內(nèi)容表示(包括盲點(diǎn)監(jiān)視)。

最后的想法

我們創(chuàng)建此文章是為了讓您在當(dāng)今競爭異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網(wǎng)站的用戶體驗(yàn)。即使用戶期望很高,它們也可以使您的產(chǎn)品在視覺上對目標(biāo)受眾更具吸引力。


文章來源:站酷   作者:ZZiUP

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


我們對2021年的用戶體驗(yàn)有何期待?

ui設(shè)計(jì)分享達(dá)人

用戶體驗(yàn)設(shè)計(jì)是一個動態(tài)領(lǐng)域,每年都會為我們帶來新的趨勢,最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實(shí)世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費(fèi)更多的時間;他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗(yàn)的趨勢,我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。


語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面(VUI)。如今年所示,語音指令仍然是UX設(shè)計(jì)中最熱門的趨勢之一??梢钥隙ǖ卣f,明年不應(yīng)忽略它。

毫無疑問,到2021年,語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗(yàn)方面一直在尋求簡單性和效率。市場需求,高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇,只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實(shí)施奠定了基礎(chǔ)。例如,星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗(yàn)。



簡約的UI

極簡主義可能是當(dāng)今視覺設(shè)計(jì)中最明顯的趨勢之一。用戶正在體驗(yàn)越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口,打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者,但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計(jì)應(yīng)運(yùn)而生的地方。

但是,“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色,設(shè)計(jì)元素和明亮的組合,但UX設(shè)計(jì)人員仍然有很大的發(fā)揮空間。此外,元素的功能最為重要,正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反,僅具有裝飾目的的組件正逐漸失去其重要性。




內(nèi)容,消息和導(dǎo)航的清晰度是UX設(shè)計(jì)的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦,這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。


負(fù)空間

負(fù)空間是用戶體驗(yàn)設(shè)計(jì)的一種大趨勢,它已經(jīng)脫離了對簡約UI的市場需求。簡而言之,負(fù)空間是頁面布局中對象周圍(宏空間)或?qū)ο髢?nèi)部(微空間)的空白區(qū)域。它已經(jīng)成為獨(dú)立的設(shè)計(jì)元素,在視覺美學(xué)和用戶體驗(yàn)優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。






留出一定的空間,在設(shè)計(jì)中添加“寂靜的感覺”,必須是始終有意義的。否則,用戶可以將其視為缺少信息。負(fù)空間的主要功能是整理網(wǎng)頁,以吸引用戶對關(guān)鍵對象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計(jì)人員將用戶的注意力吸引到最重要的內(nèi)容上。




負(fù)空間有時也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當(dāng)區(qū)域中沒有元素時,您還可以在深色模式或任何其他顏色下使用此用戶體驗(yàn)趨勢。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗(yàn)將與我們習(xí)慣的在線體驗(yàn)不同。UX設(shè)計(jì)以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性,設(shè)計(jì)師有意在版面設(shè)計(jì)中實(shí)現(xiàn)了一些“缺陷”。 它可以是任何東西,從手繪對象到構(gòu)圖或頁面的不尋常元素。







通常,不完美的設(shè)計(jì)可以很好地證明品牌的身份并突出其獨(dú)特性。但是,如果要應(yīng)用這種UX趨勢,則必須記住一個關(guān)鍵規(guī)則:必須保持平衡。如果你做得過多,那是行不通的。



同態(tài)

中性風(fēng)格是UI設(shè)計(jì)中其他兩種大規(guī)模方法(擬態(tài)和平面設(shè)計(jì))的組合,它們通常被認(rèn)為彼此相對。擬態(tài)化是關(guān)于模仿現(xiàn)實(shí)世界中的物體以及我們與物體交互的方式。

幾十年前,當(dāng)需要使用超現(xiàn)實(shí)元素來創(chuàng)建直觀且用戶友好的UI時,它很流行。垃圾桶就是例子之一。另一方面,平面設(shè)計(jì)是一個更新的,簡化的概念,圍繞二維元素,極簡主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點(diǎn)。它使用圖形強(qiáng)度大的元素,陰影和漸變來使按鈕和卡片類似于自然界中的對象,而不是精確地重新創(chuàng)建它們。中性風(fēng)格不會將現(xiàn)實(shí)主義推到極致。取而代之的是,它努力實(shí)現(xiàn)淺色和微妙對比度的“柔和”外觀。



在過去大約一年的時間里,同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法,但許多設(shè)計(jì)人員對該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺已經(jīng)包含了許多同態(tài)的例子。因此,我們有充分的理由相信,這一趨勢最終將在2021年出現(xiàn)在我們的手機(jī)和筆記本電腦中。



3D元素和視差

視差效果和3D元素并不是UX設(shè)計(jì)中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計(jì)解決方案中實(shí)現(xiàn)它們。但是,我們?nèi)匀挥^察到這些用戶體驗(yàn)趨勢正在逐步普及。

首先,它的使用量顯著增加。如今,3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見,特別是在代表著脫穎而出的時尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。




另一種趨勢是嘗試在一個界面中結(jié)合視差效果和3D圖形。使用視差滾動時,網(wǎng)頁背景和前景元素以不同的速度移動。僅憑它就能產(chǎn)生深度感。通過為此添加3D對象,您可以創(chuàng)建一種真正的身臨其境的體驗(yàn),并將在用戶的記憶中保留很長時間。


 



  

不對稱

隨著我們設(shè)備屏幕的變寬,UI / UX設(shè)計(jì)中出現(xiàn)了不對稱趨勢。通常,不對稱是野獸派的一種屬性,這是藝術(shù)和網(wǎng)頁設(shè)計(jì)中與極簡主義相反的一種風(fēng)格。但是,如果與其他殘酷的設(shè)計(jì)元素分開使用,它可以使您的網(wǎng)站看起來有趣,同時使它保持微妙和優(yōu)雅。


不對稱布局的UI / UX趨勢通常與其他創(chuàng)造性的Web設(shè)計(jì)技術(shù)一起實(shí)現(xiàn),例如破碎的網(wǎng)格,重疊的元素和分割的屏幕。您也可以將不對稱性應(yīng)用于排版。如果操作正確,它將使您的品牌信息更加引人注目和令人難忘。




但是,請務(wù)必記住,非對稱設(shè)計(jì)并不意味著“隨機(jī)放置的UI元素”。在布局上定位對象的不尋常方式應(yīng)該引導(dǎo)用戶的眼睛朝正確的方向前進(jìn),并幫助品牌強(qiáng)調(diào)重要信息。

動畫制作

今天,當(dāng)我們在互聯(lián)網(wǎng)上進(jìn)入隨機(jī)網(wǎng)站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運(yùn)動設(shè)計(jì)元素。動畫在用戶體驗(yàn)設(shè)計(jì)中仍然很流行,并且使用頻率不斷增長。

除了具有視覺吸引力之外,移動物體還可以改善用戶參與度并簡化導(dǎo)航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命,使它們更具個性。



如果要在用戶界面設(shè)計(jì)中使用這種軟件開發(fā)趨勢,那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑,從而促使他們甚至比計(jì)劃的要早離開網(wǎng)頁。動畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的,有價(jià)值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計(jì)(UCD)的基本要素,旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測試一起,構(gòu)建有效,有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。



為了創(chuàng)建一個實(shí)用的信息體系結(jié)構(gòu),UX設(shè)計(jì)人員需要對產(chǎn)品的目標(biāo)受眾,其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費(fèi)太多精力就能獲得所需的結(jié)果。因此,在設(shè)計(jì)過程的線框階段始終必須考慮用戶的目標(biāo),清晰的導(dǎo)航和內(nèi)容表示(包括盲點(diǎn)監(jiān)視)。

最后的想法

我們創(chuàng)建此文章是為了讓您在當(dāng)今競爭異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網(wǎng)站的用戶體驗(yàn)。即使用戶期望很高,它們也可以使您的產(chǎn)品在視覺上對目標(biāo)受眾更具吸引力。

文章來源:站酷   作者:ZZiUP

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

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

周周

不同的階段,臨摹的目的不盡相同。一般來說,前期臨摹更多的是練習(xí)軟件、技法,后期練習(xí)別人的風(fēng)格表達(dá),綜合運(yùn)用。所以,我把臨摹分為技法臨摹、半原創(chuàng)到原創(chuàng) 3 個階段,每一個階段沒有絕對的界限,都是在積累創(chuàng)意,完全是可以用到自己的項(xiàng)目中去的。

今天會分享一個我當(dāng)年做臨摹練習(xí)并融入實(shí)際項(xiàng)目中的小案例。

臨摹

大概是在 15 年左右,在網(wǎng)上看到錘子設(shè)計(jì)師設(shè)計(jì)的一個圖標(biāo),覺得非常驚艷,當(dāng)時就想把它臨摹下來,這是當(dāng)時臨摹的一個效果。


日常臨摹如何用到項(xiàng)目里去?這個案例說明白!△ 原作

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

△ 這是我當(dāng)時臨摹的圖

我在臨摹這張圖的時候,想達(dá)到的目標(biāo)是能根據(jù)自己的 logo 色及文字,做一個半原創(chuàng)的設(shè)計(jì)。

然后實(shí)際練習(xí)中,不斷觀察原作發(fā)現(xiàn)有一些細(xì)節(jié)值得學(xué)習(xí):

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

  1. 圖標(biāo)分為水上和水下,2 個層級,在水下的圖形因?yàn)檎凵涞年P(guān)系,會發(fā)生扭曲
  2. 水下會有深淺的顏色變化
  3. 真實(shí)的水會流動,所以在水下會畫出帶明暗細(xì)節(jié)的水紋線條
  4. 水下會有氣泡,且氣泡的產(chǎn)生符合真實(shí)場景,氣泡的大小由小變大
  5. 水面的邊緣因?yàn)橥腹舛a(chǎn)生邊緣反射
  6. 投影因?yàn)榧t色盒子的影響,會偏紅色色相,并且有近實(shí)遠(yuǎn)虛的關(guān)系
  7. 盒子的邊緣會有 1px 的高光和反光
  8. 背景為了增加圖標(biāo)的展示效果,也做了單獨(dú)的設(shè)計(jì),把四周壓暗,然后加上雜色,使得整體的質(zhì)感更加強(qiáng)烈

當(dāng)時,對我來說,在練習(xí)的過程中有一個難點(diǎn)就是關(guān)于第 3 個細(xì)節(jié)水的紋理執(zhí)行有些難度,因?yàn)槠渲邪舜旨?xì)變化、虛實(shí)變化、明暗變化等等,單純的用圖層樣式或者矢量去畫的話,難度都比較大。這個細(xì)節(jié)當(dāng)時耗費(fèi)了我不少時間,后面突然想到其實(shí)也可以用合成的辦法來實(shí)現(xiàn),然后我去找了真實(shí)水紋的圖片進(jìn)行疊加,很快就搞定了。所以,只要能達(dá)到效果,不能太過于局限某一種思路。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

分析并完成這些細(xì)節(jié)后,就是你在做這個練習(xí)中學(xué)到的點(diǎn),嘗試把它們學(xué)以致用。

運(yùn)用

記得當(dāng)時在 360 時需要設(shè)計(jì)一套關(guān)于摩洛哥藍(lán)色小鎮(zhèn)的官方定制版主題圖標(biāo)。從搜集的當(dāng)?shù)卮硇缘膱D片中發(fā)現(xiàn),多彩顏料是當(dāng)?shù)氐囊淮筇卣鳎詻Q定以染料為關(guān)鍵詞去畫一個圖標(biāo),又因?yàn)轭伭媳旧碜詭Ф嗖实奶攸c(diǎn),所以以它為主題圖標(biāo)就很合適了。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

然后在思考這個圖標(biāo)的時候,首先會應(yīng)用參考圖中的配色,并結(jié)合染缸的造型做出了第一版的效果。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

這個效果雖然是表達(dá)了那個意思,但缺乏亮點(diǎn),聯(lián)想之前練習(xí)過水的技法表達(dá)(臨摹中第 3 點(diǎn)細(xì)節(jié)運(yùn)用),正好可以利用水的紋理做下強(qiáng)化,這樣就優(yōu)化出了第二版。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

嗯,看起來感覺有了一些特點(diǎn),但感覺缺乏細(xì)節(jié),接著思考水除了有紋理高光,應(yīng)該還會有邊緣高光(結(jié)合臨摹中第 5 點(diǎn)細(xì)節(jié)),所以在邊緣嘗試加了高光,增加體積感,做出水要漫出來的感覺。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

如果只有這一層高光的話,細(xì)節(jié)度感覺還是不大夠,在之前的文章《如何從優(yōu)秀作品中偷師,用一個游戲案例教你思路》我有分享到在 UI 大佬的作品中能學(xué)到他們對于 1px 高光的使用(臨摹作用中的第 7 點(diǎn)),這里因?yàn)槭且后w的材質(zhì)表現(xiàn),所以增加一個高光點(diǎn)增加水的通透感。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

到目前為止,似乎看起來已經(jīng)差不多了,但考慮到現(xiàn)實(shí)世界中,溢出的彩色液體在透光性很好的情況下,也會對周圍環(huán)境產(chǎn)生影響,所以我在顏料設(shè)計(jì)的四周,配上對應(yīng)的四種顏色的模糊投影(臨摹練習(xí)中的第 6 點(diǎn))。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

在思考下,在臨摹的圖標(biāo)中為了使得圖標(biāo)更加自然,作品中其實(shí)結(jié)合了很多真實(shí)世界中會發(fā)生的情況,比如水的折射,氣泡的比例,深淺等等,那對于染料來說,會有怎樣的真實(shí)情況發(fā)生呢?我當(dāng)時想到一點(diǎn)是,染料在用的過程中其實(shí)很容易灑出來,所以圖標(biāo)背板上現(xiàn)在太過于干凈了,增加一些細(xì)節(jié)能夠使得背板能夠跟主體物產(chǎn)生關(guān)聯(lián),也更加自然。嗯,又是一個小細(xì)節(jié)。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

最后,我們對比下第一版和最終版的效果,細(xì)節(jié)確實(shí)豐富了很多。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

一張動態(tài)圖可以更加清晰的看到變化。

日常臨摹如何用到項(xiàng)目里去?這個案例說明白!

總結(jié)

這次圖標(biāo)的優(yōu)化過程,我覺得有幾個要點(diǎn)對我來說印象深刻的:

圖標(biāo)的風(fēng)格可以是扁平的,但想要增加自然舒服的細(xì)節(jié),一樣可以像畫寫實(shí)風(fēng)格那樣仿照現(xiàn)實(shí)。你需要留心觀察這個世界,就算是一張照片中也能有非常多可以利用的細(xì)節(jié)。

碰到難做出來的細(xì)節(jié),多想想有沒有更效率的辦法。比如在做水紋理的時候,一開始就想著完全靠鼠繪畫出來,結(jié)果效果一直不大好,然后利用 PS 合成的方法,很快就能把效果做出來。

對于圖標(biāo)來說,要注意其整體性。比如圖標(biāo)中的主體物不要跟背景脫離,不要讓圖標(biāo)背板只是作為一個容器,而要讓背板也成為圖標(biāo)本身的一部分,這樣圖標(biāo)的整體性會更好。

臨摹的過程中,一定要多分析,多記錄自己覺得是細(xì)節(jié)的點(diǎn)。每一次記錄,都可能是將來設(shè)計(jì)時提升細(xì)節(jié)的靈感來源。

以上內(nèi)容只是我在日常練習(xí)中應(yīng)用到實(shí)際項(xiàng)目中的一個小案例,其實(shí)還有非常多的靈感想法都來自于你平時做的練習(xí),關(guān)鍵是要多動手,多總結(jié),才能增強(qiáng)自己對細(xì)節(jié)的把握能力。





文章來源:優(yōu)設(shè)網(wǎng)     作者:彩云譯設(shè)計(jì)



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



新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了

周周


最近負(fù)責(zé)的新項(xiàng)目快上線了(感覺我好像一直在做 0-1),給大家總結(jié)了5個一定會遇到的新項(xiàng)目盲區(qū)及最新的解法,希望能幫助大家在交付開發(fā)前就順利完成設(shè)計(jì)輸出。

關(guān)于蘋果賬戶登錄的硬性規(guī)定

2020 年 4 月后,我們在設(shè)計(jì) iOS 登錄界面的時候都知道必須加上蘋果官方強(qiáng)行要求的 Apple 賬戶登錄按鈕,但關(guān)于這個按鈕的設(shè)計(jì)規(guī)范其實(shí)有比較硬性的規(guī)定,沒有注意的話到了開發(fā)還原的時候就容易踩坑。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

在國內(nèi)的 iOS 登錄設(shè)計(jì)中通常突出的主流登錄方式是“微信”,手機(jī)登錄以及其他的第三方登錄都會以更弱一點(diǎn)的視覺方式呈現(xiàn)。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

蘋果官方是允許對 Apple 賬戶登錄按鈕進(jìn)行一定的自定義的,其中就包含將其弱化為一個圓形的圖標(biāo)按鈕,只是圖標(biāo)與圓形按鈕的大小比例是官方固定的比例(這個大家直接下載官方提供的圖標(biāo),它是自帶留白的區(qū)域的,保持圖標(biāo)與高寬一致就符合要求了)。

而國外的 iOS 登錄設(shè)計(jì)中通常沒有那么多的第三方登錄方式并存,主要的“Facebook”與手機(jī)登錄通常會與 Apple 賬戶登錄按鈕同一級出現(xiàn)在界面中。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

這個時候需要特別注意的是,蘋果官方對于這種大按鈕的限制主要在于 3 個部分:

  • 按鈕的高度需要等于圖標(biāo)的寬高(圖標(biāo)官方有提供下載,已經(jīng)是自帶留白區(qū)域的)
  • 按鈕的高度需要與中間的文案成一定比例(字體是按鈕高度的 43%,比如 44 的高度配 19 的字)
  • 圖標(biāo)離左側(cè)最小間距需要超過按鈕高度的 10%

剩下的按鈕樣式,比如顏色和描邊也非常有限,只可以使用白色填充黑色描邊與純黑色底這 2 種。

想了解更多具體內(nèi)容,可以參考官方貼:https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/

關(guān)于安卓啟動圖標(biāo)可帶動效了

還記的早幾年做安卓項(xiàng)目的時候上架應(yīng)用商店的啟動圖標(biāo)輸出還是和 iOS 差異不大的,基本就是尺寸換換。這次輸出啟動圖標(biāo),被安卓的開發(fā)大大告知,安卓可以出這種帶動效效果的啟動圖標(biāo)了,它的原理和效果,如下圖:

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

實(shí)現(xiàn)這個效果的設(shè)計(jì)配合輸出也很簡單,只需要整理一下的具體啟動圖標(biāo)輸出就可以:

1. 啟動圖標(biāo)(前景,不帶背景的)-108dp(324px)

當(dāng)然以上僅針對純色背景,可以與 logo 主體輕易分隔的啟動圖標(biāo)。如果是混為一體的話就需要調(diào)整輸出方式為以下:

  • 啟動圖標(biāo)(前景,不帶背景的)-108dp(324px)
  • 啟動圖標(biāo)(背景)-108dp(324px)

想了解更多具體內(nèi)容的鐵汁,戳底下官方傳送門:https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive

關(guān)于全屏切圖的壓縮限制

這次新項(xiàng)目又遇到了開發(fā)中改稿的問題,大部分都因?yàn)槿恋谋尘皥D切圖大小問題。

個別全屏視覺的界面,比如閃屏、登錄頁、音視頻語音等等,我們通常設(shè)計(jì)時不考慮切圖的大小問題就會比較放飛去設(shè)計(jì)。

但實(shí)際情況是一張全屏的花色 3 倍 png 切圖基本都在 2M 左右,就算把壓縮率提到 80%+(市面上大部分壓縮軟件的壓縮率都很有限,比如大家常用的 tinypng、pp 鴨等),就算你重復(fù)壓縮,也有至少 200 多 KB,遠(yuǎn)遠(yuǎn)超出開發(fā) 100k 以內(nèi)的切圖大小限制。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

所以不得不要求我們在輸出格式的時候拋棄 png 格式,啟用 JPG。

不過實(shí)際設(shè)計(jì)時候我們可能仍然會遇到不能用 JPG,必須用 PNG 格式的情況(透明度蒙層),那么建議大家可以嘗試以下 2 個小技巧:

  • 盡量使用純色背景設(shè)計(jì),這樣背景圖可以用代碼來寫,主體切圖大小可以想對控制小一些。
  • 如果還是需要使用花色背景,建議可以嘗試高斯模糊的花色背景,這樣開發(fā)可以直接用 1 倍圖進(jìn)行拉伸,也可以有效控制切圖大小。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

最后不想屈服于樣式限制的鐵汁,一定記得提前輸出格式大小康康會不會超標(biāo)嚴(yán)重(盡量控制在 100k 以內(nèi)),不然無法落地再好看也沒有用咯。

關(guān)于動效到底導(dǎo)出什么格式不坑爹

目前關(guān)于移動端界面里個別小動效的導(dǎo)出比較主流的幾種格式是:Gif、逐幀圖、Lottie(Jason)、Webp、Apng。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

Gif、逐幀、包括前幾年流行的 Lottie 大家應(yīng)該都比較熟悉了,這里稍微科普 2 個陌生一點(diǎn)的格式:

  • Apng:一個 PNG 格式的位圖動畫格式圖片
  • Webp:2010 年 Google 推出的全部通吃的圖片格式(可代替 Jpg、gif、png)

目前我覺得性價(jià)比最高的就是 webp,它的優(yōu)勢主要在于:

  • 壓縮率極大提升,同分辨率的 webp 比 gif 要小很多
  • 支持位圖、支持支持 Alpha 透明和 24-bit 顏色數(shù)、支持 3D 翻轉(zhuǎn)(這些 GIf 和 Lottie 都有限制),也就是不會出現(xiàn)毛邊啦、變色一類的坑爹情況
  • iOS、安卓都支持(比如同樣高性價(jià)比的 Apng 只能用于 iOS 端)

唯一的 2 個問題在于:

  • webp 目前只兼容 Chrome 和 Opera 瀏覽器,其它瀏覽器不支持。不過基本我們都應(yīng)用于移動端應(yīng)用,所以瀏覽器兼容對這個影響應(yīng)該還好
  • AE、PS 等各類動效設(shè)計(jì)的軟件無法直接導(dǎo)出 webp 格式,需要通過插件或其他第三方軟件轉(zhuǎn)換。

我度娘過一些導(dǎo)出 webp 的方式都不是很好用,問了我司的動效設(shè)計(jì)師,推薦一個比較簡單靠譜的方式分享給大家:

1. 先從 AE 導(dǎo)出逐幀圖(記得需要循環(huán)的動效做好循環(huán))

不知道如何到逐幀圖的看這里:渲染→渲染設(shè)置→格式→選擇“PNG”序列→導(dǎo)出即可

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

2.下載 isparta

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

3. 直接將 AE 導(dǎo)出的逐幀圖文件包拖到 isparta 里導(dǎo)出 webp 格式(可選)

關(guān)于切圖標(biāo)注協(xié)作方式誰家強(qiáng)

設(shè)計(jì)交付的協(xié)同平臺現(xiàn)在市面上很多,很多大廠也有自己內(nèi)部的協(xié)同平臺來承載設(shè)計(jì)交付,俺們豬廠用的叫 dbox(非常滴不好用),在強(qiáng)推之下開始申請經(jīng)費(fèi)改用 Figma 了。之前為了更換協(xié)同平臺,把交付的協(xié)同平臺都做了一番調(diào)研,這里給大家直接看表格吧。

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

看完圖大家就會發(fā)現(xiàn)除了 Figma 大家的使用情況不會差很多,差的主要還是錢。總的來說的建議就是,如果已經(jīng)從sketch改用Figma的土豪團(tuán)隊(duì)就可以直接分享Figma文件鏈接給開發(fā)搞定切圖標(biāo)注以及文件存檔這2件事兒了。

如果還在用 sketch 和 XD 的鐵汁,交付型的協(xié)同平臺我個人比較推薦 Zeplin,雖然有的人會說它服務(wù)器在國外很卡,我覺得其實(shí)還好吧,同時 Zeplin 近幾年還解決了 Win 系統(tǒng)適配的問題。

然后最后小吐槽下騰訊的 Xshow。一開始我覺得它是最香的,因?yàn)楦咔宥?、流暢度到美感幾乎都比較完美。一直到我發(fā)現(xiàn)了它居然是個完全開放的交付協(xié)作平臺,也就是別人知道你的賬戶 ID 之后就可以搜到你并看到你的所有項(xiàng)目文件,瞬間安全系數(shù)降為 0。作為一個明顯對標(biāo)企業(yè)級的協(xié)作平臺這么瘋狂的植入社交功能,到底是企鵝的社交基因太強(qiáng)大還是怎么肥四?

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!

新項(xiàng)目設(shè)計(jì)時一定會遇到的5個盲區(qū),提前替你總結(jié)好了!





文章來源:優(yōu)設(shè)網(wǎng)     作者:Nana的設(shè)計(jì)錦囊



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



如何設(shè)計(jì)好調(diào)查問卷?這篇總結(jié)全是干貨!

周周

調(diào)查問卷,是一個低成本快速收集資料的定量分析工具。這是個看起來簡單,產(chǎn)出的問卷也看似很簡單,但是在整體設(shè)計(jì)的過程卻是需要很多的思考和預(yù)備。

關(guān)于調(diào)查問卷,會分成三個部分來解說,

  • 第一部分是關(guān)于「設(shè)計(jì)前的準(zhǔn)備」
  • 第二部分是關(guān)于「如何設(shè)計(jì)問卷」
  • 第三部分是關(guān)于「數(shù)據(jù)清理和產(chǎn)出問卷報(bào)告」

廢話不說,直接開干!

著手設(shè)計(jì)問卷前,先問

1. 為什么做問卷

這個是問卷的目的,也直接影響后面問題的設(shè)計(jì)。

2. 如何使用問卷的研究結(jié)果

這是關(guān)于問卷解決方案的落地。不需要太過細(xì)致的落地計(jì)劃,但是至少要清楚,這份問卷的研究成果,可以獲得多少支持力度。不管問卷發(fā)現(xiàn)了多么偉大的問題,如果沒有落地,其實(shí)是沒有無意義。也切忌不要今年做的研究結(jié)果,明年來實(shí)施,那問卷的時效性和準(zhǔn)確性就會大打折扣了,因?yàn)槭袌龅乃蚕⑷f變。

問卷的目的

這是做所有事前,都要問的問題,「為什么做 Why」。而這個問題為什么重要呢,因?yàn)檫@會關(guān)系到設(shè)計(jì)問卷的核心內(nèi)容是什么,會影響問卷的構(gòu)成,當(dāng)然最后也會產(chǎn)出不同的結(jié)果。

問卷的目的主要可以分為六個方面

1. 收集用戶信息

很多時候,我們或許知道理想目標(biāo)用戶是誰,但是誰才是真正使用我們產(chǎn)品的用戶呢?了解真正使用的用戶,可以對用戶進(jìn)行更針對性的分析和設(shè)計(jì)。

2. 了解用戶使用習(xí)慣

了解用戶在產(chǎn)品上是如何使用產(chǎn)品的,以及用戶的使用路徑是否按著我們期待的方式進(jìn)行,這是很有必要,這也是一個驗(yàn)證的過程。

2. 滿意度

了解用戶對產(chǎn)品的滿意程度,對于用戶不滿意的方面,可以進(jìn)行歸納總結(jié),并給出合理的解決方案

3. 建議反饋、吐槽、好評

從問卷中收集用戶的心聲,明白槽點(diǎn)是什么。同時也收集用戶的好評,這也是激勵團(tuán)隊(duì)一個很好的方法,因?yàn)槭侵苯觼碜杂脩簟?

4. 體驗(yàn)優(yōu)化

對一個成功的產(chǎn)品來說,它要好用,它也要好看。產(chǎn)品有大改版前,可以用問卷來評估整體產(chǎn)品的體驗(yàn)如何,以便在重新設(shè)計(jì)的方向上能更好聚焦。

5. 需求驗(yàn)證

很多時候,需求可能沒那么明確,用戶和產(chǎn)品間始終存在著 gap, 所以我們有時對方案琢磨不定時,可能會試運(yùn)行,后續(xù)看用戶反饋。通過合理設(shè)計(jì)問卷,我們也可以稍微窺探到用戶的想法

但是對需求的驗(yàn)證,單通過問卷還是比較難的,只能窺探到比較淺的一層,最好后續(xù)可以對用戶進(jìn)行訪談來做后續(xù)跟蹤,以便了解事情的全面。

這里要注意的是,問卷不適合探索用戶的新的需求,或者要驗(yàn)證很精準(zhǔn)的信息等比較復(fù)雜性的問題。

如果你問用戶,近期會推出新功能,問他會不會用。大致上,你得到的回答都是肯定。很多時候,同意比拒絕更簡單。

問卷問題的分類

根據(jù)提問的方式,可以分為 「是什么」「怎么樣」「怎么辦」

1. 是什么

主要是用戶信息、使用習(xí)慣等問題。

例如,年齡層、職業(yè)、使用產(chǎn)品目的、知道產(chǎn)品的渠道、使用頻率、使用競品軟件、整體滿意度等

2. 怎么樣

主要是詢問用戶原因,比如打這個分?jǐn)?shù)的原因,某功能使用如何等

3. 怎么辦

主要是詢問用戶的建議、期待產(chǎn)品改進(jìn)的地方

設(shè)計(jì)問題需注意幾點(diǎn)

問卷中并不是所有問題都適合問,有一些比較敏感的問題需要去避免,以免激起用戶的負(fù)面情緒

1. 敏感性問題

個人信息類的問題比較容易會有敏感信息存在,就像你問用戶工資區(qū)間,和在問卷最后告知用戶參與問卷都有獎品,需要填寫收貨地址。很明顯收貨地址的準(zhǔn)確性會比工資更高。

2. 措辭嚴(yán)謹(jǐn)

  • 無錯別字,文明用詞
  • 用詞不產(chǎn)生歧義,準(zhǔn)確表達(dá);比如平時,比較多、近期,每個人對此理解是不同的,要提供明確的時間節(jié)點(diǎn)
  • 一個問題,就只問一件事
  • 盡量用陳述語句,不使用反問句、疑問句、否定句,用戶可能無法準(zhǔn)確明白,特別是否定句,用戶有可能看成肯定句。
  • 避免用語過于口語話,不中英文夾雜,除非名詞已完全普遍。根據(jù)目標(biāo)群體的不同,會有差異性。比如 iOS 系統(tǒng),不一定所有人都知道,這指的是蘋果的手機(jī)系統(tǒng)。
  • 標(biāo)準(zhǔn)用詞,盡可能或不使用縮寫,比如 h,hr, 直接寫小時,會更好。

3. 問卷的順序

先簡單后復(fù)雜,并注意整體邏輯性的表達(dá)。循序漸進(jìn),如果一開頭就是很難的問題,用戶很容易放棄答題

4. 問題長度

盡量保持所有問題在一個差不多的長度呢,保持一樣的節(jié)奏。避免時長時短

5. 避免專業(yè)詞匯

很多時候,我們會用一些所謂的“行話”來表達(dá),但是在問卷當(dāng)中,無法保證用戶同樣是理解的,而且也會讓用戶產(chǎn)生距離感,非必要情況下,不要使用專業(yè)詞匯

6. 選擇題枚舉要窮盡

題目數(shù)最好不多于 7 個,太多也會造成用戶選擇困難,最后記得加個其他并提供文本框輸入

7. 避免互斥、重復(fù)、相似

問題避免前后矛盾,造成用戶困擾,也不要重復(fù)或相似度極高的問題,除非這個問題是陷阱題,為了檢驗(yàn)用戶是否認(rèn)真答題。但是在數(shù)量有限的問題中,一般比較少使用陷阱題

8. 保持開放性

為所有選擇的選項(xiàng),加入「其他——」「以上都不是」「不知道」,用戶可能會覺得問題或答案不匹配,而不知道選什么,這時需要給用戶一個出口,避免產(chǎn)生無效數(shù)據(jù)

9. 避免詢問引導(dǎo)性的問題

大部分用戶認(rèn)為 XX 功能,很好用,你覺得呢?

如果看到這樣問題,大概可以從中讀出兩個信息,1. 大家都覺得好用 2. 平臺希望我說好用。

這個問題所傳達(dá)出來的隱藏含義會引導(dǎo)用戶做出不真實(shí)的反饋,這是沒有意義的問題

10. 避免讓用戶選擇「 是/否」「真/假」「好/壞」

強(qiáng)制選擇非黑即白,大部分情況下沒什么意思,因?yàn)橛脩艨赡懿淮_定。這個問題本身也沒有太大價(jià)值,也會錯過用戶一些比較有趣的回答。

所以如果這個問題的目的,是一定要知道的,可以更改提問的方式。

如何設(shè)計(jì)好調(diào)查問卷?這篇總結(jié)全是干貨!

對于用戶的問題,答案要可以量化表達(dá),來產(chǎn)生數(shù)據(jù),才便于后續(xù)數(shù)據(jù)的分析

11. 避免問用戶將來的事,或回憶許久前的事

當(dāng)人們將自己的行為投射到未來時,通常會過于簡單化和理想化,人們更擅于解釋當(dāng)下進(jìn)行的內(nèi)容。

所以,如果要知道特定環(huán)境下用戶的操作,則要配合合適的場景預(yù)設(shè),并且是用戶熟悉的場景。或者可以直接問,今天你會如何如何

如何設(shè)計(jì)好調(diào)查問卷?這篇總結(jié)全是干貨!

所以可以通過詢問今天的行為來,確定將來會不會使用。當(dāng)然這不是絕對的,畢竟未來存在太多變數(shù)。

對于許久前的用戶的操作行為,也盡量不詢問,因?yàn)闀洠?dāng)強(qiáng)迫他去思考時,他可能自己腦補(bǔ),產(chǎn)生不準(zhǔn)確的記憶,進(jìn)而對研究結(jié)果產(chǎn)生偏差。

12. 其他

問卷中存在多選題,必選題,選填題,記得預(yù)覽問卷時,注意問題平臺有無自動添加文字說明。

不要用 checkbox, radio 來區(qū)別多選和單選,這是不能準(zhǔn)確的傳達(dá),也有可能用戶沒有注意到,或者就不清楚,而使用文字的表述會更清晰,不會產(chǎn)生歧義。

必選題,選填題,如果問卷平臺,也只是用*號來表達(dá)必選時,建議在文字上也加上這樣的說明

設(shè)定日程安排

整體問卷的過程需要時間,所以也需要的具體的日程安排,以便整體問卷的進(jìn)行是井然有序。

日程安排中,要包括:

  • 確定問卷的目標(biāo)人群、確定問卷目的
  • 問卷設(shè)計(jì)時間
  • 問卷評審時間
  • 問卷內(nèi)測時間
  • 問卷投放時間、時間長度
  • 產(chǎn)出問卷報(bào)告

如何設(shè)計(jì)好調(diào)查問卷?這篇總結(jié)全是干貨!

最后的話

調(diào)查問卷從準(zhǔn)備到產(chǎn)出報(bào)告,需要一個過程,建議與其他設(shè)計(jì)師或 PD 來一起配搭工作,更高效的完成,一個人去做,總是會有一些盲點(diǎn),并且會比較大的壓力。

如果你在問卷方面是新手,也建議找個有經(jīng)驗(yàn)的設(shè)計(jì)師或 PD 來做你顧問,減少一些不必要的坑。


文章來源:優(yōu)設(shè)網(wǎng)       作者:箴鹽設(shè)計(jì)



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


從用戶體驗(yàn)的角度分析微信

ui設(shè)計(jì)分享達(dá)人

“世界如此精彩,當(dāng)然不能置身局外”,“愿你向世界交付你的價(jià)值”

為什么要寫這片文章?


自己入行交互一年多,最近從梁寧老師的《產(chǎn)品思維30講》和《增長思維30講》獲得了兩套思維框架,并從中銘記了兩句話:“世界如此精彩,當(dāng)然不能置身局外”,“愿你向世界交付你的價(jià)值”,于是想通過運(yùn)用這兩套思維框架,重新審視各類產(chǎn)品,把自己訓(xùn)練成一個客觀的人,并向世界交付我自己的價(jià)值。

微信作為一款從2G時代出現(xiàn)的產(chǎn)品,跨越了十一年的時間,成為了如今國民級的應(yīng)用,甚至正逐漸成為我們的生活方式,卻一直保持著簡單和連接的理念。就在今年一月份,微信推出了8.0版本,其中添加了很多新奇有趣的功能,站在用戶視角上,能看到評價(jià)有褒有貶,有人說微信根本不了解用戶而且孤傲,有人說微信正在變得臃腫,有人說微信體驗(yàn)不好但是沒有替代品不得不用??戳撕芏嘟榻B微信8.0的文章,發(fā)現(xiàn)都只是在介紹微信8.0更新了什么,但是沒有看到有人會更深層次地聊微信為什么要這樣更新;上周我在聽完張小龍的微信十周年演講后,感觸良多,并從中窺探出了微信更新的些許用意。于是想試著從用戶體驗(yàn)的角度去分析微信,所以我想把第二個思維框架分析對象確定在了微信身上。


愿讀完這篇文章,你能獲得我所希望交付的價(jià)值~


上期傳送門:《從用戶體驗(yàn)的角度分析王者榮耀》


微信是一款什么軟件?


先說結(jié)論,微信本質(zhì)上是一款連接的信息流流量平臺。

在很多人人眼中,微信就應(yīng)該是一款社交工具,希望微信能夠做好社交的本職工作就夠了,不需要再加上其他雜七雜八的功能;有人抱怨說微信變得越來越臃腫,很多功能其實(shí)自己并不用得到,還占用手機(jī)的內(nèi)存,已經(jīng)丟失原來簡單的模樣。

但是要知道,你眼中所看到的世界,其實(shí)是由各種外部和內(nèi)部的因素所塑造的。就像幾年前有一句特別火的話:你的眼睛里,有你走過的路,看過的風(fēng)景,讀過的書和愛過的人。你能成為你今天的樣子,其實(shí)是由你的人生經(jīng)歷所決定的。所以微信十年來不斷改版,從一款通訊工具變成如今的連接信息流的平臺,其實(shí)是由微信的基因所決定的。張小龍?jiān)?021年1月微信十周年公開課中講到:“微信10年,如果非要用兩個詞來描述微信,我想一個是連接,一個是簡單。從一開始微信從一開始的連接人,到后來的連接企業(yè),微信支付功能后開始連接現(xiàn)金流,到如今8.0的視頻號來連接視頻,短視頻的信息流,微信基于連接的理念從來沒有變過。這也是為什么當(dāng)年微信能夠戰(zhàn)勝米聊成為當(dāng)今最火熱的社交工具的原因。

在2014年的時候,微信1.0版本的時候,微信只有400萬用戶,而雷軍米聊有2000萬用戶,兩者的差距從微信3.0推出陌生人社交拉開,從推出微信支付功能開始徹底打敗了米聊。是因?yàn)槊琢氖侵皇窃谏缃唬⑿艆s是在做連接;微信把社交看成一種信息流,從而把更多的信息流整合連接自己的體系內(nèi);因?yàn)橐迅嗟男畔⒘髡系狡脚_上,于是微信變得越來越大,占用的內(nèi)存越來越多??此朴幸鉃橹瑢?shí)則情非得已。另外說一句,雷軍貌似是在這次大戰(zhàn)之后學(xué)會了教訓(xùn),并把這套戰(zhàn)略用在了小米身上,于是能看到你OPPO,ViVO把手機(jī)作為核心盈利產(chǎn)品,而小米卻只是把手機(jī)作為流量連接的入口,繼而發(fā)展出小米智能家居這一龐大的產(chǎn)業(yè)鏈。



所以你以為微信只是一款社交工具,但其實(shí)微信是連接信息流的流量平臺。


什么是信息流?字節(jié)跳動的張一鳴認(rèn)為世界是由人流、物流、資金流、信息流組成。比如文字,語音,視頻,支付、都是信息流的一個分類。你可以把互聯(lián)網(wǎng)想象成一條大江大河,無數(shù)的企業(yè)將大江大河中的水引入自己的支流中,使自己變得強(qiáng)大;所以互聯(lián)網(wǎng)的的競爭,本質(zhì)上是流量的競爭,流量指的其實(shí)就是信息流。

什么是平臺?美團(tuán)副總裁張川的理解是:平臺首先是動態(tài)不平衡,你不知道你能在這里遇到誰;第二條,用戶彼此之間要產(chǎn)生網(wǎng)絡(luò)效應(yīng);第3條,用戶之間永遠(yuǎn)有彼此的需求,無法握手,需要平臺從中撮合。

微信里有的那么多陌生的人,陌生的公眾號,你不知道你能在這里遇到誰,你在微信中與熟人,陌生人社交,能夠產(chǎn)生巨大的網(wǎng)絡(luò)效應(yīng),催生出了微信支付、公眾號這樣的龐大商業(yè)體系;用戶與熟人或陌生人之間、用戶與公眾號之間、用戶與商家之間,永遠(yuǎn)存在需求,而微信在從中充當(dāng)了連接的作用。

張小龍說過一段特別牛逼的話:讓產(chǎn)品自然生長。微信作為超級巨大的流量平臺,真正做到了不打擾用戶,讓微信的流量自然碰撞、發(fā)酵,構(gòu)建出了如今如此龐大的微信帝國。


微信帶給了用戶什么樣的確定性?


微信始終致力于連接于簡單,十年來不曾改變。

連接上面已經(jīng)說過了,下面來說說簡單。微信提供了簡單的確定性,每一個功能都切中要害,張小龍說微信最驕傲的是,十年的樣子和今天的樣子并沒有什么改變。通過最簡單的方式做到最大程度滿足用戶的需求,這對產(chǎn)品經(jīng)理對用戶情緒把控要求特別高。分析一個產(chǎn)品一般要從三個角度去分析,首先是從宏觀視角看這個產(chǎn)品是附著在什么樣的經(jīng)濟(jì)體上,競爭對手是誰,也就是常說的看大局,看清楚誰是自己的朋友,誰是自己的敵人。然后是從中觀視角去分析產(chǎn)品的服務(wù)人群,功能流程,信息結(jié)構(gòu),并由此得出用戶畫像、用戶體驗(yàn)地圖、痛點(diǎn)癢點(diǎn)爽點(diǎn)等用戶體驗(yàn)相關(guān)的結(jié)論。最后是從微觀視角,從用戶內(nèi)心的底層情緒出發(fā),去探究產(chǎn)品對于用戶內(nèi)心情緒的影響,由此來進(jìn)一步分析產(chǎn)品帶給用戶什么樣的確定性。

一般來說,用戶體驗(yàn)設(shè)計(jì)師掌握好中觀視角,基本上就能在行業(yè)內(nèi)生存下來。中觀視角更多靠的是經(jīng)驗(yàn)和套路,掌握分析產(chǎn)品的方法和路徑,多花時間去實(shí)踐,假以時日,你就能成為行業(yè)內(nèi)合格的用戶體驗(yàn)設(shè)計(jì)師。但更難的,其實(shí)是掌握好宏觀視角和微觀視角。宏觀視角是打大仗的能力,需要你站在足夠高的視角去俯瞰整個大局,看清楚產(chǎn)業(yè)周期,產(chǎn)業(yè)的方向,靠的其實(shí)是定戰(zhàn)略,和找杠桿,入行不久的體驗(yàn)設(shè)計(jì)師或產(chǎn)品經(jīng)理通常沒經(jīng)歷過大仗,是很難體會到的,我自己也沒經(jīng)歷過,所以只是聽梁寧老師介紹,學(xué)了一些這方面的思維框架而已,感興趣的讀者可以去了解。但其實(shí)梁寧老師更希望我們做到的,是掌握分析微視角的能力。

張小龍就是一個對產(chǎn)品的微觀視角特別敏感的人,他能從用戶底層細(xì)微的情緒變化中分析出用戶的需求點(diǎn)。想想微信從通訊工具到熟人社交,再到陌生人社交,再到公眾號、微信支付,直到今天的視頻號,都是精準(zhǔn)地把握了用戶最底層的情緒需求的結(jié)果。比如,微信的朋友圈從完全開放,到僅設(shè)置三天可見,再到三個月或半年可見,直到可直接管理是否看朋友圈,到了微信8.0,甚至要求用戶驗(yàn)證好友時就首先確定朋友圈權(quán)限,這一連串改變,其實(shí)都是源于張小龍對用戶在當(dāng)下社交情緒逐漸發(fā)生變化的精準(zhǔn)把控能力,這也是為什么都稱張小龍是產(chǎn)品經(jīng)理之神的原因。


微信為什么推出視頻號?


微信為什么推出視頻號呢?在我看來是為了爭奪信息流。這是騰訊繼2018年微視在短視頻大戰(zhàn)戰(zhàn)敗后發(fā)起的第二波戰(zhàn)爭。

上面說到過,互聯(lián)網(wǎng)的本質(zhì)其實(shí)是信息流,誰擁有的信息流越多,誰就能獲得更大的勢能。淘寶靠著電商和支付的信息流,就成為了中國第一的電商公司,字節(jié)跳動靠著短視頻載體的抖音和長視頻載體的西瓜視頻以及新聞載體的今日頭條在幾年間迅速成為了互聯(lián)網(wǎng)巨無霸級別的存在。

我們可以倒回幾年前回顧一下那場大戰(zhàn),戰(zhàn)場上有抖音、快手、微視、還有就是一些草莽或腰部的小視頻軟件。當(dāng)時快手用戶數(shù)是高于抖音和微視的,甚至放出不屑于花錢買廣告做推廣的言論。結(jié)果就在2018年春節(jié),抖音8天燒了5億美元,重金做推廣,吸引了大批短視頻愛好者和流量;隨后快手感覺勢頭不對,也開始瘋狂重金砸廣告,做補(bǔ)貼,并成了2020年春晚贊助商。而微視的做法是,大量補(bǔ)貼的同時,借助騰訊的杠桿,直接將入口做在了QQ和微信中,全面禁止非騰訊系短視頻鏈接在微信朋友圈中擴(kuò)散。結(jié)果出乎意料的是,微視和一眾其他成為了短視頻大戰(zhàn)的犧牲品,從此短視頻市場二分天下,南抖音北快手的陣容確定下來。與此同時,還有一件事值得關(guān)注,就是2019年,三家互聯(lián)網(wǎng)企業(yè)對微信發(fā)起了挑戰(zhàn),一個是馬桶MT,一個是羅永浩的  聊天寶,最后一個是抖音的多閃,最后是以微信的不理會作為收場。


為什么短視頻如此重要?因?yàn)樗芸赡苁俏磥硇畔⒘髦髁鞯妮d體。


不知道你有沒有感受到,微信公眾號沒以前那么火了,其實(shí)很大的原因是因?yàn)槲覀儼芽次⑿殴娞栁恼碌臅r間拿去刷抖音、看短視頻了 。在2018年之前,微信公眾號是微信信息流非常重要的入口。在PC互聯(lián)網(wǎng)時代,搜索引擎百度是流量的入口,旗下的百度貼吧,百度知道,百度百科組成了中國最大的中文互聯(lián)網(wǎng)內(nèi)容創(chuàng)作社區(qū),使得百度成為了BAT三巨頭的頭部企業(yè)。但是在移動互聯(lián)網(wǎng)時代,各大應(yīng)用開始自建搜索引擎,自營內(nèi)容對百度進(jìn)行了封鎖;微信公眾號從中崛起成為了新的流量入口,無數(shù)的自媒體創(chuàng)業(yè)者通過微信公眾號上創(chuàng)作內(nèi)容,成為了移動互聯(lián)網(wǎng)時代的信息流入口。但是,隨著4G技術(shù)帶來了更高的網(wǎng)絡(luò)帶寬與傳輸速率,視頻內(nèi)容開始發(fā)展,短視頻應(yīng)運(yùn)而生。


短視頻為什么能夠取代文章?


回到底層情緒來看,是因?yàn)槿藗儽绕鹞淖直灸艿馗芾斫夂唵?、直接的圖像。文字帶給人的反饋是延時的:你得先識別文字本身,理解語義,上下文聯(lián)想,最后你才能得出一段文字的含義。而短視頻是帶來即時反饋的,它沒有閱讀成本,能通過視覺和聽覺,就能給用戶帶來更加深刻和即時的情緒上的變化。其次,短視頻的創(chuàng)作門檻比寫文章低,張小龍?jiān)谘葜v中說到,許多人其實(shí)是不擅長寫長文章的,但是你讓他用手機(jī)拍一段視頻,這是一件很容易就能做到的事情。最后是因?yàn)楫?dāng)代人的心智提上去了,這時代的人們的觀念正在逐漸開放,更加樂于表達(dá)自己,短視頻當(dāng)然就能使更多人參與進(jìn)來,自然就能成為下一階段主流的信息流載體,微信當(dāng)然不能置身局外。

所以,到這里,你其實(shí)就已經(jīng)能看清一些微信在做的事情了。微信為什么要開設(shè)視頻號?就是為了爭奪下一階段信息流入口。為什么當(dāng)年支付寶要推微信?是為了爭奪的信息流。

當(dāng)前階段,誰是微信的競爭對手?信息流的上游是人,誰掌握了最大的信息流誰就是競爭對手,目前能看到的是抖音,2018年抖音推出多閃,其實(shí)就是為了構(gòu)建自己信息流平臺;在之后,可以預(yù)見到抖音和微信在短視頻流量爭奪上必有一戰(zhàn)。


微信能不能贏?


我覺得微信這次能贏,因?yàn)槿诵缘娜觞c(diǎn)推動了互聯(lián)網(wǎng)的流量,但人性的光明構(gòu)筑了商業(yè)的文明。

互聯(lián)網(wǎng)商業(yè)本質(zhì)是流量*轉(zhuǎn)化率,字節(jié)跳動鼓勵人們在抖音、西瓜視頻上發(fā)視頻,采用的是補(bǔ)貼的方式,這會使得視頻博主在其平臺上發(fā)布視頻的目的變得利益化,是在變相鼓勵視頻創(chuàng)作者生產(chǎn)更具強(qiáng)吸引力的題材,取夸張的標(biāo)題名字來吸引更多用戶點(diǎn)擊,從而獲得更多流量,并通過廣告商的投資,帶來商業(yè)的變現(xiàn)。去年甚至還爆發(fā)了直播帶貨的新藍(lán)海,其實(shí)本質(zhì)上都是幫助視頻創(chuàng)作者帶來商業(yè)利益。色欲作為人類的本能,自然是最能吸引用戶的手段,所以你能看到與性相關(guān)的視頻在抖音,快手等平臺占比是最多的。



這種利用人性的弱點(diǎn)(貪婪、色欲、虛榮、窺視)構(gòu)筑的互聯(lián)網(wǎng)流量,使得抖音快手在短視頻草莽時代逐漸成為了短視頻中的頭部平臺,但是在存量競爭市場上這一機(jī)制終究不可持續(xù)。相比,我更喜歡微信視頻號的做法。

微信選擇只做內(nèi)容承載和傳遞的載體,這就意味著微信不會去生產(chǎn)內(nèi)容,也不會去買內(nèi)容,并不會關(guān)注具體的內(nèi)容到底是什么,而是真正做到讓用戶自發(fā)地去生產(chǎn)和分享內(nèi)容,讓產(chǎn)品自然生長。張小龍說視頻號的目標(biāo)是,希望人人都能夠很容易地通過視頻化的方式去公開表達(dá)內(nèi)容。這使得內(nèi)容創(chuàng)作者本身很難帶有利益目的。視頻號的初衷,就不是讓一部分內(nèi)容創(chuàng)作者獲得極高的關(guān)注度,成為網(wǎng)紅,獲得商業(yè)變現(xiàn),而是希望人人都能夠像在朋友圈發(fā)布圖文一樣,以視頻化的形式去表達(dá)自己的內(nèi)容。微信能這么做,是因?yàn)槠鋼碛芯薮蟮男畔⒘?,有足夠的能力去做這件事。

盡管現(xiàn)在打開視頻號,里面同樣充斥各種基于人性的弱點(diǎn)所創(chuàng)作的內(nèi)容,微商、網(wǎng)課、低俗,誘惑等內(nèi)容遍地,但現(xiàn)在你看到的它的樣子,絕不是它本該有的樣子。我相信隨著微信對視頻號的迭代,視頻號終會成為微信所目標(biāo)的那個人人都能表達(dá)自己的樣子。


為什么張小龍說直播新的表達(dá)方式?


張小龍?jiān)诠_課中講到:未來直播可能變成一種很多人都在用的、個人表達(dá)方式。為什么?因?yàn)橹辈ツ軌驙I造場景。

什么是場景?場就是時間+空間。景呢?是能夠觸發(fā)情緒的交互。直播比起視頻,更能夠激發(fā)用戶內(nèi)心的情感,能夠讓主播和聽眾之間產(chǎn)生更深刻的連接。這種感受其實(shí)是視頻無法比擬的。就像你在現(xiàn)場看演唱會和看錄播體驗(yàn)是完全不一樣的,周邊的環(huán)境會影響用戶的情緒。令我很深刻的體驗(yàn)是,今年王者榮耀冬季賽決賽第四局DYG對戰(zhàn)南京Hero戰(zhàn)隊(duì),當(dāng)時的局面是0:3,如果第四局DYG沒有贏就意味著比賽的結(jié)束。當(dāng)時直播中所有人的心都很緊張,結(jié)果DYG里的清清用一手關(guān)羽力挽狂瀾,贏得比賽,在場主持人,和屏幕前的觀眾都被DYG清清的不服輸感動,場面一度到達(dá)高潮,我的內(nèi)心也被深深震撼到了。但是之后看錄播,就會發(fā)現(xiàn)有人在看外星人似的,發(fā)彈幕很冷淡地表示都是基本操作,完全不懂我們在激動什么。這才使我意識到,直播真的比視頻更能激發(fā)用戶的情緒。



現(xiàn)在你打開微信直播,內(nèi)容質(zhì)量其實(shí)并不好,是因?yàn)樾铝髁咳肟跁硇录t利,投機(jī)者當(dāng)然不會放過這個機(jī)會。但實(shí)際上,微信直播應(yīng)該和會如今刷禮物求關(guān)注,公會云集的直播平臺不一樣,會呈現(xiàn)出一個更加開放、生活化的樣子。



微信為什么要在表情包、狀態(tài)上的創(chuàng)新?


微信8.0更新了動態(tài)表情包,動態(tài),把視頻放在名片,音樂播放器優(yōu)化上等一系列新有趣的小功能。這些功能按照張小龍的說法是人們對情緒的表達(dá)更強(qiáng)烈了:他覺得人們喜歡表達(dá)更加強(qiáng)烈的表情,他覺得設(shè)置狀態(tài)能夠幫助用戶找到同類,他覺得音樂播放器不該是一個電唱機(jī)放在那里轉(zhuǎn),而應(yīng)該給用戶更直觀的視覺表達(dá)。你會發(fā)現(xiàn),張小龍描述需求的方式,是極度自我的表現(xiàn),他會用心里想的美好的用戶故事來解釋為什么要加這個功能,而沒有根據(jù)數(shù)據(jù)來得出結(jié)論。甚至他說想做一個功能,讓十幾億人都能在同一張畫布上畫畫,然后看最后畫出來的是什么樣子。這些一些功能,張小龍就是拉一個一二十人的團(tuán)隊(duì),討論了一下自己的想法,就這么簡單的做了,就這么推出了。


這里我想說說自我與自律。成為高手的路徑是一萬小時定律,但是,想讓一個人持續(xù)在一件事情上花費(fèi)一萬個小時是很難的,有兩種方法可以實(shí)現(xiàn)。一個是保持自律,帶著對失敗的恐懼,堅(jiān)持下去;另一個是對這件事保持滿足和愉悅感,靠著對做這件事的熱愛來度過這一萬個小時。自我和自律的人都能成為非常成功的人,你從小受學(xué)校的灌輸自律的理念其實(shí)是為了便于管理。但自我的人,是充滿創(chuàng)造力的,對不滿意的事物是抱有強(qiáng)烈的情緒的,他們不能容忍不完美的事情,并會去努力改變它。蘋果大神喬布斯是一個極度自我的人,他能樂此不疲地對著ppt演練上百次,他不能容忍手機(jī)附帶個鍵盤笨重的樣子,喬布斯讓自己追求卓越的精神成為了蘋果的設(shè)計(jì)理念。梁寧老師說,張小龍是一個極度自我的產(chǎn)品經(jīng)理,正是由于其對用戶在社交需求上極其敏感的感受,才催生出了如今簡單并且連接世界的微信,張小龍說自己是被上帝選中的,其實(shí)是因?yàn)槌掷m(xù)做出了正確的決定,而這決定,與其對用戶情緒的深刻把控有關(guān)。所以騰訊出產(chǎn)品經(jīng)理,阿里出運(yùn)營人才。



你吸收誰的營養(yǎng),你就變成誰。你靠什么滿足你,你就會成為它的樣子。什么東西持續(xù)滿足你的東西,什么東西永遠(yuǎn)讓你不爽,這就是你的命運(yùn)。


總結(jié)


這次分析微信,我沒有嚴(yán)格根據(jù)梁寧老師給的中觀思維框架來分析(痛點(diǎn)癢點(diǎn)爽點(diǎn)、用戶畫像、用戶故事、用戶體驗(yàn)地圖、服務(wù)藍(lán)圖等),而是從微觀情緒和宏觀大局上分析了微信帶給人的確定感,微信視頻號的意義所在,聊了些關(guān)于自我與自律的事情。因?yàn)槲矣X得微信成為今天這個樣子,服務(wù)著如此龐大的用戶量,它已經(jīng)成為了我們生活中不可或缺的一部分了,人生百態(tài),微信包容了無數(shù)種用戶畫像,在其上也書寫著無數(shù)的感動人心的故事,我覺得這時再去聊中觀套路其實(shí)已經(jīng)沒有什么意義了。微信從1.0,跨越2G到5G的技術(shù)革新,從一個簡單的通訊工具,不忘簡單和連接的理念,十年時間迭代成為了我們離不開的一種生活方式,這放在人身上該是一個多么勵志的事情啊!

最后我想交付給你一句,也是梁寧老師交付給我的,一直觸動鼓勵我堅(jiān)持下去的話:


今天你在什么樣的點(diǎn)位上其實(shí)并不重要,重要的是在未來,你會以哪種方式,持續(xù)迭代。


文章來源:站酷   作者:努力的橙子

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


用戶體驗(yàn)地圖如何為產(chǎn)品賦能?

ui設(shè)計(jì)分享達(dá)人

設(shè)計(jì)的最終目標(biāo)都是驅(qū)動業(yè)務(wù)增長,商業(yè)價(jià)值轉(zhuǎn)化。那用戶體驗(yàn)地圖是如何賦能的?

在日常的工作中,或多或少都聽過用戶體驗(yàn)地圖。在一些大公司,這部分通常是由用研部門來負(fù)責(zé),對于一些配置有限的公司而言,則是由產(chǎn)品、UI設(shè)計(jì)(全鏈路設(shè)計(jì))等職位來擔(dān)任的,一些UI/UE設(shè)計(jì)也會參與制作過程中。你對它的理解有多深?在工作中,有使用過它嗎?


有些人會覺得畫圖就行了,搞那么多干什么,又不是我的事。刨根問底的想想,設(shè)計(jì)到底是為什么服務(wù)?你做圖的意義是什么?商業(yè)?藝術(shù)?最終目標(biāo)都是驅(qū)動業(yè)務(wù)增長,商業(yè)價(jià)值轉(zhuǎn)化。設(shè)計(jì)在組織架構(gòu)里面本質(zhì)是以用戶為中心、幫業(yè)務(wù)去解決問題,而解決問題能力來源于對用戶同理心洞察、對業(yè)務(wù)目標(biāo)的理解。而說到用戶體驗(yàn)地圖則對于0-1階段的產(chǎn)品的可靠度是很低的,因?yàn)闆]有數(shù)據(jù)的支撐,一切都是虛擬的。對于1—階段的產(chǎn)品,可以更好的幫我們找到用戶的痛點(diǎn)、爽點(diǎn),觸發(fā)創(chuàng)意和發(fā)掘新的需求。也就是通過我們的專業(yè)知識、見解和洞察搞清楚用戶在使用產(chǎn)品這段旅途中坑在哪里、怎么填才能讓用戶走的更順。幫助用戶更容易獲取產(chǎn)品價(jià)值,幫助項(xiàng)目組獲得成功。



一、什么是用戶體驗(yàn)地圖?

用戶體驗(yàn)地圖是用視覺化的方式表示用戶(第一人稱視角)的圖,以敘述故事的方式來描述用戶與產(chǎn)品、服務(wù)、系統(tǒng)交互時的體驗(yàn)和關(guān)系,以此來幫助理解用戶需求和尋找用戶痛點(diǎn)。


可以先看一張圖了解一下用戶體驗(yàn)地圖



簡單點(diǎn)說用戶體驗(yàn)地圖在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中的主要應(yīng)用是記錄用戶從使用產(chǎn)品到離開產(chǎn)品的全部過程中的情緒體驗(yàn),從中洞察到機(jī)會點(diǎn),幫助設(shè)計(jì)建立更好的用戶體驗(yàn)。


用戶體驗(yàn)地圖包含兩種強(qiáng)大的工具—講故事(敘述事情)+可視化


這兩大方法是用戶體驗(yàn)地圖必不可少的方面。以令人記憶深刻、簡潔明了的方式傳達(dá)信息。創(chuàng)建一個完整的體驗(yàn)視圖,將不同的數(shù)據(jù)點(diǎn)聚集在一起并可視化,促進(jìn)相關(guān)參與人的協(xié)作、對話和挖掘新觀等。



二、用戶體驗(yàn)地圖的兩個核心觀點(diǎn)


第一個觀點(diǎn):故事比數(shù)據(jù)更重要。重要的不是零散的收集數(shù)據(jù),拿數(shù)據(jù)證明自己的對錯,而是建立一個有代表性的故事。例如,兩個人相親,最簡單的收集收據(jù)的方式就是問:“你多大了?有房有車嗎?多少存款?”而詢問的數(shù)據(jù)只能代表這個人,你能根據(jù)這個數(shù)據(jù)做決策嗎?他背后的故事是什么?他經(jīng)歷了什么才會變成現(xiàn)在這樣?直接拿數(shù)據(jù)說事是很難有說服力的,每個人對于數(shù)據(jù)的解讀都是不一樣的,更多的是要關(guān)注其背后的故事。


第二個觀點(diǎn):所以一個好產(chǎn)品,是從一個好故事開始。



三、用戶體驗(yàn)地圖的價(jià)值

用戶體驗(yàn)地圖全局可以幫助大家理解用戶,理解用戶了解產(chǎn)品,使用產(chǎn)品的整個路徑和感受,從而幫助產(chǎn)品決策和設(shè)計(jì)決策。


看了上圖,那體驗(yàn)地圖的價(jià)值就顯而易見了:



1-以用戶的視角來審視體驗(yàn)的過程

在一眼地圖中可以選擇和定位用戶的體驗(yàn)點(diǎn),觸發(fā)更多的創(chuàng)意點(diǎn)和挖掘更多的新觀點(diǎn)。

例子—公司研發(fā)一個高級的木質(zhì)掛衣鉤,用戶視角就是買回來—裝上去——直接使用。繼續(xù)挖掘其中的點(diǎn),目前的掛衣鉤需要打孔才能裝,這里就衍生出兩條線:第一種方案賣已經(jīng)打好孔的木質(zhì)掛衣鉤,可以直接安裝,操作起來方便;第二種方案把安裝工具和木質(zhì)掛衣鉤一起賣,用戶安裝成本會比較大。


2-參與感強(qiáng),促進(jìn)洞察內(nèi)化和跨角色合作

在體驗(yàn)地圖中,需要多人參與,能夠讓所有的人都梳理一遍流程,促進(jìn)跨部門協(xié)作、溝通與思考。能把所有的人都拉到同一頻道。

設(shè)計(jì)師在進(jìn)入一家新公司后,應(yīng)趕緊熟悉公司業(yè)務(wù),在后期的討論,與產(chǎn)品是同頻的,這樣參與感會增加很多,也會顯得更專業(yè)。


3-情感化設(shè)計(jì)

用戶體驗(yàn)地圖能幫助團(tuán)隊(duì)在梳理的過程中找到重新設(shè)計(jì)與改進(jìn)的節(jié)點(diǎn),照顧到用戶在其中的情感需求,精準(zhǔn)鎖定產(chǎn)品引發(fā)強(qiáng)烈情緒反應(yīng)的時刻,也就是“尖叫”時刻。

回到上面的例子,如果你賣的掛衣鉤已經(jīng)打好孔,直接安裝就可,不用費(fèi)過多精力,那就是用戶尖叫的時刻,驚喜的時刻,如果使用了另一個方案,就會考慮到這個東西買的人會不會用安裝工具,會不會浪費(fèi)過多精力,以至于該掛衣鉤有可能被拉入黑名單。


4-更全面、更全局角度去定位、評估問題點(diǎn)

用戶體驗(yàn)地圖,可以讓產(chǎn)品在需求探索的過程中,能夠更全面、更全局的去定位問題、看待問題,并且從中找出潛在的機(jī)會點(diǎn),可以促進(jìn)讓用戶在使用產(chǎn)品時,爽點(diǎn)更爽,解決痛點(diǎn)問題。

那整體總結(jié)下來就是:

  • 記錄 將模糊的需求拆解為各要素,文字+圖形表達(dá)出來;

  • 評估 當(dāng)前產(chǎn)品和服務(wù)的狀態(tài)以及預(yù)測未來可能出現(xiàn)的情況;

  • 發(fā)現(xiàn) 體驗(yàn)過程中的痛點(diǎn),尋找創(chuàng)新機(jī)會;

  • 提煉 幫助團(tuán)隊(duì)更好的交流和討論、作出更好的決策和設(shè)計(jì)方案;



四、如何繪制用戶體驗(yàn)地圖?

注:為了清晰的介紹,這里會yy一個電影票的App。



4.1-了解用戶

常見的調(diào)研方式:用戶訪談、查看用戶投訴記錄、詢問客服、查看用戶在社交媒體上的評價(jià)、調(diào)研相關(guān)競品,定性定量調(diào)研


· 舉例說明

比如app store上用戶的投訴評價(jià),可以針對性進(jìn)行收集與分析,理性分析,了解用戶心聲,在評論區(qū)有時能找到產(chǎn)品的最痛點(diǎn)。

比如上面【用戶2】和【用戶3】提出的評價(jià)—這兩類總結(jié)就屬于一類問題:關(guān)于用戶定位準(zhǔn)確性的問題。


用戶訪談中可以面對面、也可以電話溝通,這樣盡可能獲得最直接、最準(zhǔn)確的資料。



4.2-創(chuàng)建角色模型

根據(jù)產(chǎn)品的主要目標(biāo)進(jìn)行用戶分類,為每個用戶創(chuàng)建用戶模型(需求、期望、痛點(diǎn)),每個角色將對應(yīng)不同的用戶體驗(yàn)地圖。



4.3-關(guān)鍵節(jié)點(diǎn)

羅列出用戶在體驗(yàn)產(chǎn)品過程中的關(guān)鍵節(jié)點(diǎn)以及對應(yīng)的用戶感受。同時通過頭腦風(fēng)暴,挖掘新的關(guān)鍵節(jié)點(diǎn)。在每個階段有各個用戶目標(biāo),以yy的電影票為例, 主要分為四個階段【線上—購票前,線下—觀影前,觀影中,觀影后】在這四個大的階段里面 有細(xì)分一些節(jié)點(diǎn),你怎么去具體操作,選擇app——找電影票——購票——選座——取票、檢票——觀影——觀影后的動作。

根據(jù)每個節(jié)點(diǎn)就可以知道用戶在各個階段下的目標(biāo)。




4.4-挖掘新的關(guān)鍵節(jié)點(diǎn)

這個短時間內(nèi)挖掘更多新的關(guān)鍵節(jié)點(diǎn),同時使關(guān)鍵節(jié)點(diǎn)種類更加豐富

已經(jīng)列出了關(guān)鍵節(jié)點(diǎn),那用戶在整個節(jié)點(diǎn)中的一連串行為,是不是斷層的?是不是可閉環(huán)的?在整個過程中,又可以挖掘新的優(yōu)化點(diǎn),讓APP更充盈、更豐富。

整個用戶行為:從一開始的選擇該APP,對比各APP之間的差異,到app內(nèi)具體怎么買自己想看的電影票,再到線下取票、檢票、觀影,再到觀影結(jié)束后,寫影評。



4.5-歸納關(guān)鍵節(jié)點(diǎn)

對關(guān)鍵節(jié)點(diǎn)進(jìn)行分類,對關(guān)鍵節(jié)點(diǎn)進(jìn)行篩選,移除掉重復(fù)、沒有價(jià)值的內(nèi)容。例如在整個購票過程中,購票支付就是一個關(guān)鍵性動作。



4.6-接觸點(diǎn)

對于之前總結(jié)歸納的關(guān)鍵節(jié)點(diǎn)的行為,使用場景有哪些?用戶產(chǎn)生的“觸點(diǎn)”的環(huán)境有哪些?(例如網(wǎng)站、手機(jī)客戶端)


4.7-情緒曲線

用以描述用戶在整個體驗(yàn)過程中的情感變化。在各個節(jié)點(diǎn)下,用戶的想法是什么,他的情緒曲線是怎么變化的。量化描述各個階段里用戶的體驗(yàn)值。把【問題】和【驚喜點(diǎn)】放到對應(yīng)的每個行為節(jié)點(diǎn)上。并區(qū)分顏色。

比如在買票的過程中,邀約朋友一起去觀影,把選中電影的鏈接分享給朋友,打開鏈接,竟然跳轉(zhuǎn)不了APP,情緒是非常糟糕。



4.8-總結(jié)痛點(diǎn)/機(jī)會點(diǎn)

分析全部過程后,總結(jié)痛點(diǎn),并從中找到機(jī)會點(diǎn)。


繪制完成≠項(xiàng)目結(jié)束,報(bào)告產(chǎn)出后,要積極與項(xiàng)目參與者同步,對調(diào)研問題快速腦暴出解決方案。

對于一次性產(chǎn)出較多的問題點(diǎn),劃分優(yōu)先級,并按計(jì)劃分布落地。




五、總結(jié)

良性用戶故事地圖像一個捕魚的過程,可以發(fā)現(xiàn)新的場景和機(jī)會點(diǎn),可以幫助我們站在全流程的角度,挖掘使用場景下更多的體驗(yàn)優(yōu)化點(diǎn)。體驗(yàn)地圖可以使部門或小組在需要解決的過程中具有不同階段或關(guān)鍵接觸點(diǎn)的對齊方式更加清晰。


體驗(yàn)地圖不是必須的,但是做好一個好產(chǎn)品必要的步驟。它的一切都與用戶有關(guān),在每個階段都可以參與進(jìn)來。它可以讓我們以用戶的角度來審視體驗(yàn)過程、可以讓大家都參與進(jìn)來,促進(jìn)跨部門跨角色無邊界思考合作,可以協(xié)助團(tuán)隊(duì)鎖定“尖叫“時刻,可以更好全局的去定位痛點(diǎn)、解決痛點(diǎn)、找到機(jī)會點(diǎn)。


文章來源:站酷  作者:瑪麗的設(shè)計(jì)筆記

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


日歷

鏈接

個人資料

存檔