<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          聲音設計的魅力是你想象不到的

          ui設計分享達人

          聲音記憶是一種非常普遍存在的現象。聲音是基于人類本能的記憶方式,雖然并不代表它是最強的一種記憶形態,但它是最直接、原始的,因為它包含了結構化的圖像、符碼等特征,所以聲音發出時本身就隱藏著巨大的想象力,既有直觀又有想象,而且往往是被動接收的。尤其是當我們聽到一段熟悉的音樂或是文字、音效,自然而然地就會想到某些事情。我一直認為音樂是記憶的載體,當然聲音本身更是如此。


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

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

          下面再給大家介紹幾個音樂裝置項目:

          • + Looks Like Music +

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

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

          • Synth Play

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

          • Face the Music

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

          聲音設計是很大的一個領域,現在還很少有學生專門做一個音樂裝置放在作品集中,同學們如果感興趣,想嘗試的話,可以構思構思,為自己的作品集多增加一些色彩。


          文章作者:程雅秋
          英國皇家藝術學院產品設計碩士
          擅長產品服務系統設計、用戶體驗設計和硬件Arduino交互

          文章來源:站酷  作者:馬克筆設計留學

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          聊天機器人的用戶體驗

          ui設計分享達人

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

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


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


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


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


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

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


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

          UPS.com網站使用聊天機器人來回答客服問題。

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


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


          研究


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


          對機器人的態度


          一般來說,人們對機器人的態度從中立到略微積極。互動機器人是一個相當模糊的渠道:在我們的美國研究中,大多數參與者之前從未與此類機器人互動,他們也不知道它的存在。相比之下,微信公眾號頁面通常是這些機器人的復雜版本,我們的中國參與者對它們很熟悉。我們的一些參與者驚喜地發現了這個互動渠道,其他人則認為與其他傳統渠道如網絡或移動應用相比,它并沒有帶來足夠的價值。


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


          交互機器人通常很容易被識別為機器人,但客戶服務機器人很難識別。有些企業并不總是提前向客戶透露他們正在與機器人進行交互。我們認為這是一個錯誤。我們的研究參與者很高興看到企業使用機器人是透明的,因為他們可以調整自己的期望和語言。例如,當用戶意識到他們是在和機器人說話時,他們往往會更直接,使用基于關鍵字的語言,并避免禮貌標記。這種類型的語言通常比通常在正常對話中使用的復雜、間接的語言更成功。


          用于交互聊天機器人UI


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

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

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


          這兩種輸入機制都很重要,應該同時存在。


          當機器人不允許用戶選擇選項,而是要求用戶輸入時,用戶會抱怨。例如,一個參與者被Booking.com的機器人惹惱了,因為它不允許他選擇日期,他必須輸入日期。在輸入“感恩節”之后,他說:“應該有一些明顯的東西來預先填充它。選項應該預先填充——手動輸入很乏味。我應該可以點擊按鈕才對?!?

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


          一些機器人完全取消了輸入文本的選項,迫使用戶選擇屏幕上顯示的選項之一。這種類型的設計使機器人類似于一個網站,并限制了用戶可以在系統內探索的路徑。

          Car Dealer聊天機器人不允許用戶在選擇庫存選項后輸入自由文本。


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

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


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

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


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

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


          線性流


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

          一個線性流程的例子,機器人可能通過它來完成一個任務


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


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

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


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


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

          Domino ‘s Pizza聊天機器人能夠對不屬于預訂披薩的主要線性流的請求做出滿意的響應。左圖:用戶可以在訂購前將訂單加到他的購物車中。右圖:用戶更改了正在訂購的兩個比薩餅中的一個的外殼。


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


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

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


          文章來源:站酷  作者:馬克筆設計留學

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          我們對2021年的用戶體驗有何期待?

          ui設計分享達人

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

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


          語音介面

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

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

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



          簡約的UI

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

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




          內容,消息和導航的清晰度是UX設計的簡約方法的另一個重要方面。信息過載對于大多數現代用戶來說是一個痛苦,這意味著網站所有者應努力使自己的UX文字簡潔明了。


          負空間

          負空間是用戶體驗設計的一種大趨勢,它已經脫離了對簡約UI的市場需求。簡而言之,負空間是頁面布局中對象周圍(宏空間)或對象內部(微空間)的空白區域。它已經成為獨立的設計元素,在視覺美學和用戶體驗優化中起著至關重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創建的網站就是很好的例子。






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




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

          不完美的元素

          在發生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設計以相關方式反映了缺陷。為了使品牌的數字化形象更具關聯性,設計師有意在版面設計中實現了一些“缺陷”。 它可以是任何東西,從手繪對象到構圖或頁面的不尋常元素。







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



          同態

          中性風格是UI設計中其他兩種大規模方法(擬態和平面設計)的組合,它們通常被認為彼此相對。擬態化是關于模仿現實世界中的物體以及我們與物體交互的方式。

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

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



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



          3D元素和視差

          視差效果和3D元素并不是UX設計中的全新內容。我們已經看到了如何在許多Web設計解決方案中實現它們。但是,我們仍然觀察到這些用戶體驗趨勢正在逐步普及。

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




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


           



            

          不對稱

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


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




          但是,請務必記住,非對稱設計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應該引導用戶的眼睛朝正確的方向前進,并幫助品牌強調重要信息。

          動畫制作

          今天,當我們在互聯網上進入隨機網站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運動設計元素。動畫在用戶體驗設計中仍然很流行,并且使用頻率不斷增長。

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



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

          信息架構

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



          為了創建一個實用的信息體系結構,UX設計人員需要對產品的目標受眾,其行為以及使用數字解決方案的原因有深入的了解。用戶應該無需花費太多精力就能獲得所需的結果。因此,在設計過程的線框階段始終必須考慮用戶的目標,清晰的導航和內容表示(包括盲點監視)。

          最后的想法

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

          文章來源:站酷  作者:ZZiUP

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          我們對2021年的用戶體驗有何期待?

          ui設計分享達人

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

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


          語音介面

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

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

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



          簡約的UI

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

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




          內容,消息和導航的清晰度是UX設計的簡約方法的另一個重要方面。信息過載對于大多數現代用戶來說是一個痛苦,這意味著網站所有者應努力使自己的UX文字簡潔明了。


          負空間

          負空間是用戶體驗設計的一種大趨勢,它已經脫離了對簡約UI的市場需求。簡而言之,負空間是頁面布局中對象周圍(宏空間)或對象內部(微空間)的空白區域。它已經成為獨立的設計元素,在視覺美學和用戶體驗優化中起著至關重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創建的網站就是很好的例子。






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




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

          不完美的元素

          在發生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設計以相關方式反映了缺陷。為了使品牌的數字化形象更具關聯性,設計師有意在版面設計中實現了一些“缺陷”。 它可以是任何東西,從手繪對象到構圖或頁面的不尋常元素。







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



          同態

          中性風格是UI設計中其他兩種大規模方法(擬態和平面設計)的組合,它們通常被認為彼此相對。擬態化是關于模仿現實世界中的物體以及我們與物體交互的方式。

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

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



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



          3D元素和視差

          視差效果和3D元素并不是UX設計中的全新內容。我們已經看到了如何在許多Web設計解決方案中實現它們。但是,我們仍然觀察到這些用戶體驗趨勢正在逐步普及。

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




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


           



            

          不對稱

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


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




          但是,請務必記住,非對稱設計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應該引導用戶的眼睛朝正確的方向前進,并幫助品牌強調重要信息。

          動畫制作

          今天,當我們在互聯網上進入隨機網站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運動設計元素。動畫在用戶體驗設計中仍然很流行,并且使用頻率不斷增長。

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



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

          信息架構

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



          為了創建一個實用的信息體系結構,UX設計人員需要對產品的目標受眾,其行為以及使用數字解決方案的原因有深入的了解。用戶應該無需花費太多精力就能獲得所需的結果。因此,在設計過程的線框階段始終必須考慮用戶的目標,清晰的導航和內容表示(包括盲點監視)。

          最后的想法

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


          文章來源:站酷   作者:ZZiUP

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          我們對2021年的用戶體驗有何期待?

          ui設計分享達人

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

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


          語音介面

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

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

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



          簡約的UI

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

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




          內容,消息和導航的清晰度是UX設計的簡約方法的另一個重要方面。信息過載對于大多數現代用戶來說是一個痛苦,這意味著網站所有者應努力使自己的UX文字簡潔明了。


          負空間

          負空間是用戶體驗設計的一種大趨勢,它已經脫離了對簡約UI的市場需求。簡而言之,負空間是頁面布局中對象周圍(宏空間)或對象內部(微空間)的空白區域。它已經成為獨立的設計元素,在視覺美學和用戶體驗優化中起著至關重要的作用。谷歌的主頁,蘋果的官方商店以及一些用Webflow創建的網站就是很好的例子。






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




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

          不完美的元素

          在發生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設計以相關方式反映了缺陷。為了使品牌的數字化形象更具關聯性,設計師有意在版面設計中實現了一些“缺陷”。 它可以是任何東西,從手繪對象到構圖或頁面的不尋常元素。







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



          同態

          中性風格是UI設計中其他兩種大規模方法(擬態和平面設計)的組合,它們通常被認為彼此相對。擬態化是關于模仿現實世界中的物體以及我們與物體交互的方式。

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

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



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



          3D元素和視差

          視差效果和3D元素并不是UX設計中的全新內容。我們已經看到了如何在許多Web設計解決方案中實現它們。但是,我們仍然觀察到這些用戶體驗趨勢正在逐步普及。

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




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


           



            

          不對稱

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


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




          但是,請務必記住,非對稱設計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應該引導用戶的眼睛朝正確的方向前進,并幫助品牌強調重要信息。

          動畫制作

          今天,當我們在互聯網上進入隨機網站時,很可能會看到GIF,微型動畫,動畫插圖或其他一些運動設計元素。動畫在用戶體驗設計中仍然很流行,并且使用頻率不斷增長。

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



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

          信息架構

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



          為了創建一個實用的信息體系結構,UX設計人員需要對產品的目標受眾,其行為以及使用數字解決方案的原因有深入的了解。用戶應該無需花費太多精力就能獲得所需的結果。因此,在設計過程的線框階段始終必須考慮用戶的目標,清晰的導航和內容表示(包括盲點監視)。

          最后的想法

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

          文章來源:站酷   作者:ZZiUP

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

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

          周周

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

          今天會分享一個我當年做臨摹練習并融入實際項目中的小案例。

          臨摹

          大概是在 15 年左右,在網上看到錘子設計師設計的一個圖標,覺得非常驚艷,當時就想把它臨摹下來,這是當時臨摹的一個效果。


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

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

          △ 這是我當時臨摹的圖

          我在臨摹這張圖的時候,想達到的目標是能根據自己的 logo 色及文字,做一個半原創的設計。

          然后實際練習中,不斷觀察原作發現有一些細節值得學習:

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

          1. 圖標分為水上和水下,2 個層級,在水下的圖形因為折射的關系,會發生扭曲
          2. 水下會有深淺的顏色變化
          3. 真實的水會流動,所以在水下會畫出帶明暗細節的水紋線條
          4. 水下會有氣泡,且氣泡的產生符合真實場景,氣泡的大小由小變大
          5. 水面的邊緣因為透光而產生邊緣反射
          6. 投影因為紅色盒子的影響,會偏紅色色相,并且有近實遠虛的關系
          7. 盒子的邊緣會有 1px 的高光和反光
          8. 背景為了增加圖標的展示效果,也做了單獨的設計,把四周壓暗,然后加上雜色,使得整體的質感更加強烈

          當時,對我來說,在練習的過程中有一個難點就是關于第 3 個細節水的紋理執行有些難度,因為其中包括了粗細變化、虛實變化、明暗變化等等,單純的用圖層樣式或者矢量去畫的話,難度都比較大。這個細節當時耗費了我不少時間,后面突然想到其實也可以用合成的辦法來實現,然后我去找了真實水紋的圖片進行疊加,很快就搞定了。所以,只要能達到效果,不能太過于局限某一種思路。

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

          分析并完成這些細節后,就是你在做這個練習中學到的點,嘗試把它們學以致用。

          運用

          記得當時在 360 時需要設計一套關于摩洛哥藍色小鎮的官方定制版主題圖標。從搜集的當地代表性的圖片中發現,多彩顏料是當地的一大特征,所以決定以染料為關鍵詞去畫一個圖標,又因為顏料本身自帶多彩的特點,所以以它為主題圖標就很合適了。

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

          然后在思考這個圖標的時候,首先會應用參考圖中的配色,并結合染缸的造型做出了第一版的效果。

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

          這個效果雖然是表達了那個意思,但缺乏亮點,聯想之前練習過水的技法表達(臨摹中第 3 點細節運用),正好可以利用水的紋理做下強化,這樣就優化出了第二版。

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

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

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

          如果只有這一層高光的話,細節度感覺還是不大夠,在之前的文章《如何從優秀作品中偷師,用一個游戲案例教你思路》我有分享到在 UI 大佬的作品中能學到他們對于 1px 高光的使用(臨摹作用中的第 7 點),這里因為是液體的材質表現,所以增加一個高光點增加水的通透感。

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

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

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

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

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

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

          最后,我們對比下第一版和最終版的效果,細節確實豐富了很多。

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

          一張動態圖可以更加清晰的看到變化。

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

          總結

          這次圖標的優化過程,我覺得有幾個要點對我來說印象深刻的:

          圖標的風格可以是扁平的,但想要增加自然舒服的細節,一樣可以像畫寫實風格那樣仿照現實。你需要留心觀察這個世界,就算是一張照片中也能有非常多可以利用的細節。

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

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

          臨摹的過程中,一定要多分析,多記錄自己覺得是細節的點。每一次記錄,都可能是將來設計時提升細節的靈感來源。

          以上內容只是我在日常練習中應用到實際項目中的一個小案例,其實還有非常多的靈感想法都來自于你平時做的練習,關鍵是要多動手,多總結,才能增強自己對細節的把握能力。





          文章來源:優設網     作者:彩云譯設計



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          新項目設計時一定會遇到的5個盲區,提前替你總結好了

          周周


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

          關于蘋果賬戶登錄的硬性規定

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          在國內的 iOS 登錄設計中通常突出的主流登錄方式是“微信”,手機登錄以及其他的第三方登錄都會以更弱一點的視覺方式呈現。

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

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

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

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

          關于安卓啟動圖標可帶動效了

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          實現這個效果的設計配合輸出也很簡單,只需要整理一下的具體啟動圖標輸出就可以:

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

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

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

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

          關于全屏切圖的壓縮限制

          這次新項目又遇到了開發中改稿的問題,大部分都因為全屏的背景圖切圖大小問題。

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

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

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

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

          關于動效到底導出什么格式不坑爹

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

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

          目前我覺得性價比最高的就是 webp,它的優勢主要在于:

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

          唯一的 2 個問題在于:

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

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

          1. 先從 AE 導出逐幀圖(記得需要循環的動效做好循環)

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          2.下載 isparta

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

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

          關于切圖標注協作方式誰家強

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          看完圖大家就會發現除了 Figma 大家的使用情況不會差很多,差的主要還是錢??偟膩碚f的建議就是,如果已經從sketch改用Figma的土豪團隊就可以直接分享Figma文件鏈接給開發搞定切圖標注以及文件存檔這2件事兒了。

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

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

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!

          新項目設計時一定會遇到的5個盲區,提前替你總結好了!





          文章來源:優設網     作者:Nana的設計錦囊



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          如何設計好調查問卷?這篇總結全是干貨!

          周周

          調查問卷,是一個低成本快速收集資料的定量分析工具。這是個看起來簡單,產出的問卷也看似很簡單,但是在整體設計的過程卻是需要很多的思考和預備。

          關于調查問卷,會分成三個部分來解說,

          • 第一部分是關于「設計前的準備」
          • 第二部分是關于「如何設計問卷」
          • 第三部分是關于「數據清理和產出問卷報告」

          廢話不說,直接開干!

          著手設計問卷前,先問

          1. 為什么做問卷

          這個是問卷的目的,也直接影響后面問題的設計。

          2. 如何使用問卷的研究結果

          這是關于問卷解決方案的落地。不需要太過細致的落地計劃,但是至少要清楚,這份問卷的研究成果,可以獲得多少支持力度。不管問卷發現了多么偉大的問題,如果沒有落地,其實是沒有無意義。也切忌不要今年做的研究結果,明年來實施,那問卷的時效性和準確性就會大打折扣了,因為市場的瞬息萬變。

          問卷的目的

          這是做所有事前,都要問的問題,「為什么做 Why」。而這個問題為什么重要呢,因為這會關系到設計問卷的核心內容是什么,會影響問卷的構成,當然最后也會產出不同的結果。

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

          1. 收集用戶信息

          很多時候,我們或許知道理想目標用戶是誰,但是誰才是真正使用我們產品的用戶呢?了解真正使用的用戶,可以對用戶進行更針對性的分析和設計。

          2. 了解用戶使用習慣

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

          2. 滿意度

          了解用戶對產品的滿意程度,對于用戶不滿意的方面,可以進行歸納總結,并給出合理的解決方案

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

          從問卷中收集用戶的心聲,明白槽點是什么。同時也收集用戶的好評,這也是激勵團隊一個很好的方法,因為是直接來自用戶。

          4. 體驗優化

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

          5. 需求驗證

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

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

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

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

          問卷問題的分類

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

          1. 是什么

          主要是用戶信息、使用習慣等問題。

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

          2. 怎么樣

          主要是詢問用戶原因,比如打這個分數的原因,某功能使用如何等

          3. 怎么辦

          主要是詢問用戶的建議、期待產品改進的地方

          設計問題需注意幾點

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

          1. 敏感性問題

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

          2. 措辭嚴謹

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

          3. 問卷的順序

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

          4. 問題長度

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

          5. 避免專業詞匯

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

          6. 選擇題枚舉要窮盡

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

          7. 避免互斥、重復、相似

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

          8. 保持開放性

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

          9. 避免詢問引導性的問題

          大部分用戶認為 XX 功能,很好用,你覺得呢?

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

          這個問題所傳達出來的隱藏含義會引導用戶做出不真實的反饋,這是沒有意義的問題

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

          強制選擇非黑即白,大部分情況下沒什么意思,因為用戶可能不確定。這個問題本身也沒有太大價值,也會錯過用戶一些比較有趣的回答。

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

          如何設計好調查問卷?這篇總結全是干貨!

          對于用戶的問題,答案要可以量化表達,來產生數據,才便于后續數據的分析

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

          當人們將自己的行為投射到未來時,通常會過于簡單化和理想化,人們更擅于解釋當下進行的內容。

          所以,如果要知道特定環境下用戶的操作,則要配合合適的場景預設,并且是用戶熟悉的場景?;蛘呖梢灾苯訂枺裉炷銜绾稳绾?

          如何設計好調查問卷?這篇總結全是干貨!

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

          對于許久前的用戶的操作行為,也盡量不詢問,因為會忘記,而當強迫他去思考時,他可能自己腦補,產生不準確的記憶,進而對研究結果產生偏差。

          12. 其他

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

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

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

          設定日程安排

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

          日程安排中,要包括:

          • 確定問卷的目標人群、確定問卷目的
          • 問卷設計時間
          • 問卷評審時間
          • 問卷內測時間
          • 問卷投放時間、時間長度
          • 產出問卷報告

          如何設計好調查問卷?這篇總結全是干貨!

          最后的話

          調查問卷從準備到產出報告,需要一個過程,建議與其他設計師或 PD 來一起配搭工作,更高效的完成,一個人去做,總是會有一些盲點,并且會比較大的壓力。

          如果你在問卷方面是新手,也建議找個有經驗的設計師或 PD 來做你顧問,減少一些不必要的坑。


          文章來源:優設網       作者:箴鹽設計



          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          從用戶體驗的角度分析微信

          ui設計分享達人

          “世界如此精彩,當然不能置身局外”,“愿你向世界交付你的價值”

          為什么要寫這片文章?


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

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


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


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


          微信是一款什么軟件?


          先說結論,微信本質上是一款連接的信息流流量平臺。

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

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

          在2014年的時候,微信1.0版本的時候,微信只有400萬用戶,而雷軍米聊有2000萬用戶,兩者的差距從微信3.0推出陌生人社交拉開,從推出微信支付功能開始徹底打敗了米聊。是因為米聊是只是在社交,而微信卻是在做連接;微信把社交看成一種信息流,從而把更多的信息流整合連接自己的體系內;因為要把更多的信息流整合到平臺上,于是微信變得越來越大,占用的內存越來越多??此朴幸鉃橹?,實則情非得已。另外說一句,雷軍貌似是在這次大戰之后學會了教訓,并把這套戰略用在了小米身上,于是能看到你OPPO,ViVO把手機作為核心盈利產品,而小米卻只是把手機作為流量連接的入口,繼而發展出小米智能家居這一龐大的產業鏈。



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


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

          什么是平臺?美團副總裁張川的理解是:平臺首先是動態不平衡,你不知道你能在這里遇到誰;第二條,用戶彼此之間要產生網絡效應;第3條,用戶之間永遠有彼此的需求,無法握手,需要平臺從中撮合。

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

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


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


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

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

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

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


          微信為什么推出視頻號?


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

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

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


          為什么短視頻如此重要?因為它很可能是未來信息流主流的載體。


          不知道你有沒有感受到,微信公眾號沒以前那么火了,其實很大的原因是因為我們把看微信公眾號文章的時間拿去刷抖音、看短視頻了 。在2018年之前,微信公眾號是微信信息流非常重要的入口。在PC互聯網時代,搜索引擎百度是流量的入口,旗下的百度貼吧,百度知道,百度百科組成了中國最大的中文互聯網內容創作社區,使得百度成為了BAT三巨頭的頭部企業。但是在移動互聯網時代,各大應用開始自建搜索引擎,自營內容對百度進行了封鎖;微信公眾號從中崛起成為了新的流量入口,無數的自媒體創業者通過微信公眾號上創作內容,成為了移動互聯網時代的信息流入口。但是,隨著4G技術帶來了更高的網絡帶寬與傳輸速率,視頻內容開始發展,短視頻應運而生。


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


          回到底層情緒來看,是因為人們比起文字本能地更能理解簡單、直接的圖像。文字帶給人的反饋是延時的:你得先識別文字本身,理解語義,上下文聯想,最后你才能得出一段文字的含義。而短視頻是帶來即時反饋的,它沒有閱讀成本,能通過視覺和聽覺,就能給用戶帶來更加深刻和即時的情緒上的變化。其次,短視頻的創作門檻比寫文章低,張小龍在演講中說到,許多人其實是不擅長寫長文章的,但是你讓他用手機拍一段視頻,這是一件很容易就能做到的事情。最后是因為當代人的心智提上去了,這時代的人們的觀念正在逐漸開放,更加樂于表達自己,短視頻當然就能使更多人參與進來,自然就能成為下一階段主流的信息流載體,微信當然不能置身局外。

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

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


          微信能不能贏?


          我覺得微信這次能贏,因為人性的弱點推動了互聯網的流量,但人性的光明構筑了商業的文明。

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



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

          微信選擇只做內容承載和傳遞的載體,這就意味著微信不會去生產內容,也不會去買內容,并不會關注具體的內容到底是什么,而是真正做到讓用戶自發地去生產和分享內容,讓產品自然生長。張小龍說視頻號的目標是,希望人人都能夠很容易地通過視頻化的方式去公開表達內容。這使得內容創作者本身很難帶有利益目的。視頻號的初衷,就不是讓一部分內容創作者獲得極高的關注度,成為網紅,獲得商業變現,而是希望人人都能夠像在朋友圈發布圖文一樣,以視頻化的形式去表達自己的內容。微信能這么做,是因為其擁有巨大的信息流,有足夠的能力去做這件事。

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


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


          張小龍在公開課中講到:未來直播可能變成一種很多人都在用的、個人表達方式。為什么?因為直播能夠營造場景。

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



          現在你打開微信直播,內容質量其實并不好,是因為新流量入口會帶來新紅利,投機者當然不會放過這個機會。但實際上,微信直播應該和會如今刷禮物求關注,公會云集的直播平臺不一樣,會呈現出一個更加開放、生活化的樣子。



          微信為什么要在表情包、狀態上的創新?


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


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



          你吸收誰的營養,你就變成誰。你靠什么滿足你,你就會成為它的樣子。什么東西持續滿足你的東西,什么東西永遠讓你不爽,這就是你的命運。


          總結


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

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


          今天你在什么樣的點位上其實并不重要,重要的是在未來,你會以哪種方式,持續迭代。


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

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          用戶體驗地圖如何為產品賦能?

          ui設計分享達人

          設計的最終目標都是驅動業務增長,商業價值轉化。那用戶體驗地圖是如何賦能的?

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


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



          一、什么是用戶體驗地圖?

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


          可以先看一張圖了解一下用戶體驗地圖



          簡單點說用戶體驗地圖在互聯網產品設計中的主要應用是記錄用戶從使用產品到離開產品的全部過程中的情緒體驗,從中洞察到機會點,幫助設計建立更好的用戶體驗。


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


          這兩大方法是用戶體驗地圖必不可少的方面。以令人記憶深刻、簡潔明了的方式傳達信息。創建一個完整的體驗視圖,將不同的數據點聚集在一起并可視化,促進相關參與人的協作、對話和挖掘新觀等。



          二、用戶體驗地圖的兩個核心觀點


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


          第二個觀點:所以一個好產品,是從一個好故事開始。



          三、用戶體驗地圖的價值

          用戶體驗地圖全局可以幫助大家理解用戶,理解用戶了解產品,使用產品的整個路徑和感受,從而幫助產品決策和設計決策。


          看了上圖,那體驗地圖的價值就顯而易見了:



          1-以用戶的視角來審視體驗的過程

          在一眼地圖中可以選擇和定位用戶的體驗點,觸發更多的創意點和挖掘更多的新觀點。

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


          2-參與感強,促進洞察內化和跨角色合作

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

          設計師在進入一家新公司后,應趕緊熟悉公司業務,在后期的討論,與產品是同頻的,這樣參與感會增加很多,也會顯得更專業。


          3-情感化設計

          用戶體驗地圖能幫助團隊在梳理的過程中找到重新設計與改進的節點,照顧到用戶在其中的情感需求,精準鎖定產品引發強烈情緒反應的時刻,也就是“尖叫”時刻。

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


          4-更全面、更全局角度去定位、評估問題點

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

          那整體總結下來就是:

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

          • 評估 當前產品和服務的狀態以及預測未來可能出現的情況;

          • 發現 體驗過程中的痛點,尋找創新機會;

          • 提煉 幫助團隊更好的交流和討論、作出更好的決策和設計方案;



          四、如何繪制用戶體驗地圖?

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



          4.1-了解用戶

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


          · 舉例說明

          比如app store上用戶的投訴評價,可以針對性進行收集與分析,理性分析,了解用戶心聲,在評論區有時能找到產品的最痛點。

          比如上面【用戶2】和【用戶3】提出的評價—這兩類總結就屬于一類問題:關于用戶定位準確性的問題。


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



          4.2-創建角色模型

          根據產品的主要目標進行用戶分類,為每個用戶創建用戶模型(需求、期望、痛點),每個角色將對應不同的用戶體驗地圖。



          4.3-關鍵節點

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

          根據每個節點就可以知道用戶在各個階段下的目標。




          4.4-挖掘新的關鍵節點

          這個短時間內挖掘更多新的關鍵節點,同時使關鍵節點種類更加豐富

          已經列出了關鍵節點,那用戶在整個節點中的一連串行為,是不是斷層的?是不是可閉環的?在整個過程中,又可以挖掘新的優化點,讓APP更充盈、更豐富。

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



          4.5-歸納關鍵節點

          對關鍵節點進行分類,對關鍵節點進行篩選,移除掉重復、沒有價值的內容。例如在整個購票過程中,購票支付就是一個關鍵性動作。



          4.6-接觸點

          對于之前總結歸納的關鍵節點的行為,使用場景有哪些?用戶產生的“觸點”的環境有哪些?(例如網站、手機客戶端)


          4.7-情緒曲線

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

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



          4.8-總結痛點/機會點

          分析全部過程后,總結痛點,并從中找到機會點。


          繪制完成≠項目結束,報告產出后,要積極與項目參與者同步,對調研問題快速腦暴出解決方案。

          對于一次性產出較多的問題點,劃分優先級,并按計劃分布落地。




          五、總結

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


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


          文章來源:站酷  作者:瑪麗的設計筆記

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合