<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設計分享達人

          管對用戶體驗很重要,但空狀態經常被忽略。知道它們是什么以及如何使用它們,應用于UX最佳實踐,可以產生很多好處。

           

          什么是空狀態?

          UX設計師有很多機會來創造愉悅而有意義的體驗。一種經常被忽略的機會是“空狀態”或空白屏幕??諣顟B是用戶體驗產品時無法顯示的時刻。

          以下是一些常見的空狀態情況的示例:

          A. 一個新的Dropbox屏幕,其中未創建任何文件或文件夾。

          B. 在待辦事項列表管理器中完成所有任務后的結果屏幕。

          C. 不支持命令時,在Slack中顯示錯誤屏幕。

          D. 啟動一個新的社交帳戶,并且沒有任何連接。

          E. 在Gmail中搜索內容,但沒有結果。

          這些介于中間的時刻提供了改善用戶體驗并因此擴大商機的機會。對于UX設計人員而言,抓住一切機會來改善用戶體驗并為業務增加更多價值是一件好事。

          一個有用的空狀態將使用戶知道發生了什么,為什么發生以及如何處理。這是良好的空狀態UX設計的兩個示例:

          在首次啟動產品時,Dropbox Paper為用戶提供了良好的空狀態界面。號召性用語按鈕可幫助您繼續使用,而不必擔心下一步該怎么做。


          搜索查詢不返回任何結果時,空狀態界面設計的一個很好的例子。該界面提供有用的參考,并讓用戶知道發生了什么。

           

          以下是一些機會錯誤的空狀態設計示例:

          這是一個空狀態的界面,可以提供一些反饋,但是卻錯過了向用戶提供任何其他指導或要采取措施的機會。

           

          在這種空狀態的界面中,我們只是看到一個幾乎空白的網頁。圖像本身很棒,但是它不會引導用戶沿任何特定路徑點擊,也不會通知或指示用戶。

           

          空狀態的類型

          這是四種常見的空狀態:

          A. 首次使用–在沒有其他內容可以顯示時,例如新的Evernote或Dropbox帳戶,發生在新產品或服務上。

          B. 用戶已清除–在用戶完成諸如清除其收件箱或任務列表之類的操作且結果為空白屏幕時發生。

          C. 錯誤–發生錯誤時或由于網絡問題而導致手機脫機等問題時,會發生這些錯誤。

          D. 無結果/無數據–在無內容顯示時發生。如果有人執行搜索并且查詢為空或沒有可用數據顯示(例如,在篩選沒有數據的日期范圍時),就會發生這種情況。

          隨著空狀態設計受到越來越多的關注,UX設計人員發現,從業務和用戶體驗的角度來看,利用它們都有有益的結果。

           

          使用設計良好的空狀態的好處

          設計周到且有用的空白狀態屏幕可以幫助提高產品參與度,使用戶滿意并減少用戶流失。

          Scott McKain在他的《客戶真正想要什么》一書中提出了出色的客戶體驗的六個指導原則。

          a. 引人入勝的體驗

          b. 個人重點

          c. 相互忠誠

          d. 差異化

          e. 協調

          f. 革新

          當將這些原則應用于空狀態設計時,它們可能對企業非常有益-例如,提高產品滿意度和降低放棄率。

          以下三個方面也可以從良好的空狀態設計中受益:

          A. 用戶入門–除了增強的用戶體驗之外,還提供了建立信任和繼續使用產品的機會。

          B. 品牌建設–產生知名度并提升公司形象,以建立更多的品牌資產。

          C. 個性化–在各種使用狀態下都有趣或充滿活力;營造一種個人風格的感覺。

          設計良好的空狀態的好處不可低估。它們不僅為引人注目的客戶體驗做出了貢獻,而且隨著客戶滿意和參與的機會窗口越來越短,它們可以說是非常好的體驗。

           

          如何用目的填充空白屏幕

          以下是一些UX最佳實踐,可確保將空白屏幕設計為有用的信息。

          共情。UX設計師即使在產品的最黑暗角落也能創造出更好的體驗,這一切都增加了驚喜。對于空屏幕,同理心的消息傳遞增加了多樣性,并創建了一種更具吸引力的個性化體驗。

          Gusto是用個性化和一些有趣的個性填充空白狀態屏幕的一個很好的例子。

           

          意象。有一種設計原則稱為親生物效應。從自然角度看,這是一種減少壓力和提高注意力的狀態。添加一些風景圖像(例如,空狀態錯誤屏幕的背景)可以帶來更愉悅的用戶體驗。

          圍繞親生物效應設計的空狀態屏幕可通過減輕壓力和幫助參與而對用戶體驗產生積極影響。

           

          正確的指導。根據產品類型的不同,可以使用空狀態來指導用戶。一個很好的例子是項目管理應用程序。使用新帳戶后,尚無任何項目在進行中,這為幫助用戶快速入門提供了潛在的絕佳機會,從而減少了放棄的機會。這是一個例子:

          Evernote在引導用戶使用其空狀態頁面設計方面做得很好。

           

          入門內容。有很多屏幕空白的時間足夠使用戶感到沮喪和離開。對于某些產品,提供良好的入門內容有助于他們直觀地了解正在發生的事情以及下一步可以做什么。

          這是帶有啟動程序內容的空白狀態屏幕的示例:

          它為用戶提供了基礎,并減少了產品混淆和遺棄的機會。

           

          提供一個行動步驟。對于某些產品,我們不需要提供指導或在屏幕上填滿任何內容,因為這沒有任何意義。在這種情況下,設計人員可以簡單地提供一個動作步驟。

          但是,最好將動作減到最少。??硕芍赋觯骸白龀鰶Q定所需的時間隨著選擇的數量和復雜性而增加?!?因此,當號召性用語最多保持一兩個時,用戶可能會更快地采取行動。這是一個很好的例子:

          它告訴用戶采取措施,但仍將其保持在最低水平。

           

          另一個很好的例子是Instagram。當人們不熟悉該平臺時,他們還沒有關注任何人(也沒有人關注他們)。專注于Instagram的所有出色功能很容易,但是,一個良好的空白狀態屏幕可以為他們提供“添加要關注的人”的選項。

          當首次使用該平臺時,Instagram用戶會以一種快速便捷的方式來尋找人。

           

          結論

          在UX設計中很容易忽略空白狀態(或空白屏幕),因為它們很少發生并且并不總是很容易理解。但是,將它們包含進來的好處被低估了,因為它們可以增強用戶體驗并幫助創建更具凝聚力的產品。

          文章來源:站酷 作者:對啊設計君

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

          30個啟發性的3D圖形Web設計概念

          ui設計分享達人

          在平面插圖趨勢大放異彩之后,3D圖形又回到了主流,并在Web和移動用戶界面,插圖,動畫視頻和廣告圖形中表現出明亮而多樣化的性能。最近幾年,在不同的團隊和媒體資源對UI設計趨勢的所有眾多評論中都提到了3D藝術和動畫。因此,越來越多的設計師將它們集成到網站和登錄頁面中。

          以上為Web端設計中的3D的圖形運用,希望可以給大家啟發,共勉。

          文章來源:站酷  作者:對啊設計君

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

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

          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或基于短信的聊天機器人。


          對機器人的態度


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


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


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


          用于交互聊天機器人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界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          五步法幫你深度分析一個APP產品

          ui設計分享達人

          不知道你是經常會遇到這樣的情況:

          拿到一個APP產品不知道如何去分析他的好壞,又或者總是分析的很片面,要么僅僅是交互,要么僅僅是視覺

          那么有什么好方法能夠幫助我們更全面更系統的分析一個APP產品的好壞呢?


          首先

          我們需要明白的一點是,我們在分析產品時,應該從山頂逐漸往下看,才能夠看到山的全貌,站在山腳下只能看到自己視野幾百米的范圍。

          接下來

          我們去分析一個APP產品的時候,就可以通過一個萬能的公式更全面更系統的去層層剖析:

          1、戰略存在層(它為什么存在)

          產品的核心驅動力是什么?

          這個產品帶給用戶的價值是什么?

          這個產品帶給企業的價值是什么?


          2、能力范圍層(我們自身能力)

          能做什么,不能做什么?

          現在的能力儲備是否能夠支持?

          做到這個需要什么樣的能力儲備?


          3、資源結構層(內外部資源有哪些)

          產品的利益相關者有哪些?

          內外部有哪些資源?

          競爭對手是哪些,相對于他們優勢和劣勢在哪里?


          4、角色框架層(產品各個角色)

          體:產品構建的矩陣如何,這個產品處于什么位置?

          面:各個板塊的使用場景、目的是什么?

          線: 頁面的布局如何?

          點: 這個功能的目的是什么?用戶如何交互?使用流程是否合理?...


          5、感知層(如何感知產品的不同)

          感知層很多時候設計師都會糾結在細節里面,總會分析色彩、圖標、間距等。而感知層最重要的是要分析這個產品的調性如何?和其他同類的差異在哪里?界面設計是否能夠吸引用戶?


          最后

          我們通過這個五個步驟去分析下今日頭條APP

          1、戰略存在層

          核心驅動力:算法推薦+優質內容

          用戶價值:今日頭條帶給用戶的價值是通過了解用戶的喜好,精準推薦給用戶最感興趣的內容,提升用戶的閱讀效率

          產品價值:以今日頭條作為基礎的流量池為其他產品相互導流

           

          2、能力范圍層

          2019以前今日頭條的slogan是“你關心的,才是頭條”定義今日頭條的核心是推薦算法

          而2019年之后今日頭條的slogan是“信息創造價值”定義今日頭條的核心是打造優質的內容,讓信息創造價值

          今日頭條從技術到內容的轉變,靠的是今日頭條的長久以來的能力儲備,所以我們會看到今日頭條推出的一系列對內容創作者的扶持計劃。

          3、資源結構層

          今日頭條的利益相關者:消費信息的用戶、產生內容的創作者、廣告商

          競爭對手: 騰訊新聞(騰訊)、網易新聞(網易)、搜狐新聞(搜狐)、微博...

          優勢:今日頭條通過推薦算法構建了早期產品的核心競爭力,吸引了大批大V和信息消費者,具有先發優勢,之后又通過內容產品矩陣構建自己的護城河

          劣勢: 競爭壓力大,都在競相進入內容領域

           

          4、角色框架層

          體: 今日頭條經過幾年的發展,逐漸構建起一個內容聚合平臺(圖文、短視頻、長視頻...),作為基礎的流量池,為其他的產品相互導流

          面: 

          首頁模塊你可能感興趣的,和你感興趣的內容

          西瓜視頻,你可能感興趣的短視頻

          放映廳,你可能感興趣的長視頻

          所以,我們從導航欄就能夠可以看到今日頭條產品所構建起來的面:

          核心是千人千面定制化推薦,核心之外是圖文、短視頻、長視頻

          接下去,就是線和面的分析,這就到了布局和功能層級了,這是交互方面的內容,我就不再一一細說了

          線: 頁面的布局如何?

          點: 加這個功能的目的是什么?用戶如何交互?使用流程是否合理?


          5、感知層

          人去感知一個物體通常常是通過5種感覺:視覺、聽覺、味覺、嗅覺、觸覺?;ヂ摼W的產品不像線下體驗店5感都能夠體現,而我們感知互聯網產品主要通過視覺和聽覺這2種感覺。

          • 我們聽到的是今日頭條的報道、今日頭條的視頻廣告

          • 看到的是是今日頭條的產品、廣告圖。而的核心是今日頭條的"信息創造價值",圍繞這個最基本的核心,給用戶的感知才是一致的,才是和其他產品塑造差異化的核心要點。



           

          基于這些我們再去分析里面的細節就游刃有余了

          比如,同為新聞自媒體平臺,今日頭條把內容創作者放置在列表頁明顯的位置,而網易新聞、騰訊新聞在內容列表創作者的名字卻被弱化了,原因就在于今日頭條定位的是自媒體新聞平臺,重點在于內容創作者,而網易新聞、騰訊新聞定位的是新聞媒體平臺,重點在于內容。

          文章來源:站酷  作者:饅頭UX

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

          有效的競品分析方法

          ui設計分享達人

          互聯網因為技術的快速發展,用戶的普遍性決定了互聯網所必備的特點就是:創新、用戶體驗、快速迭代。而競品分析應該貫徹應用的不同階段。

           

          我們在做競品分析時,首先確定競品分析的顆粒度,競品分析可以做得更細,但是必須根據分析的動機、需求出發,清晰自己的目標,來判定做怎樣詳細的一個競品分析文檔(根據項目大小、時間限制等,選擇適當的競品分析程度)



          01 競品分析四大流程

          1.確定競品分析的目的:明確分析目的,和控制分析產出一樣重要,分析是為了有價值的情報收集,而不是無意義的跟蹤復盤。

          2.篩選出目標產品:從行業出發去選擇對標的競爭對手和潛在的競爭對象。

          3.收集競品資料:從分析的緯度來確定,不同職能區分,側重點會不同(但各緯度是有機聯系的,不可以孤立對待)。

          戰略定位、盈利模式、用戶群體、產品功能、產品界面(交互方式、視覺表現)


          4.分析、輸出競品分析報告:可采用【總-分-總】的結構


          [ 總 ]

          首先說明分析目的,然后拿出各模塊的結論,這是第一個;

          分 ]

          圍繞這些結論,展開你的分析過程,所有的過程分模塊展示、最好要有數據支撐;如果沒有,就要有邏輯表達,這是中間的部分;

          總 ]

          最后得出你在這次分析之后的感受,認為產品應該遵循什么、借鑒什么、避免什么,這是最后一個。

          注:分析要追求的是客觀性,不要為了分析而分析,不要為了結論而拼湊論據,分析結論的可用性并不應影響分析的初衷。



          02 具體分析從哪些點入手

          1.市場分析:市場規模、市場趨勢、月活躍人數等

          2.用戶分析:用戶地域分析、用戶使用時段分析、用戶年齡段、用戶性別比例等

          3.目標用戶需求:A、B、C

          4.產品信息:產品基本信息(最新情況、產品口號、產品定位、特點、市場規模)

          5.產品迭代信息:版本更新頻率、優化程度

          6.核心競爭力分析

          7.功能結構及其分析

          8.基本功能對比

          9.功能差異化分析

          10.界面分析:主要界面、操作流程

          11.盈利模式分析

          12.其他方面:根據產品特性和類別區別對待



          03 競品分析的相關方法

          1.用戶體驗五要素法:從抽象概念 —— 具體表象


          戰略層:

          這個層面分析, 大多數情況下得出不了什么實質性的結果(也會有厲害的PM能分析出戰略上的建議點,不過這都是屬于專門去分析戰略層的競品分析)一般戰略層面公司的領導或者創始人起初就會想的很明確。如果這個層面都沒思考清楚,項目做的意義也不存在了。

          產品目標、用戶需求


          范圍層: 

          一般是對明確的幾個競品進行功能清單收集,分析一些差異化的功能,然后分析功能背后的原因。別人這么做,有什么意義?能帶來什么樣的結果?能衍生出什么?

          定義需求(內容清單、功能規格說明)、需求優先級排序


          結構層:

          針對競品在這個層面需要下功夫,需要去分析梳理競品的產品流程。比如:注冊流程、支付流程等等。去分析現在競品大多采用什么樣的結構設計,比如:什么Tab結構、抽屜式結構等等。

          交互設計、信息架構


          框架層:

          這個層面需要去收集的是競品的信息是怎么設計的?收集一些競品的相關細節設計。

          界面設計(頁面布局和界面各類控件)、導航設計(全部、局部、輔助導航等)


          表現層:

          一般不用做過多的分析,可留給設計師發揮,留給設計師專門做這個表現層的競品分析。

          感官設計(實現了以上四個維度需要滿足用戶的感官感受)


          2.YES/NO法

          主要適用于功能層面,簡單來說就是將功能點全盤羅列出,具有該功能點的產品A便標記為“Yes”,沒有該功能點的B產品標記為“No”,通過比對可以清晰地了解功能點上產品間的異同。



          3.評分法

          這個方法在用戶研究工作中常會用到,通常適用于定量研究的問卷調研中,即給出1~5分的區間,根據產品中的某一方面或某點進行打分。


          4.分析描述法

          指將不同產品特性以比較的形式描述出來。



          5.SWOT法

          針對所要分析的競品,從“優勢、劣勢、機會、威脅”四個維度進行比較和梳理。



          并且可以進行兩兩組合分析:

          1)SO戰略就是依靠內部優勢去抓住外部機會戰略;

          2)WO戰略是利用外部機會來克服內部劣勢的戰略;

          3)ST戰略就是利用企業優勢去避免或減輕外部威脅的戰略;

          4)WT戰略就是直接減少內部劣勢和避免外部威脅的戰略。



          6.Base+Solution分析法

          Base:目標用戶是什么?目標用戶的核心需求是什么?通過什么解決方案能夠滿足?同其他產品相比,解決方案有什么差異化和賣點?如何推廣營銷?市場效果如何?

          Solution:解決方案如何實現?還有多少空間?陌生用戶進來如何使用?信息組織、交互如何?為什么要這么做?是否符合用戶預期?配色、UI是否符合用戶審美?用戶會在哪里困惑?用戶打開產品的頻率如何?用戶是否會向他人推薦產品?


          7.Kano模型(卡諾模型)

          是對用戶需求分類和優先排序的有用工具,以分析用戶需求對用戶滿意的影響為基礎,體現了產品性能和用戶滿意之間的非線性關系。

          在卡諾模型中,將產品和服務的質量特性分為四種類型:

          1)必備屬性;2)期望屬性;3)魅力屬性;4)無差異屬性。5)反向屬性不是用戶需求,提供反而影響產品體驗。


          具體請查看專題文章:產品分析方法之:KANO模型


          注:在描述分析的過程,盡量的可視化你的分析過程,這樣別人在看的時候清晰易懂!



          04 競品分析的輔助內容

          1.數據的引用

          分析報告中針對用戶體驗方面的要素很容易夾雜過多的主觀因素,譬如我們容易下這種結論:這種設計不合理!”這類主觀的評斷。在一份競品分析報告中,如果為了說明某一條,那量化的數據必然是重要參考依據之一。所以,數據變得比較富有說服力。

          數據從何而來?月活排名可以來自Appannie、Usage Intelligence,網站排名來自Alexa。其他數據包括百度指數、淘寶指數、易觀智庫、CNNIC、艾瑞咨詢、新浪微博、微信、上市公司財報等都是比較主流的平臺和渠道可以作為數據來源。


          2.對比時有截圖作參照

          這方便讀者了解,也在一定程度上有利于保證整份報告保證清晰可讀、重點凸顯、結論突出。


          3.必要時可加任務或案例

          任務和案例起到的作用一是佐證,二是便于讀者清晰地能夠在相應的場景下理解。比如當比較A產品的某項功能或業務邏輯上的問題時,如果引入一個貼切的典型案例或一個模擬的任務會讓讀者更加有代入感,更便于說明。

          另外,在這里也可以適當的引入真實的用戶評論。



          05 得出結論/建議

          1.首先我們也是按照從大到小去寫,從框架—功能—流程這個維度去書寫總結!

           2.對于結構:我們應該采用……

          3.對于功能:我們應該把功能A、功能B加入到版本V1.0內,把功能C滯后、不做功能D…….

          4.對于流程:我們可以借鑒競品A的某某流程、競品B的某某流程……

          5.對于色彩:我們可以以某某顏色為主、某某顏色為輔……

          文章來源:站酷  作者:體驗為王UX

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



          做好國際化體驗設計,你應該知道的事

          ui設計分享達人





          章節一:為什么要堅持國際化設計?



          堅持走國際化設計的背景

          出海早已成為中國互聯網公司的不二選擇。相比在國內廝殺,國外有更多的人口/政策/資源紅利。并且因為互聯網的可復制模式,使得成熟的經驗可以快速運用到國外,從而搶占先機。而做好國際化的本質就是【做好每個地區的本地化設計】,想用一套國際化的標準去用在全世界的各個地區取得成功是非常困難的

          那有什么好的方法和理論能夠讓設計提前著落,為業務帶來一線用戶信息和設計價值呢?接下來我將給大家介紹一些實際的方法和案例幫助大家做國際化的設計,讓自己的設計價值有理可依


          *以下內容與公司無關,更多的是基于筆者國際化工作經驗的復盤,如有錯誤,歡迎指正(Salute~)



          寫在前面

          首先我們要知道,一套通用的設計標準很難在多個國家吃的開,從而拿到用戶信任

          我們先來看個案例,這個是日本UBER司機端和日本滴滴司機端對比

          最明顯的區別在于,滴滴國際化在日本業務和Global業務這塊,司機端采用的是移動端(global)+平板端(日本),而UBER則是一套方案解決全球問題,可能有些人會問,一套設計不是成本更低,效率更高么,為什么非要制作兩套。這就要從決策成本的角度去考慮問題,而日本市場相對于滴滴其他地區市場有著完全不同的因素,涉及到了資本,使用場景,市場地位,用戶畫像等多方因素決定,這時的【成本與效率】已經無法排在做與不做的第一位了,接下來我們通過兩張照片來看下日本司機的接駕場景

          通過照片我們是否發現日本司機的畫像其實和全世界其他的出租車司機都不太一樣?是不是明顯發現他們的年紀相對的更大一些?會穿制服佩戴白手套? 那年紀更大是不是意味著司機的視力會相對于中年人有所下降,白手套是否會影響他操作屏幕交互,那針對這么不同用戶群體是否需要單獨設計呢?最終的目標是占領市場的話是否要根據本地情況去服務好當地司機呢?


          那我再來舉兩個例子來看看,我們來看看針對日本本地化做的特殊設計細節在哪些方面?



          案例一:針對司機群體老齡化設計———大屏幕設計:

          日本屬于老齡化國家,司機平均年齡更是在50歲以上,高齡人群的視力相比于青年處于退化階段,因此對于高齡人群來說在駕駛的過程中去讀和操作小屏幕來說是一件非常痛苦的事情,UBER采用的是一套國際化的設計語言并沒有針對日本的市場進行單獨的設計,DiDi在日本則是針對司機群體采用了單獨平板端設計,更大的屏幕降低了司機誤操作可能性的同時,也能將字體放大,盡可能讓司機方便識別



          案例二:針對日本司機人文的設計———語音接單

          “日本服務業發達,體現在服務的細節。出租車司機出于對客戶的尊重,都會戴上白手套。但是在帶著手套的時候,司機很難去點擊屏幕進行操作,而且在行車過程中,觸碰屏幕本來就是不合規的行為。無論是從法律層面還是價值觀層面我們都不鼓勵司機做出這種行為,于是開發了語音接單的功能??紤]到司機群體的年紀特征,我們選用了在日本相對普及又好識別的“了解しました(りょかいしました)”進行快速語音接單,在新版本上線后,司機可以通過屏中屏的方式去學習語音接單功能,只有他完全掌握這個功能才會為他完全展現,如果司機因為自身原因無法很好地說出那句話,我們依舊會為他保留按鈕輸入的方式”------國際化業務中的本地化設計


          (圖片來自于SUXA文章《國際化業務中的本地化設計》-呂誠)




          國際化設計的思維框架

          通過兩個日本的案例我們能明確一個點【國際化實質就是做好每個地區的本地化設計】

          怎么樣讓國際化的設計有法可依,我們先來看懂一個關系框架。做好一個產品實質是服務好每一個場景,那一個場景由哪幾個方面組成,簡單來說是由【業務】+【用戶】組成,這并不難理解,我們作為產品設計師,首先是背靠業務,解決公司的商業訴求,給業務帶來利益的同時給用戶帶來更多的使用價值然后獲得用戶的認可。在這個過程中,我們會將商業訴求和用戶價值進行一個有效的結合,從而滿足雙方,但是還不夠,因為一個場景還依賴客觀的條件,比如時間和空間維度,最終也會影響整體的質量,我們將所有的因素通過包含關系展示出來

          接下來我們往細的方向進行拆解,【業務】根據公司行業,階段的不同以及基礎能力的不同,呈現的點也不盡相同。最核心的點在于當前所屬階段,是1.0階段力求生存下來,還是說2.0和競品之間產生差異化,還是活3.0去打敗競品階段。在不同階段設計師要了解的事情也不同,對于1.0階段來說,更精準的展示出用戶畫像和了解當地的文化與習慣是重中之重。但是到了2.0則應該更加關注產品目標與競品的差異化競爭,通過差異化(殺手級)的功能形態獲取更多的搖擺用戶

          不同的賽道,業務不同,打法也不同。我今天主要想講的就是左右場景的另外一個因子【用戶】。那如何定義一個用戶呢?我們先來列舉些具象的特征:

          【外貌/文化風俗/地域特征/語言等】是一個用戶的畫像的基礎組成,但是光有畫像基礎并不精確,因為每個國家的【法律/政策]同樣會影響用戶的行為。而在當今的互聯網模式下,用戶體驗的提高必須得考慮各地區【硬件的水平以及當地的網絡狀況】,最后就是如何與【本地化的設計團隊進行友好的合作】讓體驗和設計策略能夠更加精準的傳達到真實用戶手里,獲得用戶認可,特別是在20年后,疫情的爆發導致設計師無法到前線進行真實有效的實地探測,那么加強合作以及對齊目標,為業務拿結果將是重中之重,接下來,我將對于每個影響【用戶】的因子進行舉例講解








          章節二:如何快速了解你服務的用戶



          做任何的設計都離不開用戶畫像,而做國際化設計一定也繞不開-霍夫斯泰德文化維度理論

          可能你知道,在給拉美客戶做單的時候他們會要求你的界面顏色亮麗,看起來更加奔放,而在給亞洲客戶做單的時候則會相反,整體看起來更加約束。但是你能清楚的知道背后的原因么?如果不清楚那你的這塊分辨更多是依賴于經驗和他人的總結。那有沒有一套理論能夠很好的去輔助你去分析你的客戶用戶畫像,去支撐你的設計。答案是有的,他就是【霍夫斯泰德文化維度理論】


          霍夫斯泰德文化維度理論(Hofstede's cultural dimensions theory)是荷蘭心理學家吉爾特·霍夫斯泰德提出的用來衡量不同國家文化差異的一個框架。他認為文化是在一個環境下人們共同擁有的心理程序,能將一群人與其他人區分開來。通過研究,他將不同文化間的差異歸納為5個基本的文化價值觀維度


          百科連接:霍夫斯泰德理論詳情 (<-點擊快速查看)

          完全不懂的可以看看上面的鏈接,我們這里跳過部分解釋….通過文化將維度理論我們將文化價值觀劃分成6個維度

          了解完霍夫斯泰德理論以后我們該如何去使用呢?我們先從拉美用戶和日本用戶的差異對比開始

          通過霍夫斯泰德官網查詢我們可得知差距最大的兩個分別是【男性化與女性化(Masculinity versus Femininity)】與【長期取向與短期取向(Long-term versus Short-term)】,差值比例達到了46和44.

          接下來我們來對【差值較大】以及【分值較高】的因素進行解釋和舉例,去理解背后的原因



          男性化與女性化(Masculinity versus Femininity)

          日本是個生性好斗競爭意識強烈的民族。在日本企業中工作狂是他們男性氣質的一種表現;而日本男主外女主內,62%的女性在第一個孩子之后選擇辭職,也是男性氣質的另一表現.

          在日本想要成為一個出租車司機,就要在5年之內不能有任何違規,某些地方還會有特殊的考試,這里面的合格率并不高。并且在通過考試之后再在通過一系列的評分后,才能被評為A級或者AA級別的出租車,雖然這僅僅只是一張小貼紙,但是他也代表著一個出租車司機的榮譽。在這一方面,也體現日本社會的男性氣質的確定性。

          相比較日本,巴西人更會以家庭為中心、以教育為重心、博愛、具有個人風格意識。家庭是關鍵。家庭是巴西人生活的中心,也是其社會的核心價值觀。對于一個家庭而言,家人共同用餐的時間是非常重要的,還有星期天的燒烤活動,能讓更多的遠房親戚和朋友聚會。所以在巴西你很難看到休息日去工作的同事,甚至無法聯系上他們:)



          長期取向與短期取向(Long-term versus Short-term)

          日本人將生命視為一個非常短暫的時刻,所以調查發現日本人普遍相信宿命論,他們鼓勵節儉和現代教育的努力,作為為未來做準備的一種方式。

          巴西相較于日本經濟落后,人民的收入水平普遍不高,很多司機收入僅僅能夠維持一家的支出,很難有結余,在巴西工資會按照周維度支付,以保證一家人的生活開支能夠承擔。

          針對巴西的情況我們做了適合當地政策和環境的本地化服務。錢包1.0的時候我們先是和當地的銀行合作推出了巴西99卡,允許司機隨時提現且提現速度遠遠大于了當地的其他銀行(48小時),那這種優勢在收入較低的司機群體當中就會發揮很大的優勢。在3.0的改版中,我們將錢包打造長了本地生活平臺,我們允許司機通過平臺去完成轉賬/水電費/電話費/還款等行為,原本需要走到線下便利店的服務被我們搬到了線上,更是大大的方便了使用99卡的群體。未來呢,我們將加大加多權益,達到使用場景獨占的目的。通過這些服務為我們給用戶帶來了使用價值,同時我們也給業務帶來了價值,更多的綁卡滲透率為我們后續的推廣和矩陣式的打法提供了導流的入口

          (99與當地銀行合作的線上本地生活功能-99Pay)



          不確定性的規避(Uncertainty Avoidance)

          日本地處自然災害頻發地帶,沒有豐富的自然資源,生存條件不太好,所以日本人有很強的危機意識,學會了為任何不確定的情況做好預防措施,對待事情也希望有明確性

          而巴西雖然處于平原,沒有自然災害,但是因為社會安全因素,整個社會對于社恐事件還是有較強烈的危機意識,所以司機會更加關注接送流程中是否會前往不安全地區,以及乘客的質量

          (日本司機的真實駕駛場景)


          費用收取的正確與否也是服務體驗優秀的表現,日本司機會用計步器進行計價,如果涉及到了其他的費用則會使用單獨的計算器進行精確計算,這么做的原因是為了避免計算錯誤給乘客帶來困擾和爭執,那從這個環節來看,司機為了規避【計算錯誤的可能】而預備了計算器,減少了差體驗的可能


          在巴西,滴滴如果對司機派單如果過遠會或者是危險地區會進行提示,允許司機取消派單。并且根據調研司機群體特別是夜班司機會有隨身攜帶防護性的武器用來自我保護,那么也能很好的說明整個社會對于社恐事件還是有較強烈的危機意識。那么做為設計師,是不是意味著可以把危險地區的派單做的更加醒目,讓司機能夠更快識別,更快決策,而不是為了平臺和用戶利益進行隱藏。是不是可以把安全鏈路透傳做的更強,讓司乘都能更加快捷第一時間選擇自助服務









          章節三:繞不開的硬邊界



          法律法規的約束

          每個國家的發展階段不同,對于隱私重視程度不同,因此針對不同地區的海外市場,作為業務的合作伙伴設計師們需要針對不同的市場配套不同的安全合規方案,這一點格外需要注意,不然會被罰的很慘,通常獲取地理位置/賬號信息保留是每個公司都非要需要的,因此在空投其他國家之前需要了解是否立法關于隱私相關的法律,如果有則需要通過配置化將其他國家上線的隱私條款和設置方式復制過來使用

          LGPD和GPDR風控合規

          簡單來說就是要做到信息安全,保護個體隱私。大家都知道在中國我們的信息被侵犯的體無完膚。其實在國外也是一樣,各種權限,各種信息默認保留和上傳。但是隨著各國的重視,個人隱私也逐漸走向明確的法律保護層面。在拉美有LGPD,在歐洲有GPDR


          GDPR 是(The European General Data Protection Regulation )的縮寫,即通用數據保護條例。是歐盟議會和歐盟理事會在?2016?年?4?月通過,在?2018?年?5?月開始強制實施的規定。

          GDPR 意義在于推動強制執行隱私條例,規定了企業在對用戶的數據收集、存儲、保護和使用時新的標準;另一方面,對于自身的數據,也給予了用戶更大處理權。也就是說在18年生效之后,如果再有歐洲任何公司App不對用戶的數據進行合規處理,擅自收集信息就將會受到嚴懲



          智能硬件的普及度以及新舊

          硬件的普及率以及新舊差異也同樣影響著本地化設計,通過調研和外界公布的數據我們得知,在拉美高端手機的占比遠遠低于發達國家。因此在給發達地區做設計的時候可以考慮更多體驗上的拓展,但是在給發展中國家做設計的時候則需要進行小屏幕最小尺寸的適配,這樣做是為了最好的進行向下兼容,從而保證所有用戶都能夠使用。同樣,如果你在給發展中國家做設計,那么復雜的動效和高清晰解析的大圖最好是不要去做的

          (網上后臺數據展示截圖)



          當地的網絡環境和下載速度及物流環境

          拉美國家,基建水平滯后,網絡下載的速率波動較大,且存在不穩定的情況,以及流量費用的價格差異。因此某些設計手法在較發達國家能帶來體驗但是在發展中國家可能會是災難


          舉個例子,司機端的歷史列表如果存在400條記錄,如果司機有訴求想刷新查看更多的訂單,是一次性下拉刷新展示全部好呢?還是一次性展示50條好呢?還是一次性展示20條呢?


          答案是一次性展示20條是最穩妥的選擇,因為網絡的不穩定性,一次性加載太多數據會導致過長時間,而網絡不穩定極有可能導致下載失敗,并且一次性下載太多數據可能并不符合司機查詢的最初訴求,反而浪費司機的寶貴流量,最終會引擎流量消耗過快引發進線,這里的決策是損失一些用戶的體驗去保障司機的收入,但是在拉美因為手機的性能/網速的穩定且快速/套餐足夠便宜,因此我們可以嘗試使用一次性加載全部的數據,這樣能讓體驗感受更好

          (99信用卡的申請權益展示/激活流程頁面)


          再舉個例子,拉美物流相對沒那么發達,且因為政治/經濟局勢的不穩定性,導致物流包裹存在無法送達的情況,如果收件人不知曉當前的狀態而超出了等待的預期,那么他就會進線詢問。那在這個場景我們有什么更好的辦法?是否可以透傳更多的包裹進度方便收件人查看,再者再將用戶導流到客服自助而非進線?這樣的好處一來體驗的鏈路完善了,讓司機可以找到自助的出口,二是方便我們可以更好的了解哪些地區收到郵寄的折損率最大?從而探索新的業務,發現新的機會點








          章節四:生活習慣和歷史文化遺留帶來的本地化策略



          收入/支出方式占比反映了一個群體的現狀

          聊這個話題前我們先將選擇的范圍進行收縮,聚焦在一個國家的一個群體內去看會比較容易解釋。在巴西司機的收入的往往只能支撐下一周的家庭支出,難有結余。這也導致司機會選擇雙開(同時使用UBER接單或者其他競品)或者進行其他賺錢的方法,如果整個群體都是這樣的情況下,那么司機的忠誠度(這里指的忠誠度不是貶義詞,而是每周的出車時長)必然下降。那樣對于大盤的運力來說便是損失。那有沒有什么辦法幫助司機更好的應對這些問題


          我們該如何思考這個問題,通過馬斯洛的需求理論我們能夠將人的訴求歸為三類,基礎的生存訴求/歸屬感和成就感。那這三種可以再細化成兩類,物質層面的訴求和精神層面的訴求。司機愿意在滴滴平臺跑單是基于了物質層面。那么,我們是不是可以豐富收入以外的獎勵形式,提供活動獎勵或者權益的折扣,又或者嘗試下小額貸款,那這些是不是可以給用戶帶來價值點呢?


          精神層面我們是不是也有發揮的空間,對于補貼,往往是有限的。那如何做到持續長期刺激司機群體?如果一個乘客對于司機進行了表揚和小費的激勵,是不是可以給司機帶來更大的信心去服務好乘客,那我們是不是要加強這方面的透傳。是不是可以給司機提供虛擬獎勵,讓司機存在足夠的擁有感和成就感,讓司機群體也能感受到平臺對他們的看重。如果勛章可以,那等級是不是也是成就之一呢?



          現金與線上支付普及與思考

          不同的國家線上和現金的支付比例大不相同,這里受經濟環境和政治環境影響較大??偟膩碚f習慣了線上支付的習慣后就很難回到現金支付的環境,因為確實更加方便便利。一個國家大量使用現金支付的情況下,往往是互聯網公司能做的發力點和藍海。核心做法是通過核心業務導流到錢包模塊,在與當地的銀行和機構進行合作,增加卡和賬戶的滲透率。然后通過做權益和服務,滿足用戶的生活訴求,從而達到場景獨占。最終將會讓公司的業務矩陣從單核的核心業務到核心業務+本地生活




          文字的適配/i18n翻譯的本地化(不同地區/國家語言精準翻譯,拒絕里語/文字長度折行問題)

          這里我們需要提到一個概念,i18n(其來源是英文單詞 internationalization的首末字符i和n,18為中間的字符數)是“國際化”的簡稱。在資訊領域,國際化(i18n)指讓產品(出版物,軟件,硬件等)無需做大的改變就能夠適應不同的語言和地區的需要。對程序來說,在不修改內部代碼的情況下,能根據不同語言及地區顯示相應的界面。 在全球化的時代,國際化尤為重要,因為產品的潛在用戶可能來自世界的各個角落。通常與i18n相關的還有L10n(“本地化”的簡稱)


          了解完i18n的相關背景以后我們大概可以把他定義成做國際化翻譯的一個中臺,所有的本地化設計在經過研發代碼實現后,都會進過他們去對文案進行翻譯校對,最終變成當地人可以理解的話術落地到界面上,從而進行本地化的空投,但是這里面往往存在一個適配優化的問題。大家知道英文的單詞平均長度要長于漢字,而西語和葡語是英文的1.25倍到1.5倍之間,而俄語的長度更是能達到葡語的1.25倍。那么面對多國空投的適配不僅僅需要i18n進行精準翻譯,還需要把控字符長度,避免折行和省略問題


          我們來看下下面這個例子


          (不嚴謹的快速翻譯,只是為了更方便的展示不同文化下的文字長度)


          不同國家的語言不同,文字也不同,則會存在單詞,句子長度/行高的差異。如果一個產品在初期沒有做好適配的話,到后期替換當地語言的時候極有可能出現文字溢出的問題,這也是為什么在做海外設計的時候最好拿當地的語言進行設計,能初篩出一些細小的問題 ,避免在和翻譯中臺對接的時候因為文案太長提供的空間不足而修改頁面間距和留白的適配問題



          中東國家客戶的產品需要注意適配

          如果你服務中東客戶,務必需要呈現出當地的閱讀排版方式(尊重本地化設計)具體的適配細節這里就不過多說了,網上搜索【RTL適配方法】即可

          (Material Design中的RTL適配)



          縮寫是否合適(日期/業內專屬名詞)- 時間格式/貨幣符號/聯系方式/地址等

          格式也是做國際化中一個非常常見且體現專業度的地方,不同國家的時間展示方式不同,會影響用戶的閱讀,舉個例子“03/08/2019”,如果在A國理解是2019年3月8號,在其他國家復用是會存在理解成2019年8月3號的,更別說我們加上的星期之后的展示方式。這就要求我們在進行開新的國家的時候務必于前線進行更好的溝通,保障閱讀的習慣和當地一致,那貨幣符號/地址等也應該遵守當地的習慣去展示,通常的解法是設計團隊去收集信息并且與前線當地人員進行交流確認,將格式記錄下來,最后與研發根據上線的國家展示不同的格式









          總結

          因為時間倉促,無法面面俱到的將每個點都進行舉例論證,盡可能把我認為重要的點都提了出來。理解了這篇文章并不代表看懂看明白就能做好國際化,它更像是一個方法論,幫助沒做過國際化業務的同學能夠快速理解當地的用戶和業務的打法


          希望我的文章能夠拋磚引玉,給大家一些靈感,也希望更多朋友能夠將國際化的經驗分享給設計的朋友們。讓我們一起把中國互聯網國際化的業務做到越來越好


          最后引用我一老哥的話進行收尾“更好的國際化就是以更好的本地化思維去看待,去理解它們。而不是僅僅以一個理性的角度去看待。要站在用戶的角度去看,永遠不要輕易地相信自己的理解

          文章來源:站酷  作者:大寶蛋

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


          什么樣的設計可以征服客戶?

          ui設計分享達人

          在過去的2020年疫情中,很多設計師都降薪甚至失業,讓本不富裕的生活雪上加霜。但與此同時,也有很多設計師反而在逆境中開了竅,接到了更多的單子,做出了更好的案子。


          那么怎么才能過上錢多事少在家辦公的獨立設計師生活呢?我們邀請了八位出色的接單高手來一起探討。他們中間有正在大廠上班偶爾接單的全職設計師,也有工作多年后毅然創業的創意老炮,有從未上班打卡的獨立設計師,還有擁有著整個設計團隊的公司老板。

           


          他們是:

           

          趙威:市場只要存在競爭就會要求我們去做一些革新和改變,這適用于所有行業。

          全職設計師 / 5年經驗 / 多服務于互聯網及新型行業:媒體,社交,海外市場等。/ 年接單金額:數十萬級 


          迦木木:與其多獨自做設計,不如多和顧客溝通,從而發現他們的真實需求。

          獨立珠寶設計師 / 12年經驗 / 直接服務于消費者,女性為主。/ 年接單金額:數百萬級


          是北瓜呀:設計是一門手工活,活要出色是第一位的。

          全職設計師 /  2年半工作經驗 / 無固定服務行業。/ 年接單金額:數十萬級

           

          力虎廣告:當你在某個領域足夠優秀的時候,機會就會自己走到你的面前。

          自營設計機構 / 公司成立5年 / 聚焦電商品牌視覺設計全案的廣告公司,客戶較多來自家居、母嬰和美妝類目。/ 年接單金額:千萬級


          NiceLabStudio:活兒不分大小,用心去做每一件事,剩下的交給時間。

          自營設計工作室 / 從業10年,工作室成立一年 / 多服務于“客戶是年輕人”的行業,例如玩具,食品,潮流服飾等。/ 年接單金額:數百萬級

           

          你好大海品牌設計:設計師應該持有一定的態度、價值,用專業的設計能力和客戶平等地對話。

          自營設計機構 / 公司成立9年 / 多服務于快消、美妝、生活美學領域,及一些原創設計品牌的合作。/ 年接單金額:數千萬級

           

          石昌鴻(上行設計):把自己的專業做到極致,無人取代便是你的核心能力。

          自營設計機構 / 公司成立8年 / 多服務于餐飲,白酒,茶類客戶。/ 年接單金額:數千萬級


          楊晟Sheen(五感覺醒設計5SD ):認真對待每一次合作,從前的合作伙伴自然感受到你的用心和盡責。

          自營設計機構 / 公司成立9年 / 多服務于互聯網行業。


           


          下面我們就進入主題:



          WHY?WHAT?

          客戶為什么找到你?

          設計師的核心能力是?



          客戶的情懷不多

          客戶都是實在生意人。設計師在苦惱缺少優質客戶的同時,客戶更煩惱怎么找到優質靠譜的設計師??蛻糁荒軓哪愕倪^往表現中為你已經證實的能力買單,而很少愿意去賭你未來可以突然爆發。


           從大家的回答和對設計項目的觀察中,可以歸納出以下四個客戶看重的設計師特征


          1、與客戶需求同類型的過往作品

          如果你參與甚至主導過和潛在客戶需求基本一致的案例,那么,這將會是最能打動客戶的表現。例如你發布的作品中很多官網類的案例,那么想要做官網的客戶就會循著這些案例找到你。


          2、客戶同行業的頭部客戶案例

          一定要盡量服務各個商業領域里最頭部的那些客戶。因為他們的跟風者和崇拜者會愿意以更多的預算和尊重找到你。盡管他們也知道找到大佬的供應商并不能成為大佬,但是人們總是會迷信“明星同款”的威力。


          3、獨特的設計風格

          客戶們在爭奪他們用戶的注意力,在滿足他們用戶的審美需求。這個時候,一個區別于競爭對手的獨特設計風格,會是他們重要的武器。做為設計師,千萬不要去完全模仿另一個設計師。有實力的金主,永遠只為第一人買單。讓自己成為第一人,不要成為誰誰誰第二第三。


          4、良好的設計師品牌

          幾乎所有的被訪設計師都把這條作為最主要的原因。良好的設計師品牌意味著更大的知名度和更好的信用度。本文后面我們會圍繞這個話題有更深入的探討。



          設計師的專業精神不少

          成功帶來更大的成功,十位設計師都不約而同地把專業精神視為設計師的價值核心,并且都在繼續加強自己的設計方法體系,把每一個單都做為招徠下一個更好客單的引子,也作為驗證自己設計觀點的現實案例。

          大多數設計師都已經選定了自己主要服務鉆研的商業領域,用深度來交廣度。設計師通過長期的服務和洞察才可以和客戶對行業的機會問題等進行深入的交流,而非流于視覺效果表面。

          持續的多維度的能力培養也是大家共同提到的關鍵,大家一致認為良好的學識和思考能力是設計師需要具備的素質。

           


          不可替代的設計能力和良好的服務意識,就是設計師的專業精神。

           



           


          叁山-濃縮茶 包裝設計 THREE MOUNTAIN TEA  by NiceLabStudio





          HOW?WHERE?

          如何獲得客戶?

          在哪里可以找到客戶?



          設計平臺仍然不可替代

          站酷是大家提到最多的關鍵詞,拋開商業互吹,這依然顯示出類似站酷,dribbble,behance這樣的設計類公共平臺在當今接單渠道中仍然保持著不可替代性。

          在此之外,八位高手們幾乎實踐了常見的所有渠道:線下開店,朋友介紹,老客戶推薦,中介服務等等,但是都只能帶來零星的機會,不足以成為穩定的主要客單來源。

           


          自建流量池的可行性不高

          有兩人提到了自建流量池。隨著這些年短視頻平臺迅速崛起,確實讓自建流量池的可能性大大增加。但是由于大眾平臺話題相對寬泛,并且讀者興趣點也相對分散,目前并沒有很多設計師通過運營自媒體實現訂單轉化的成功案例。確實有一些設計話題下的大號和網紅,但是他們的內容目標更多是依靠廣告帶貨等手段直接變現,而非提升設計師品牌。我們會持續關注新媒體平臺對外包業務的影響。另外,建立流量池的時間成本和操作難度也完全不同于設計師習慣的創作式工作模式。這次訪問的八位設計師中,僅有一位擁有千萬粉絲級微博大號。


           

          不管在哪里,用作品說話

          大家很有默契地提到了創建高質量作品集對吸引客戶的決定性作用。渠道不是秘密,作品才是第一要素,好作品+好平臺,才會帶來好客戶,這也是八位高手的共識。作品發布時,不僅要關注視覺上好看,也要注意寫清楚必要的項目背景,行業信息等客戶關心的內容。在平臺與他人的互動中,也盡量保持有禮有理有節的交流,不要給潛在客戶留下此人不好溝通的印象。

           


          主動上門的客戶,比較優質

          如果你發布的作品已經獲得了客戶的欣賞,那么接下來的合作將會比較順暢。這也是此次采訪中大家的同感。這也是設計師品牌話題中的一環,稍后在設計師品牌中我們詳細展開。

           


          溝通能力+數據能力,設計師的技能點加法

          三位設計師提到了溝通表達能力以及對數據的理解使用能力。

          其中溝通能力是個傳統技能,設計圈一直有三分做七分說的調侃,雖然有些偏頗,但是反映出溝通表達能力的重要性。因為設計師和客戶的認知方式,知識結構等都存在著巨大的差異。很多同行間不言而明的常識,在客戶那里可能是完全陌生的盲區。好的設計師需要知道怎么建立和客戶的同理心,站在他們的角度,用他們習慣的方式去思考問題。

          數據能力是時代的召喚。我們現在就生活在一個數據的時代,信息和商品的流動方式,內容和服務的交付方式,甚至消費者的決策方式都基于數據而定。在這個環境下,設計師需要建立對數據的基本認知,美學說服不了的客戶,往往可以被數據說服。在之后的系列文章中,我們會在這個話題展開說明。

           

           

           

          Mercedes me-梅賽德斯奔馳移動程序  by 趙威G


          騰訊游戲創意大賽視覺設計GWB Game Awards 2020  by 五感覺醒設計5SD

           




          designer personal brand 

          你對設計師的個人品牌怎么看?



          設計師應該持續打造自己的品牌

          設計一直是個設計師品牌驅動的職業,設計師品牌是客戶找到你的原因,它也時常可以形成很高的“品牌溢價”。可以說設計生涯就是個創造和運營設計師品牌的過程。以下我們梳理了設計師們對此的思考。

           


          建立:風格,特色,定位

          設計師本身往往就是品牌專家,甚至很多就是品牌設計師。但是當局者迷,為客戶做品牌設計時思路清晰,節奏明快,到了為自己建立品牌時,很多老江湖也會犯迷糊。大概是因為人最難認清的就是自己。

          但是從大家的交談中,梳理出風格,特色,定位三個線索:

          風格 是你最順手舒適的設計方式,只有你本身就喜歡的方式才可以長期堅持。

          特色 是你區別于別人的特征,用來回答為什么找你而不是別人這個靈魂拷問。

          定位 是對于市場機會的理性分析,誤入夕陽行業的邊緣地帶會帶來事倍功半的后果。

           


          輸出:品質,一致,體系

          規劃好了建立一個風格鮮明,特色明確,定位精準的設計師品牌,怎么輸出你的品牌印象給到行業和客戶呢?大家共同談到了這三點:


          品質:把有品質感的內容展現給外界,這是設計師品牌印象樹立的第一要務。品質感包括但不限于完整清晰的案例描述,畫質清晰的圖片展示。還要有發布平臺選擇,內容深度選擇等一系列的思考。如上文提到的,能給讀者留下靠譜專業的“信用感”為佳。


          一致:人們不相信萬能的神仙,留給每個品牌的記憶空間是很狹窄的。設計師品牌要避免試圖營造“啥都擅長”的印象。始終用一致的風格強化設計師品牌的特色印象,保持不變的定位,才可以占領大家的心智。什么都是的品牌,什么都不是。


          體系:市場的機會有限,但設計師們時??雌饋硎窒嗨?,傻傻分不清楚,怎么辦?這時候就看同一賽道上,誰有更深入的理解,能提供更全面的服務。前文里大家都在努力構建的設計方法論,在這時發揮了作用。

           


          升級:從一個人到一群人

          設計師的個人品牌往往成為設計團隊公司化運營后的瓶頸??蛻糁该O計師本人來服務,但設計師自己的時間精力無法照顧太多項目。個人品牌的擴展性不高,團隊品牌又不容易建立共情。怎么把一個人的名氣變成一群人的名氣?這是需要在初期就做好預案的問題。

           

           

          >>>>> 前往查看8位設計師對此話題的具體回答 >>>>>



          上行案例/ 俠客行-九號蝦鋪 品牌VIS  by 石昌鴻

          《無染WURO 》品牌包裝設計 by 你好大海品牌設計


           


          Opportunities and challenges

          工作中最大的困難是?


           

          商業思維

          獨立設計師或是設計公司負責人,區別于職場設計師最大的特點應該就是商業思維了。一方面客戶和領導對設計的要求是不同的,客戶希望你的設計可以直接作用于商業結果,但領導更多只是希望你可以配合公司策略。另一方面,脫離了職場的設計師,要自己解決柴米油鹽,不具備商業思維,就會直接出局。

           


          瓶頸/未知/壓力

          這三項是不同的因素,但是把它們放在一起,代表著設計中最困難也最有趣的部分:挑戰未知。做好設計需要的能力很多,每條成長路徑上都會存在很多未知的歧途,如何管理好自己狀態,始終以昂揚斗志去面對這些壓力,是個永恒的話題。大家可以參考下面設計師們的回答和作品,去經歷他們各自的成長。

           


          人才/合作伙伴

          設計是一個鏈接性的工作,通過鏈接上下游發生作用。尤其是外包項目,經常無法參與到最初的立項探討中,導致面臨一場場“殘局”,所以就需要有強大抗壓力和靈活性的伙伴來組成“特種部隊”。幾位設計公司的負責人,都一致表達了對人才的渴求,希望本文可以幫到他們。更希望大家可以從本文中得到一句一詞的提示,讓我們做出更棒的作品,擁有更好的客戶。


           





          <婷谷>向陽而生-品牌設計全案 by 力虎廣告

          66NORD官網設計 by 是北瓜呀

           


           

          不好走的路上才有最好的風景,與大家共勉。


          文章來源:站酷  作者:站酷策劃

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

          體系化表單設計-5步打造令人愉悅表單體驗

          ui設計分享達人


          前言


          2020年可以說是一個風險年,但更是一個機會年,全球各類資產都出現了大行情機會,市場的投資熱情再次被點燃。借著這股東風,在2020年年尾,我們開始了對公司金融產品的優化改造工作,希望通過改造提升產品的用戶體驗,配合來年的運營活動,提升產品的用戶數和活躍度。改造工作主要為優化開戶流程、提升社區氛圍、完善交易功能三個部分。后續我將通過系列文章對這次優化設計過程中的思考進行分享。


          表單作為平臺與用戶聯系最為緊密的一環,良好的表單設計可以帶給用戶流暢自然的用戶體驗,保證用戶情緒的正向增長,而混亂無序的表單則會引起用戶的負面情緒,影響甚至阻礙用戶操作的完成,降低用戶對品牌好感度和信賴度。對于我們這樣的金融產品而言,產品內存在著如開戶表單、出金申請表單、調整杠桿申請表單等形形色色的表單,如何將這些表單整理歸納形成一套完整的表單設計體系,帶給用戶統一、高效且優質的填寫體驗,是我們這次表單優化的主要的任務。


          系列文章中關于表單設計部分我將分為上下兩期來向大家分享,體系化表單設計(上期)主要介紹在項目中總結出的表單設計中的方法論,下期則是介紹方法論在我們項目中實際的應用,希望這次的分享能為你今后的表單設計提供思路與參考。



          1 認識表單


          1.1 表單的歷史


          表單在我們工作、生活中的使用由來已久,在還沒有互聯網的年代,表單就已經是人們收集和存儲數據、信息的重要手段,并一直沿用至今。如體檢時填寫的體檢表、入職時填寫的入職登記表、銀行開戶時填寫的開戶表都是使用的這種印刷的紙質表單。它們身上有很多設計可以作為重要的參考,幫助我們優化 UI 中的表單元素。


          表單是 UI 界面中最為常見的元素,它通常是用來搜集和呈現一些數據、信息和特定的字段。表單的應用極為廣泛,比如登錄應用時填寫賬號密碼、網上購物時完善訂單信息、OA系統中提交休假審批、修改個人中心信息時……都是在和表單發生互動。



          1.1 表單的構成


          表單的目的、內容、大小等雖然各有不同,但是表單的基本構成元素是相對固定的,在設計過程中,設計師需要合理組織這些元素,幫助用戶在填寫表單時,輕松愉快的完成,表單主要組成部分如下圖。



          1.標簽:告訴用戶此處相應的輸入元素是什么;

          2.輸入區:可交互的輸入區域,根據字段類型使用相應的交互組件;

          3.占位符:對當前項進行額外的信息描述;

          4.前置圖標(可選):描述文本所需的輸入類型和特征;

          5.后置圖標(可選):對輸入內容進行控制,如:下拉的展開與收起、清空;

          6.幫助(可選):提供表單內容的注釋或輔助類容,如:說明、注意事項;

          7.反饋(可選):告知用戶當前操作可能或已出現的問題,如:提交成功、錯誤提示、網絡問題;

          8.鍵盤(可選):在文本編輯時需要使用鍵盤,如:設備系統鍵盤、應用內置鍵盤;

          9.操作按鈕:操作按鈕是在表單的結尾,如:提交、下一步、清空所有信息。


          2 如何打造令人愉悅表單體驗


          在如今這個互聯網時代,我們幾乎每天都會接觸到形形色色的表單,作為用戶與產品鏈接的樞紐,表單設計的好壞會直接的影響產品的實際數據表現。好的表單結構清晰,交互合理,用戶能夠高效愉悅的完成表單填寫,為用戶節省了時間,同時也提高了自身產品的轉化。而差的表單往往信息邏輯混亂,填寫效率低,且容易讓人產生挫敗感而中途放棄,在無形中浪費掉了很多潛在商業機會。是什么造成了不同表單之間出現如此大的體驗差異,我們又該如何做才能設計出令用戶愉悅的表單呢?在實際項目過程中,總結出一套適用于移動端表單設計的路徑圖-通過做好五個步驟,設計出令人愉悅的表單。



          2.1 表單框架選擇


          合理的表單框架選擇是打造用戶友好型表單的基礎,在進行表單設計時,我們首先需要依照表單的使用場景和復雜程度,選用最為恰當的表單框架。確定好表單框架,也就決定了后續設計中表單信息如何組織以及呈現。我們將表單框架劃分為“錄入方式”、“標簽布局”和“按鈕邏輯”三個部分,在表單設計時通過對這三個部分的選用來確定最終的表單框架形態。



          2.2.1 錄入方式


          按照表單錄入方式的不同我們大體上可以將表單錄入方式分為“單步錄入”、“分步錄入”和“分級錄入”三種,在進行表單設計時需要根據實際情況選擇與使用場景匹配的錄入方式。


          1 單步錄入


          單步錄入是表單中最為常見的錄入方式,在一個頁面內呈現所有的錄入項,結構簡單,快速錄入、快速提交,適用于錄入項較少的表單。



          2 分步錄入


          相對于PC端而言,移動端手機屏幕尺寸較小,一份在PC端1-2屏就能完全展示的表單在移動端往往需要7-8屏。將一個需要7-8屏才能展示完整的表單放在一個頁面內讓用戶填寫,用戶容易產生抵觸情緒會造成表單完成率的降低。


          為了提高用戶填寫效率,減少用戶的抵觸情緒,我們可以將一個冗長的表單拆分成多個步驟,分步錄入。通過拆分成一個個步驟,讓表單信息呈現更為清理有條理,并且能引導用戶逐步填寫完成表單錄入。



          當表單處于以下4種場景時選擇建議選用分步錄入模式:


          1.表單錄入項過多,在一個頁面內已經不能合理清晰的組織傳遞信息。

          2.表單內容的錄入方式存在較大差異,不適宜在一個頁面內進行展示。

          3.表單錄入項在業務上存在先后順序,只有先完成上一步字段錄入,才能夠進入下一步。

          4.在業務上很重要的表單,為了讓用戶能夠沉浸、快速的完成表單填寫時。


          分布錄入模式下步4種步驟導航選擇:


          1.文字導航:當表單為2步錄入表單時,我們展示步驟條帶給用戶的引導意義并不大,通常這種情況下我們會選擇省略掉步驟條,只展示當前步驟名稱,給予用戶提示。


          2.步驟條導航:當表單錄入步驟為3-4步時,我們可以在頁面頂部放置步驟條顯示所有步驟內容標題,用戶通過步驟條能夠對表單有一個清晰的預期。


          3.雙層步驟導航:當表單錄入步驟大于4步時,受限于移動端屏幕尺寸,橫向上不夠容納步驟數太多的步驟條,這時我們可以其中某些關聯的步驟歸納為一個大步驟,形成雙層步驟導航。


          4.進度條導航:當表單錄入步驟大于4步,又擔心雙層導航給用戶傳遞出表單極端復雜的印象,勸退用戶。這時我們可以使用進度條導航,用百分比進度條來展現表單填寫進度。



          3 分級錄入


          分級錄入大家可能相對較為陌生,分級錄入在B端產品中會有相對多見,一般運用于有明顯上下級關系的表單,如項目管理工具中新建任務表單,在新建任務的同時還能新建下屬子任務。又如客戶關系管理軟件中,新建訂單的同時新建下屬的訂單明細。我們可以將使用分級錄入模式的表單視為兩張表單,子表單添加的數據會回顯到主表單上。



          2.1.2 標簽布局


          標簽用于提示用戶需要輸入的是什么信息。合理的標簽布局結構,能夠提高用戶的閱讀效率,還能降低信息填寫時的錯誤率。常見的標簽布局形式有:左右結構、上下結構和浮動結構。不同的標簽布局都有各自的優點和缺點,我們需要根據項目實際情況來選擇最合適的標簽形式。


          1 左右結構


          左右結構是目前最為常見的標簽布局形式,左右結構中標簽和輸入區域在一行內排布,其中標簽位于左側且居左對齊,輸入項位于右側有居左和居右對齊兩種對齊方式。


          優點:節省縱向頁面空間,在移動端有限的頁面空間內能展示更多的錄入項。


          缺點:標簽的長度無法確定,視覺上顯得參差不齊,表單的信息瀏覽和填寫效率一般,標簽橫向展示空間有限,對于多語言適配場景不太友好。



          2 上下結構


          上下結構也是我們能夠經常在表單中見到的標簽布局形式,上下結構中標簽位于上方且居左對齊,輸入區域位于下方也為居左對齊。


          優點:用戶的視覺瀏覽路徑相對于左右結構來說較短,擁有較強的信息瀏覽和填寫效率,標簽橫向展示空間充足,對于多語言適配場景友好。


          缺點:占據縱向空間多,一屏內能展示的錄入項較少。



          3 浮動結構


          Material Design中文本錄入的標簽形式就是選用的浮動結構,在浮動結構中標簽和提示文字合二為一,正常狀態下,標簽位于輸入區域內部原本提示文案的位置,當用戶輸入時,內部的標簽就會上移為文本輸入讓出空間,完成填寫后標簽和輸入文案上下排列展示。


          優點:結構簡單,視覺干擾少,信息瀏覽和填寫效率高。


          缺點:填寫項過多時,表單信息傳遞不夠清晰。



          4 內部結構


          內部結構相對于前面3種結構較為少見,比較長出現在登錄場景,在浮動結構中標簽和提示文字合二為一,正常狀態下,標簽位于輸入區域內部原本提示文案的位置,當用戶輸入時,內部的標簽就會消失,完成填寫后只展示輸入文案。


          優點:結構簡單,視覺干擾少,聚焦于操作。


          缺點:只適用于如登錄等錄入項極少的場景,一旦錄入項變多,由于錄入后不展示標簽,將導致用戶后續很難判斷輸入的信息是否準確。



          2.1.3 按鈕邏輯


          按鈕作為表單的重要組成部分之一,合理的按鈕邏輯能夠為用戶順暢完成表單填寫提供幫助,表單的按鈕邏輯主要由按鈕的位置和按鈕的點亮邏輯兩部分組成。


          1 按鈕位置


          按鈕在頁面中的位置情況主要有以下3種:


          1.頂部按鈕:以文字的形式固定在頂部導航欄的右側,頂部按鈕尺寸較小,因為它所占空間有限,因此在操作上相對來說不便于點擊。所以這類頂部按鈕更適用于「編輯頁面」,需要用戶謹慎操作。


          2.表單底部:按鈕跟隨表單放置于表單的最下方,根據表單內容縱向空間的大小而上下移動。因為表單內容較多時,容易下沉過多而導致按鈕不可見,所以將按鈕放置于表單底部更適用于當表單錄入項較少不足半屏的場景。


          3.設備底部:操作按鈕常駐在設備底部展示,適用于表單錄入項過多的情況,在表單設計時可以盡量將必填項放置在表單前面,用戶填完必填項后就可以點擊操作按鈕提交或者進入下一步,而不用滑動到表單底部再進行操作。



          2 按鈕點亮邏輯


          1.當表單錄入項較少時,且有明確預期按鈕何時可用,可以先置灰主按鈕,完成必填項填寫后再點亮主按鈕。


          2.當表單錄入項較多時,且用戶不清楚為什么按鈕不可以用,此時按鈕可以常亮,并在用戶點擊時給予反饋,告知錯誤原因。



          2.2 表單信息梳理


          在確定好表單框架以后,對于表單內容信息的進行有效的組織也尤為重要,特別是對于一些結構復雜、錄入項多的表單,如果不對信息進行組織,很容易顯得繁雜混亂,容易讓用戶在一開始就產生抵觸的情緒,甚至選擇放棄。那么如何合理有層次的組織信息呢?



          2.2.1 簡化表單,聚焦核心


          我們在設計表單時潛意識里都想要從用戶那里獲取到更多的信息,表單中因此出現很多必要性較低的錄入項,表單也因此變得冗長,讓人第一眼就生出「好多信息需要填,好麻煩」的沉重感,在填寫表單之前就萌生退意。我們在進行表單設計時需要保持克制,聚焦于表單的核心任務,讓表單盡量短而美。那么我們要如何為表單減負,可以嘗試以下方法。


          1 減少表單中的多余字段


          表單中每多一個錄入項需要填寫,都有可能會失去一部分用戶好感度甚至流失一部分用戶。在設計時我們需要判斷某個字段信息對于用戶來說是否有必要在表單中進行填寫,盡可能的刪減掉額外的無用字段。例如注冊表單,如讓用戶使用郵箱注冊,那么用戶的姓名字段是否是注冊的必選項?如果不是必選項是否可以在之后的信息完善中進行填寫。


          2 合并表單中的同類字段


          在表單中時有一些信息他們本身緊密相關,我們完全可以視情況將其合并為一個錄入項,來減少不必要的錄入操作,達到簡化表單,提升錄入效率的目的。合并錄入項要結合實際的使用場景以真實的提升表單體驗為目的,而不是一味的追求表單的最簡化。


          3 隱藏表單中的低頻字段


          根據用戶使用數據,適當將使用頻次不高、或者提供給專業用戶的高級表單項隱藏起來。例如一份表單中有一個填寫項,90%的用戶都不需要填寫,那么默認收起。保持表單的簡潔,讓絕大多數用戶快速完成,避免大量的表單給用戶的焦慮,而又滿足了小眾用戶的需求。



          2.2.2 先易后難,循序漸進


          根據沉沒成本的定義:人們在做決策時,受到了自己過去所投入的時間、金錢、精力等因素的干擾,對于先前付出了投資的事情有更強的忠誠度和繼續投資的意愿。進行流程設計時也可以遵循這個原理,將容易完成的表單放在前面,這樣做有3個好處:


          1.簡單的表單更容易激起用戶的填寫欲望,用戶會迫不及待地去完成。相反,用戶一開始就看到過于復雜的表單,很容易被嚇到,從而放棄整個任務。

          2.用戶通過完成簡單的表單,可以增加自信心,即使后面的表單變復雜了,用戶也更有耐心去完成。

          3.當用戶將前面簡單的表單完成后,放棄整個表單的機會成本就變高了,即使后面碰到較難的任務,用戶放棄的幾率也會降低。



          2.2.3 信息分組,一目了然


          當我們我們設計的表單字段內容較多時,需要合理的對字段信息進行分組,這樣整體看起來更加有組織性。接近性(格式塔原理)原則告訴我們: 相互靠近的物體被認為比相互距離較遠的物體更有關聯性,這樣能使設計界面層次有序,視覺清晰,減少視覺噪音。分組時需要注意:


          1.內容屬性相近或有關聯性的放在一組。

          2.根據信息的重要性及難易程度排列分組,將選填的表單內容靠后



          2.3 錄入操作提效


          在表單錄入設計階段,我們需要明確認識到一點,用戶在面對一份表單時往往沒有我們想象中的那么有耐心,復雜繁瑣的錄入操作可能會直接勸退用戶。我們需要做的就是化繁為簡,思考如何給用戶減負,讓用戶簡單高效的完成表單錄入。表單錄入操作提效有一些切實可行的方法,下面請我將一一向分享。


          2.3.1 設置默認值


          對于用戶而言,填寫信息永遠都不是一件有趣的事情,在對用戶足夠了解的前提下,我們可以選擇為表單中的部分錄入項提前設置合理的默認值,節省用戶的操作時間。默認值的設置不是一個隨性發揮的過程,而是基于用戶行為和數據的理性判斷,并且也不是每個字段都適合設定默認值。關于如何設置合理的默認值,什么字段適合設定默認值,下面幾點可供大家參考:


          1 自動填入已有信息

          在一些業務場景,會使用到用戶之前在其它表單中已經錄入的信息,此時在填寫新表單時,可以默認帶入之前的數據。


          2 自動填入關聯數據

          如果用戶正在填寫的內容有相關的關聯數據,可以默認帶入。如我們在填寫訂單時可以默認帶入該訂單關聯的商品基礎信息。


          3 系統自動獲取數據

          基于移動端設備的能力,我們可以在用戶開放權限的情況下獲取一定的用戶信息(位置信息、電話區號、運動數據等),在特定情況下默認填寫,如滴滴通過GPS定位自動幫用戶填入上車位置。


          4 經驗預判填入信息

          像電話區號、證件類型、國籍等用戶錄入結果相對固定的字段,可以根據情況提設置合理的默認值。



          2.3.2 減少手動輸入


          相較于PC端而言,移動端設備屏幕尺寸較小,虛擬按鍵的輸入效率遠不及實體鍵盤,在移動端手動輸入的成本較高。因此,為了打造便捷優雅的操作體驗,移動端表單需要盡量減少用戶的手動輸入。以下方法可以減少手動輸入。


          1 聯想輸入

          聯想輸入是給予用戶輸入字段的自動補全功能,用戶少量輸入后進行選擇。錄入方式由原來的輸入變成半輸入后選擇,減少用戶的輸入成本,提高用戶操作效率。


          2 替代輸入

          對于表單填寫過程中可以固化選擇的信息,應讓用戶進行選擇操作以代替手動輸入,盡可能地讓用戶減少輸入成本。


          3 歷史記錄

          一份用戶可能會多次填寫的表單,我們可以提供用戶的歷史輸入項供其選擇,如滴滴的打車頁面會將我的常用目的地放置在目的地輸入框的旁邊供我快速錄入。


          4 新型組件

          一些新型的交互組件的使用能夠簡化信息錄入的操作,例如滑塊組件等。



          2.2.3 減少頁面跳轉


          在填寫表單時如果填寫項需要頻繁的頁面跳轉會使得整體的填寫效率變低,增加用戶的操作成本。在進行表單設計時應盡量規避這種頻繁的頁面跳轉,選用更流暢靈活的交互方式。


          1 選項露出

          在網頁端表單設計中,用戶在表單填寫中需要對選項進行選擇時,常用的交互形式是在選擇器的下拉列表中進行選項的二次點擊。而在移動端設計中,觸發選擇器后的二次點擊會增加用戶的填寫成本。所以在設計時,當選項少于8時,在表單中直接顯示所有可選項,當選項超出過多時則在列表浮層中進行選擇。


          2 減少跳轉

          在表單填寫中我們期望用戶保持專注,盡量避免產生引導用戶離開當前頁面的填寫交互,這種交互跳轉很容易打斷用戶固有的行為軌跡。因此運用浮層、彈窗等交互來完成輔助信息的采集是我們較為推崇的交互形式。



          2.3.4  智能錄入


          1 OCR識別文件內容

          對于一些標準證件類信息的錄入,可以通過OCR識別文件內容。當用戶上傳圖片后,運用圖像識別技術提取關鍵信息并自動填入結果。值得注意的是,如果圖片不清晰或存在水印,將大大降低識別準確度。此時應提供修正渠道,讓用戶可以逐一校對并修改文本內容。


          2 號碼認證

          短信驗證碼升級方案。直連三大運營商,一步校驗手機號與當前SIM卡號一致性。優化注冊/登錄/支付等場景驗證流程,有效提升拉新轉化率和用戶留存率。不做數據加工與號碼精準營銷,保護用戶隱私。



          2.3.5  聯動鍵盤


          為了避免讓用戶頻繁的跳入跳出相同類型的輸入項,首先整合表單的信息字段,將同類型的字段進行合并,同時結合輸入控件,設計聯動式組件,讓用戶在表單輸入時更加高效。



          2.4 設計細節把控


          設計不是簡單的元素拼湊,深入下去,有很多細節需要推敲,細節應該是含蓄的,包含在整體之內。好的細節設計不容易被用戶的眼睛直接發現,但是會讓用戶與產品的交互過程變得通順、舒適,概括來說就是潤物細無聲。對應到表單設計上,我們需要通過表單設計中的細節把控,讓表單錄入這件事變得簡單、高效。


          1 必填與選填

          當表單中同時出現必填項和選填項時我們需要對其做出區分,避免用戶不知道哪些字段必須填寫、哪些字段可以選擇性填寫。沿用通用符號習慣,在表單中我們往往使用 * 號來標記必填項。但是當表單中的必填項多于選填項時,大量的 * 號會增加用戶的認知負擔,面對這種情況,我們可以使用暗提示來標記選填項幫助用戶識別。



          2 號碼組合規律

          如電話號碼、銀行卡號這類有數字組合規律的號碼字段,我們可以沿用它們在線下的數字組合規律,通過空格對號碼字段進行劃分,幫助用戶校驗和閱讀。



          3 密碼保護

          出于保護用戶賬號安全考量,我們在進行密碼輸入時通常使用隱暗文字的方式來保護用戶賬戶安全,但是暗文字的顯示方式會讓用戶無法確認密碼信息。因此我們可以在輸入時,讓輸入字段短暫顯示,保持1秒然后再轉變為暗文字,這樣既可以讓用戶明確內容,也保證了用戶的賬戶安全。



          4 符合心理預期

          我們在進行表單設計時,輸入區域的長度要符合心理預期,需要預判填寫內容長度來確定輸入區域的長度。這樣不僅在體驗上一致,而且在視覺體驗上更加愉悅。



          5 對指令有明確的稱謂

          用戶應該對他們的操作所帶來的結果非常自信,使用“提交”、“注冊”、“立即支付”、“創造賬戶”等確定性文案來描述用戶將采取的操作。



          6 錯誤信息就近反饋

          報錯信息應當一目了然,從用色、圖標到文本都應當起到高亮的效果,而且報錯信息應當靠近輸入框,而非表單的底部或者頂部或者按鍵旁邊。



          7 防止輸入框的遮擋

          在設計主要由文本輸入框構成的表單頁面時,要考慮鍵盤出現可能會遮擋輸入框的情況,我們需要把控件放在scrollView上,當鍵盤會遮擋輸入框時,則表單滾動。



          8 指導性錯誤反饋

          對于異常情況不能只是冷冰冰的告知失敗,這樣容易給用戶帶來挫敗感,且缺少下一步操作指引。錯誤反饋不應該只著眼于結果,錯誤反饋的闡述角度應該是引起用戶關注、讓其快速了解出錯情況,并指導如何處理。



          2.5 整體體驗提升


          經過前面幾個步驟,表單整體形態已經確定,最后一步我們需要從整體體驗的角度對表單進行完善和調整。包含表單的容錯性考量、表單流程閉環的打造、視情況而定的趣味性設計。


          2.5.1 表單容錯性考量


          即便你的產品90%的時間都運行良好,但是如果在用戶需要幫助時置之不理,他們是不會忘記這一點的?!禛etting Real》


          容錯性概念源于計算機領域,容錯性是指計算機系統在發生故障的情況下,依然能夠保證系統正常運行。計算機這種保證系統正常運行的能力也被稱為容錯能力。延伸到互聯網產品設計領域,容錯性的范疇更為寬泛,包括降低用戶操作的出錯率、及時提供糾錯幫助、提供解決方案等內容。


          容錯設計與用戶體驗息息相關,我們在表單頁面設計時也需要進行容錯性考量,盡量避免用戶錯誤操作的出現。當用戶出現錯誤操作時,幫助用戶識別、診斷,及時反饋問題所在,并提出有效的解決方案,幫助用戶快速從錯誤中恢復。讓表單填寫流程更順暢,給用戶帶來更優的用戶體驗,關于表單容錯性設計可以從以下幾個方面來進行。



          1 引導與提示

          引導和提示要突出表現,從而引起用戶關注,確保用戶在操作前能注意到引導或提示信息。引導與提示用語要簡單且易于理解,當重要或操作不可逆時,要詢問用戶讓其知道這樣操作的后果。


          2 限制操作

          如何從設計上避免用戶出錯,限制是一種非常必要的方式,可以通過限制用戶的某些交互操作或者增加某些操作的難度來對用戶操作進行限制避免用戶出錯。


          3 反饋與幫助

          當用戶出現填寫錯誤時,及時的反饋錯誤并提供糾錯幫助,出錯信息應當用清晰準確且用戶易于理解,能夠對用戶解決當前問題提供建設性幫助。


          4 錯誤恢復

          允許用戶犯錯,操作者能歸夠撤銷以前的指令,幫助用戶在犯錯以后能夠快速回到正確狀態。


          2.5.2 表單填寫流程閉環


          表單的終點并不是提交,一個好的表單設計需要兼顧考慮用戶填寫前的引導、填寫時的及時校驗與幫助、還有填寫后的整體流程體驗,為用戶提供完整的、形成閉環的表單填寫體驗。


          舉個例子,當我們設計的表單需要用戶準備如身份證、銀行卡這類的證件時,需在表單填寫前告知用戶,避免用戶填寫途中才發現證件未準備,導致用戶填寫流程中斷。再如,用戶在填寫完證券開戶表單后,其實還需要通過審批后用戶才能進行入金交易等操作,這時我們需要一個結果頁來告知用戶表單提交的結果狀態和下一步的操作指引。



          2.5.3 最后,再增加一點愉悅度吧


          表單設計并不一定需要是嚴肅且正式的,在表單設計時可以嘗試引入一些趣味性的元素,研究表明,更大的文字輸入框、適度的留白空間、優雅的動畫效果、趣味性界面設計會讓人心情愉悅更有填寫的欲望。


          例如bilibili的登錄頁面,在用戶輸入賬號時上方的卡通形象是睜眼的,當切換到輸入密碼或者驗證碼時卡通人物會有一個捂住雙眼的動作十分有趣,這樣的趣味性設計能夠在一定程度上緩解用戶在填寫表單時的焦慮情緒,并增加對于bilibili保護賬號安全的信賴感。



          總結


          以上就是我對于移動端表單設計的一些歸納和總結,過往的項目中自己設計大量的表單頁面,走了不少彎路犯了不少錯誤,但也通過項目不斷的反思總結,收獲不少的關于表單設計的經驗。在這里將項目中關于表單的一些思考和經驗分享出來,總結出自己的一套關于表單設計的方法論,也是希望能夠對正在進行表單設計或者即將進行表單設計的你提供一點點參考與幫助。

          文章來源:站酷  作者:Yone楊

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



          小米商城APP首頁設計全面解析!

          ui設計分享達人

          前言 



          互聯網產品首頁是與用戶進行交流的第一步,首頁設計不僅代表著一家企業的形象,還會直接影響公司的業務營收和口碑。


          本文將深度解析“小米商城”APP的首頁設計,分析B2C模式下的自營電商是如何通過設計打造品牌感,增加用戶參與感,從而促進產品的銷售轉化。



           產品定位 



          了解一款APP產品首先要了解它的產品定位,從小米商城的slogan“讓每個人都能享受科技的樂趣”不難看出小米的產品定位是性價比高的科技類產品。

           

          另一方面,從商業模式來看,小米商城是B2C自營電商,與其他B2C自營電商平臺不同的是,小米主打高性價比,以好口碑深入大眾,撬動市場,以互聯網思維賣產品,把硬件產品當互聯網軟件產品賣。

           

          由此可見,科技、高性價比是小米商城產品定位的兩大關鍵詞。



           目標用戶 


          目標用戶是產品模式和功能制定的重要考慮因素,小米商城的目標用戶可以分為三類人群:


          1、米粉用戶


          這類用戶是小米的忠實粉絲,也或許是雷總的粉絲,他們認同小米文化,喜愛小米產品,熱衷購買和傳播小米產品,是小米商城最有價值的用戶群體。


          2、科技發燒友


          這類用戶本身就是科技愛好者,喜愛探索新鮮前沿的科技產品,熱衷購買科技類創新性的產品,對于深度發燒友還會專研參數配置,并會在論壇探討分享。


          3、追求小資用戶


          這類用戶追求品質,喜愛有設計感的產品,如果了解到小米有什么產品好看又好用,他們會為了保證品質和服務,選擇從官方購物平臺購買。



           全品類商城與自營商城設計差異 


          雖然了解了小米商城的定位與目標用戶,但還需要從產品的商業模式上去推導設計,比如淘寶與小米商城的首頁設計大有不同,原因就是因為商業模式不同,致使產品的設計存在差異。


          1、全品類與自營首頁設計區別


          自營類商品其實是全品類商城的一個分支,全品類商城首頁衍生了很多獨立平臺,所以全品類商城首頁設計形式上更注重流量分發,而自營類是垂直領域,所以會更突出商品,并且創造商品賣點,打造爆款。



          全品類電商產品因為品類眾多,用戶長時間使用會形成“逛”的習慣,從運營的角度,首頁運營板塊就會以千人千面的形式出現各類產品,所以首頁在設計上需要放置更多的產品,甚至要不停的變化產品,以覆蓋到用戶的需求點。 

          而自營類電商產品,因為品類較少,用戶很難逛起來,也是因為用戶使用自營類產品本身就是帶有目的性的,這樣用戶通常會是“找”的行為,所以首頁的功能上通常會推薦主題產品和打造爆款。 




          2、自營類商城設計上注重品牌


          自營類商城運營的是品牌,能發展壯大的自營電商都成功塑造了品牌形象,所以在產品設計上突出品牌,會與用戶建立信任感,提高轉化,同時也能做到與其他電商的差異化設計。


          下圖所示,小米商城、小米有品、網易嚴選三款產品,為了能快速與用戶建立品牌認知,導航欄都放了自家的logo。


          另外,還可以從色調,板式,服務等等各個緯度突出品牌形象,總之在產品設計上要與品牌形象貼合,讓用戶處處能感知到品牌。


          導航欄設計注重品牌


          了解產品定位和目標用戶以及平臺的商業模式,對我們分析一個產品非常重要,這樣更容易從正確的方向理解產品的設計,下面我們帶著對產品定位和目標用戶的理解,開始對小米商城APP首頁設計的全面解析。



           小米商城-首頁解析 



          B2C模式下的品牌電商,首頁設計需要做到可以讓任何一款產品成為爆品,也不會讓任何一款產品出現庫存滯銷。 

          小米商城首頁的設計與運營緊密聯系,有帶貨能力超強的模塊,如小米眾籌、小米秒殺,也有能快速推廣新品的模塊,如小米新品、新品發布,這些都是品牌電商重要的組成部分。 


          接下里我們從品牌DNA、布局體驗設計、金剛區設計、登錄前后設計、參與感設計等方面對小米商城首頁進行解析。


          1、品牌DNA


          當前小米公司有著非常強大的品牌勢能,給人們留下了性價比高、高端、簡約、科技、堅持的好印象,這些都可以看作是小米的品牌DNA,因此在設計小米商城APP時,設計需要貼合小米品牌DNA,讓用戶使用產品時能感受到小米的品牌力。


          打開小米商城APP,處處能感受到小米的品牌元素,橘色的品牌色、小米的產品圖標等,都在傳遞著小米的符號,整體UI的設計秉承了小米硬件產品的一貫風格,如簡約的風格、高質感元素等,細節上體現品質。



          2、布局體驗設計


          用戶瀏覽電商產品首頁,第一屏流量最高,隨著往下走第二屏、第三屏...跳失率會越來越高,根據數據統計通常產品第三屏之后流量會大打折扣。



          雙十一期間截圖 



          上圖的數據并不能代表所有產品的數據,好的設計形式可以影響數據的變化。


          如何減少跳失率,要從用戶在當前位置的所思所想出發,做好第二屏到第三屏的功能制定和引導設計非常重要。


          小米商城首屏最后的位置可以看到第二屏的內容標題,能夠起到引導性作用,并且放的是最有吸引力“小米秒殺”和“新品發布”雙十一期間增加了運營模塊,雖然這兩塊在第二屏,但看到的同樣是最有吸引力的雙11促銷信息。


          引導用戶查看內容


          另外在不增加運營板塊時會發現,小米商城重要板塊不會放到第三屏,在第二屏下面已經開始出現精選(猜你喜歡)閑逛區,因為是太多板塊用戶會感覺首頁很亂,不容易對各板塊功能形成認知,其次就是隨著跳失率的增加,重要板塊也會失去好的轉化效果。


          打造沉浸式體驗


          多數用戶在第三屏時會失去再向下探索的動力,這時系統通過算法給用戶推薦用戶喜歡的內容,會再次吸引到用戶,重塑用戶向下探索的好奇心。


          用戶在“猜你喜歡”版塊心態是無目的的閑逛,當用戶不想再向下探索時,隨時可以側滑屏幕切換到其他品類,這樣也大大減少了用戶首頁閑逛的跳失率,營造出了一種沉浸式的交互體驗。



          閑逛區(猜你喜歡)沉浸式體驗


          同時因為用戶在此版塊是“逛”的心態,所以設計上采用瀑布流,也可以稱為Feed流,這樣的設計形式重點突出的是圖片,也就是商品本身,參數配置會弱化或不出現,因為用戶閑逛時是沒有目的的,當一個商品對他吸引后,用戶才會主動點擊查看詳情。


          如果用戶是有目的搜索某個或某個品類商品時,此時列表流更為合適,因為用戶是有目的性的查找商品,他是認識這款或這類產品的,所以必定會開始關注產品的參數配置等,列表流的左右結構,能非常合理的呈現出參數配置等信息。




          總結:當用戶無目的“逛”時會關注產品本身,所以這時需要重點突出產品圖,使用瀑布流更合適;當用戶有目的查找商品時,因為已對商品有一定的認識,所以不僅希望看到圖片,同時也希望能夠直觀看到產品的參數配置,這點對科技類產品的展示尤其重要。


          3、金剛區設計



          小米商城-金剛區


          金剛區的圖標設計直接用產品來代替,真實的手機、電腦、筆記本等,這樣不僅能與眾多電商平臺的金剛區有差異化,更加能夠把入口功能表現的有識別性、直觀性,能夠使用產品模型作為圖標元素,這本身形成了一種優勢。


          “觸碰想象,感受真實”金剛區的圖標設計符合小米的設計理念,設計師從圖標的設計營造出了貼合目標用戶認知的氛圍,讓用戶感受到了歸屬感。


          金剛區圖標的布局設計與產品定位和用戶特征非常吻合,第一個圖標是“小米新品”,對于米粉來說,這應該是最關注的功能入口,關注新品的用戶也是最容易購買新品的人群,從產品的角度來講,新品也是需要大力推廣宣傳的,所以新品入口放置首位無可厚非。


          第二個是“小米眾籌”,此功能入口對于追求性價比的用戶是最有吸引力的,因為眾籌價低于零售價,符合性價比屬性,此模式是先付錢再生產,解決了庫存、物流成本等。


          第一排剩下的是三個手機圖標,其中位于中間位置的“至尊新品”是動效展示,也是因為要強調和推廣新款手機。


          “小米秒殺”放在第二排第一個,是因為此模塊也非常重要,是一大流量入口,秒殺功能板塊是利用時間的緊迫感來刺激用戶轉化,走量能力極強,正因如此,在頁面的下方有專門的“小米秒殺”板塊。剩下的四個圖標是小米生態鏈中四個類別的產品入口,代表了大多數產品。



          4、登錄前后設計


          新人首次打開產品,促進第一單購買


          小米商城新用戶第一次打開產品時,會直接彈出“新人專享福利”彈窗,點擊查看都是性價比極高,且生活中常用的物件,性價比高是為了促進與新用戶的第一筆交易,推薦常用物品是為了讓用戶在生活中看到用到這些常用物品時可以物品的購買渠道,從而提高復購。


          新人登錄前,首頁內容促進第一單購買


          如果用戶不小心關閉了彈窗,沒關系在首頁最重要的位置也會看到“新人福利”板塊,如果享受新人福利,那在購買前一定要做的是要注冊登錄的,所以新人福利,不僅可以促成與新人的第一筆訂單,而且也有助于引導新人成為注冊用戶。


          新人登錄后,繼續促進第一單購買


          從下載小米商城到登錄后,會有三次提示有新人福利,上面介紹了前兩次,第三次是當登錄后會直接跳轉到“新人專享福利”,目的還是促成一單有性價比的交易,給用戶留下第一次好的購物體驗,最終變成有價值的用戶。






          不包郵是用戶最大的痛點
           

          據調查電商購物,用戶最大的痛點就是不包郵,同樣一件商品,99元包郵比90元+8元快遞費組合更容易讓人接受。


          上圖小米商城的新人福利,都在強調包郵,消除用戶痛點,讓用戶的首次購物真正的感受到小米商品的性價比。


          個人中心登錄前后有意思的設計


          小米商城登錄前后在個人中心有個地方的設計非常有意思,看下圖未登錄前的5個圖標設計,相信身為設計師的你一眼就能看出“錢包”的圖標偏小,這是為什么呢?



          登錄后才發現,較大的四個圖標都會換成數字,數字的大小正好與錢包圖標的大小視覺上一致,設計師似乎很淘氣。


          登錄后數字與圖標大小視覺上一致



          5、參與感設計



          小米商城的商品具有低頻購買的屬性,如手機、家電等,好在商品的種類相對較多,小米也在不斷的研發新品,為了促活,小米商城在設計上有很多參與感的設計。 

          小米商城有“星球”板塊,可以理解為是一個基于產品討論為導向的社交平臺,這樣的功能就是讓用戶有參與感。 

          當對比華為商城和OPPO商城后,發現華為與OPPO只是把產品呈現出來,卻很少有讓用戶有參與感的設計,而小米商城處處都在打造參與感設計,如游戲化設計、互動平臺等等,當然這些功能的設計與小米主打性價比和粉絲屬性的用戶有關。 


          在小米商城的首頁用戶可以打開紅包雨游戲功能、答題領紅包功能、智取盲盒機功能等,這些雖然都是營銷策略,但因為趣味性、游戲化的設計也大大提高了用戶參與感,從而增加了銷售機會。




           最后 



          對于負責流量分發的首頁,不僅要引導用戶瀏覽和購買商品,給用戶創造優秀的產品體驗,首頁也是體現公司品牌形象的關鍵點位,品牌形象能夠讓用戶了解你、信任你、感受到價值,從而促成購買轉化,這些都可以用設計助力表現。 

          以上講的是UI設計前的探索工作,也是非常有必要的工作,產品設計者只有真正了解了產品的底層架構,才能精準的把控設計,在各方面掌握好平衡。

          文章來源:站酷 作者:吳星辰

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

          日歷

          鏈接

          個人資料

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

          存檔

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