<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>

          首頁

          按鈕組 Button Groups:大量的操作按鈕如何排布與設計?

          ui設計分享達人

          What 是什么

          簡介: 按鈕組是把相關的動作組織成一組按鈕的設計模式。按鈕組的內部內容彼此水平或垂直對齊,并采用相似的視覺設計。如果超過三個或四個動作,往往會采取多個分組。

          例子: 語雀編輯器的頂部工具欄

          undefined


          Why 為什么

          按鈕組可以讓界面不言自明。在復雜的布局中,被精心安排過的按鈕組會很容易被用戶感知和使用。一方面,它們在界面上往往非常明顯,用戶能夠一眼看到有這些功能可以進行相關操作。


          大家所熟知的格式塔原則(Gestalt principles)也在這里起作用。彼此相鄰的按鈕往往暗示著這些按鈕的功能相近,因此會讓用戶感覺到這一組按鈕可以完成類似的功能。相對的,不同的按鈕分組往往暗示著不同的功能類型,因此彼此間應該保持間距,或用不同的形狀,或用分割線進行區分。


          When 什么時候使用


          如果你需要在界面上展示許多操作按鈕,且需要確保它們隨時在界面上可見。但同時,你又需要用圖形化的方式組織它們,以使它們看起來不會特別散亂。

          這些動作中有許多是彼此相似的 —— 它們有相似或互補的效果,比如,它們的功能語義相類似 —— 由此它們可以三五成組地放在一起。

          按鈕組可以用在對產品全局有效的操作上(例如「打開」和「選項」操作),或特定的一些通用操作(「保存」、「編輯」和「刪除」),或特定的某些操作(例如布局的「對齊」、「分布」)。不同范圍的操作不應當被到一個組中。


          使用條件:

          · 存在大量操作按鈕;

          · 希望用圖形化的方式組織這些按鈕;

          · 操作按鈕間存在功能相關性和差異性;


          How 如何使用

          這個模式的總結簡單到像是一句廢話:把相關的操作按鈕分成一組。


          但如果詳細展開就會有更多的介紹。比如:


          · 如果需要包含文本說明,盡量使用兩個字或三個字的動詞短語,不要使用專業術語。

          · 不要把不同功能范圍的按鈕放在一個組,應當將它們分成不同的分組。

          · 同一組的按鈕應該有同樣的視覺設計:邊框、顏色、高度或寬度、圖標風格、動態效果等。

          · 在空間排布上,可以將它們并排起來作為橫排放置,如果空間不太適用的話,也可以考慮一列縱列放置(例如Photoshop的左側工具欄)。

          · 如果某一個動作是核心動作,可以將其區別對待。例如網頁表單中的“提交”按鈕。核心動作是希望大部分用戶都需要(或期待)執行的動作。讓這個按鈕擁有更加強烈的圖形或視覺風格來讓它在顯得更為突出。

          · 如果按鈕足夠多,而且它們都有小圖標,你也可以把它們放在工具條或者像工具條那樣的狹長條上,放置在頁面的頂部。


          通過使用按鈕組可以避免界面上按鈕或鏈接過于擁擠混亂,也可以避免一長串冗長的動作列表看起來毫無關聯或區別。

          通過這一模式,你可以創建一個較為清晰的元素層級結構:用戶可以一眼看出哪些動作是彼此相關的,哪些是重要的。


          Example 案例

          案例一:Sketch 的頂部按鈕工具區

          用戶需求:編輯設計文件中的對象


          Sketch 也是個很典型的應用了按鈕組的設計工具。Sketch頂部的按鈕不少于15個, 有很多要理解和追查。 但是得益于精心的視覺和語義組織,界面按鈕始終保持一定的可理解性。

          undefined


          案例二:macOS Finder

          用戶需求:按自己需求對文件進行顯示修改和操作


          這個案例顯示了來自 macOS 的 Finder 窗口的頂部按鈕組。 秉承其設計傳統,按鈕風格明顯。 導航組是放置在左側中的按鈕組。 布局相關的按鈕組放在了中間,文件操作相關的按鈕組放在了右側。這樣的設計使得界面變得易于理解和使用。

          undefined


          案例三:WebStorm 頂部操作區

          用戶需求:項目執行相關操作


          這個案例顯示了 Webstorm 的頂部功能操作區。WebStorm 采用了按鈕組的模式,將項目執行的相關操作和Git相關的操作聚合在一起,中間使用了分割線進行了區分。

          undefined

          文章來源:站酷  作者:Ant_Design

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          詳解|用戶體驗地圖,到底該如何使用?

          ui設計分享達人

          用戶體驗地圖是什么 | WHAT

          用戶體驗地圖(Experience Maps)旨在通過描述用戶歷程和故事,使設計師、產品經理等項目成員更好地了解用戶和洞察訴求。所以對于用戶體驗地圖,我們可以將其定義為以下內容:

          - 是一種描述用戶故事的可視化工具;

          - 是一種幫助設計師、產品經理等更好地了解用戶的共創工具;

          - 從用戶視角出發,直觀展現產品流程各個觸點上用戶的痛點、需求和情緒;

          - 用戶體驗地圖繪制的形式并不唯一,可以根據項目需求,增減內容。


          undefined  

          △ 途家 App 用戶租房 · 用戶體驗地圖案例



          通常在接觸到需求之后,設計師就可以開始梳理現有流程、使用用戶體驗地圖了。要注意的是:

          - 需要梳理的功能不分大小,都可以使用;

          - 做之前,務必要先調研和訪談用戶使用產品的情況。

          建議時長:

          - 重要項目:120~180 分鐘- 日常項目:60~120分鐘

          參與者:

          - 必選:設計師、產品- 可選:研發、市場、其他

          工具:

          - 電腦或白板+便利貼

           

          為什么需要用戶體驗地圖 | WHY

          需要發現和拆解產品現有問題,梳理用戶流程時使用用戶體驗地圖,可以在聚焦階段,整合用戶訴求和業務訴求,共創機會點,找出解決方案,通常在以下場景中使用:

          - 新產品設計:需要對需求進行拆解和優先級排序;

          - 產品優化:發現產品現有問題,洞察設計發力點。

           

          由此可見,在設計過程中使用用戶體驗地圖作為設計工具,有以下益處:

          - 更好的以用戶視角來看產品的體驗;

          - 通過共創,項目成員達成共識;

          - 確認觸點,作為我們的設計方向;

          - 通過用戶痛點找到機會點;

          - 幫助梳理產品流程。


          undefined


          △ 用戶體驗地圖共創現場

           

          用戶體驗地圖操作流程 | HOW

          我們通常會將流程分成4 個階段:定義原則和目的 —— 梳理階段流程 —— 洞察痛點 —— 尋找機會點。


          1. 定義原則和目的

          首先要了解我們做用戶體驗地圖的原因和目的,包括用戶是誰、解決什么問題、用戶的目標、產品的整體目標、限定條件等等,對用戶群體、整個項目背景和共創任務目標有清晰、全面的認知。


          undefined


          2. 梳理階段流程 

          首先是劃分階段,將用戶的行為拆分成幾個大的階段,在整理時要注意:

          - 在整個產品的范圍之內盡量把故事、流程講完整;- 以廣度優先,而非深度,不要過早的沉浸到細節中。

          接下來我們要將主要階段拆分成單個任務,并梳理具體的任務和觸點,羅列出過程中的任務和各個觸點,要做到事無巨細。


          undefined


          然后根據任務和觸點,整理對應的用戶疑問、用戶感受/情緒。通過對用戶的觀察和訪談進行梳理,客觀的描述事實,切勿自說自話或是將自己的情緒代入其中,也不要急于猜想與分析。


          undefined


          3. 洞察痛點

          這一步需要我們匯總用戶的痛點,并將痛點分級,洞察用戶痛點背后的真實訴求。這個過程中可以先讓大家在一定時間內寫出自己的想法,每一條寫在一張卡片上,做到先相互不干擾,之后再統一整理和總結。


          undefined


          4. 尋找機會點

          通過上述總結,思考新的機會點、解決方案、優化整體流程,并對新流程下的功能做優先級排序。可以通過準備一些問題來刺激大家腦爆出更多的內容,比如:用戶還有其他選擇么?怎么做用戶才能更爽?其他用戶來到這里該怎么處理?等等。在這個階段需要:

          - 對內容進行對標、討論,把公認的點保留下來,無用的點剔除出局;- 根據實際情況和項目成本、進度等條件,對新流程下的功能做優先級排序。


          undefined


           

          如何為過程提效 |TIPS

          在實際的工作過程中,因為項目時間都非常緊張,繪制這樣一個完整的用戶體驗地圖比較耗費時間,所以推薦大家幾個提效的技巧,既可以減少時間浪費,也可以提高共創質量:

          1. 事前

          充分做好用戶調研,提前準備好用戶地圖模板,可以在開始之前的一到兩天發給參會人員,讓所有人對產品有一個整體梳理和思考,有助于提高大家的產出質量。

          2. 事中

          如果是優化的產品,可以將設計稿 demo 或者線上產品截圖打印出來,這樣可以增強大家的代入感,有利于想法的輸出。

          3. 事后

          整理電子版體驗地圖,需要跟隨產品的演進進行更新,上傳到項目共享空間隨時查看。

          文章來源:站酷  作者:Ant_Design

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          如何通過數據驅動設計

          ui設計分享達人

          一、前言


          在日常的工作中,會經常接觸到一些數據方面的內容,同時我也在不斷的加強相關方面的專業知識學習,希望可以借此做一個總結,與大家分享。如果你也在平時的工作中遇到相關的數據問題、不知如何利用數據推動設計、或者對數據抱有一定的興趣,那我們可以一起往下看。

          本文主要圍繞以下幾個方面來進行解釋說明:




          二、背景


          隨著互聯網大環境從增量進入到存量市場,企業發展與產品的迭代越來越離不開數據的指導,數據驅動已然成為當下產品的主趨勢。身為設計師的我們,更應該對數據保持高度敏感,通過一系列的數據分析推動設計迭代,并讓其更合理、更具有可信度。

          任何一款產品,設計師都無法根據自己的心情、想法,一拍腦門的迅速產出。好的產品,既要考慮市場價值,也離不開用戶體驗,應該明確目標而進行實現,所以設計過程中需要依靠數據給予我們指導,即利用數據驅動設計。



          三、深入了解數據


          3.1 數據的作用

          數據在產品迭代過程中有著舉足輕重的地位,對于設計師而言也是極其重要。在了解數據之前,簡單的理解一下為什么需要數據,在互聯網產品設計中,數據的作用主要分為以下三點。


          3.1.1 提效賦能

          工作中或許會常常面臨多種需求并線進行的狀況,合理客觀的數據有助于我們更好的分清任務的優先級,并聚焦于當前最緊急的任務展開進行。合理有序的安排可以推動任務的快速高效完成。



          3.1.了解用戶

          設計師與真正的用戶之間往往存在一定的差異,我們不能按照設計師固有的思維方式去衡量用戶的想法,更不能想當然的覺得用戶需要什么。

          數據可以幫助我們更好的了解用戶,利用數據分析的種種方法,我們可以進行抽絲剝繭,發現更深層次的問題,不斷的去深挖用戶需求,進而更好的滿足用戶,只有這樣我們才能更好的留住用戶,促進產品增收。



          3.1.設計支撐

          在進行設計輸出的過程中,我們可能常常會遇到以下情況:

          我相信各位設計師在日常的對接中,一定是根據需求文檔進行了設計輸出,但是在設計評審階段卻很難去說服各需求方。數據在此情景下就顯得非常重要,它可以幫助我們針對設計方案有一個理性的數據支撐,去衡量我們的設計方案是否合理有效。

          其次在項目上線后依據數據反饋,可以驗證此次設計是否達到理想目標,是否還有進一步優化的空間。了解數據可以更好的幫助我們深耕需求、把控方向。



          3.2 數據的類型

          為了進一步了解數據,現將所有的數據進行整合區分,大致上可以分為兩個類型,分別是定性數據與定量數據兩大類。

          定性數據指導設計過程,往往判斷某件事物的意義與價值。定量數據關注數據頻率,在結果上更具有說服力。這兩種數據的類型在數據分析以及設計驅動的過程中都非常重要。時常會通過定性數據來發現、定義問題,最后再由定量數據來驗證結果。


          3.2.1 定性數據

          定性數據是非統計數據,在樣本選取上,數據量較少,主要收集途徑有以下方法:應用商店評論、客服反饋、音視頻記錄、筆記反饋、訪談調研等。

          可以快速了解到用戶的行為和態度,這種數據具有可調查性,是可以進行深入研究的,能進一步推斷出設計的哪些方面存在問題,從而通過設計方法優化產品設計體驗。


          3.2.2 定量數據

          定量數據是統計性的,可以用來問“多少”的問題,最終生成結論性的數據信息。收集途徑可以有以下方法:測試、產品數據、指標上報、實驗調查等。

          定量數據提供了對設計的間接評估,可以快速了解用戶基礎信息數據以及對產品的使用感知,例如完成率、滿意度等等數據指標,它不僅可以幫助我們快速統計信息,還能驗證結果。




          3.3 數據的維度

          數據不應該是只停留在表面的數字,需要深入的了解數據,善于從這一堆數字背后,發現數據的真實意義。

          由此,Google推出HEART模型,作為一套完善的用以評估以及提升用戶體驗的標準。HEART模型包括五個維度,分別為:愉悅度(Happiness)、參與度(Engagement)、接受度(Adoption)、留存度(Retention)、完成度(Task success)。通過這種方式將數據分為五個維度,可以更有效的明白不同類型的數據所體現的真實含義。



          3.3.1 愉悅度(Happiness)

          什么是愉悅度?關于這個問題,大概一千個人會有一千個回答吧,因此愉悅度更偏向于用戶在產品使用過程中直觀的主觀感受,例如滿意度、產品體驗感受、推薦指數、易用性感知等等體驗指標,通過這一類的數據可以有效的了解用戶對于產品或者某個功能的喜好程度。

          可以利用定性研究的方式獲取用戶在體驗和感知上愉悅程度,例如一對一訪談、觀察小組、可行性測試等。也可以通過定量調查中的問卷、數據反饋、AB測試等了解用戶的使用情況以及推薦指數等。



          3.3.2 參與度(Engagement)

          指用戶在使用產品功能時的參與深度,衡量指標即為有效活躍用戶的數量。用戶參與度并沒有統一的可量化的界定標準,但大致上可以分為以下幾個指標,產品訪問頻次、平均訪問時長、訪問頁面數量、產品使用間隔。

          數據的衡量只是最基礎的一步,更重要的是如何提升用戶的參與度,對于新用戶而言,可以通過引導、幫助等建立良好的第一印象;對于老用戶,需要合理的推送相關優惠與活動,也可以利用游戲化運營建立長期關系,這些都是比較有效的提升參與度的方法。



          3.3.3 接受度(Adoption)

          當一個新的產品與功能出現時,由于陌生感,用戶短時間內很難接受,而接受度就是指用戶在特定時間內真正開始習慣并使用。

          為了快速得到用戶的認可,往往產品設計中會通過競品分析的方式確??蚣軆热菖c市場的同類產品保持一致,滿足用戶的使用習慣。而針對大部分的新用戶也會使用新功能引導以及相關通知推送等加快新用戶的接受度。



          3.3.4 留存度(Retention)

          在產品運營中,留存是最關鍵的數據指標,它也是產品獲利與增長中最主要因素之一,留存直接決定了用戶是否愿意繼續使用,它是最真實的數據表現,而留存通常體現在,多日留存率、回訪率、不同平臺的使用重合率等。

          針對這一數據我們需要關注的核心問題就是如何提升用戶留存率,大致的方法可以分為以下兩個維度:

          (1) 產品維度

          產品功能決定是決定用戶留存的關鍵。在需求設計上,通過挖掘潛在需求,刺激用戶長期使用,并且通過拓展應用場景,不斷提供細分服務,進一步滿足用戶;甚至我們也會發現在大多數產品中,通過建立社區,打造社交圈子,強化用戶的粘性。

          (2) 運營維度

          產品使用過程中,合理的運營也是提升用戶留存的關鍵之一,常用的方法有定期舉辦活動、例如砍價、助力、簽到、每日任務等;也可以通過消息推送挽留用戶。



          3.3.5 完成度(Task success)

          完成度主要是指用戶對于關鍵任務的完成率,常常用來衡量交互流程是否合理。主要包括以下維度:首次點擊時間、操作完成時間、完成點擊次數、完成率、失敗率、出錯率等。

          A: 任務完成度的衡量指標該怎么計算呢?

          (1) 任務完成時間

          用戶在整個任務過程中,所花費的時間即為任務完成時間。

          (2) 完成率

          完成率=完成的操作次數/開始操作的次數


          產品設計中,為了提升完成率,需要輔助用戶進行交互并進行引導設計,不僅需要符合不同場景變化以及用戶的心智模型,還要給予用戶體驗流程中的舒適感受,進一步輔助其完成任務。


          B: 如何提升任務的完成率呢?

          (1) 降低理解成本

          利用設計手法,降低任務流程中的理解成本,切入到實際的場景中,幫助用戶快速完成任務。

          例如在列表模塊中,默認狀態下的輸入框內,展示灰色的提醒文案,提前告知用戶該區域應該填寫的內容;比如說高德地圖通過AR技術結合導航,快速幫助用戶完成導航任務;再類似于可視化數據看板,幫助用戶快速獲取信息結果。


          (2) 精簡任務流程

          降低理解成本只能單一的滿足用戶操作前的理解,而操作過程中的步驟長短也起到非常關鍵的作用。優化任務流程,目的就是為了提升完成率。

          例如用戶在進行登錄注冊時,可以點擊右上角的文案即可實現登錄注冊狀態的快速切換,減少用戶切換的流程步驟。再比如說表單填寫類的產品,還可以將相同的內容進行整合,減少操作。甚至電商產品中,可以通過找相似減少用戶的篩選成本。



          (3) 系統智能預判,提供幫助

          結合用戶的場景與行為,進行合理的預判設計,有助于縮短用戶操作路徑、引導用戶轉化。例如下面的案例,在表單信息填寫中,通過智能判斷關聯內容,提供幫助,甚至通過判斷用戶的行為,進行精準內容推送。



          3.4 常用的數據

          通過以上數據的五個維度,可以發現數據的覆蓋面是十分廣泛的,不同的數據反映不同的內容。在工作中我們也會接觸到復雜且多樣的數據,對于設計師而言,常用的數據大致可以劃分為用戶數據、行為數據、業務數據這三大類別。



          3.4.1 用戶數據

          從字面上理解用戶數據即為與用戶有關的數據,這種數據常常用來描述用戶人群、用戶基礎屬性等。通過一系列的“用戶數據”進行支撐,可以快速梳理關于產品的基礎用戶群體,構建用戶的畫像。

          不同的產品屬性,有不同的用戶人群畫像。比如說美柚這款記錄類APP,主要的用戶人群是年輕的女性,對生活有一定的追求;再比如說英語流利說這款產品,主要的用戶人群是年輕的、有明確學習英語需求的人群。

          用戶數據主要包括兩大類別:用戶基本屬性與用戶生命周期數據。


          a、用戶基本屬性

          用戶基本屬性通俗解釋即為關于用戶自身最基本的屬性,包括性別、地域、年齡、職業、學歷、收入、婚姻狀況等等......通過這一系列的屬性,我們可以對用戶有一個更深刻、更全面的認知。

          只有更好的了解用戶,我們才能進行針對化的設計產出、精準投放,從而推動產品更好的發展。這就好比兩個人談戀愛,只有清楚對方的想法、習慣、喜好,才能減少吵架的幾率,實現和諧發展。



          b、用戶生命周期數據

          生命周期指的是從開始到結束,用戶都會經歷著從接觸到流失的階段,我們通過生命周期結合用戶數據可以簡單分為新增、活躍、留存、流失。


          1、新增用戶數

          新增用戶從字面上拆解開來即為新、增,廣泛意義上來說,我們可以將一段時間內打開產品的新用戶人數算作新增用戶,但是更嚴謹一點的話,則表示某產品一段時間內新增加的注冊用戶數量。

          通常我們將下載且訪問過產品的用戶稱為訪客,這部分人群是潛在的注冊用戶。


          2、活躍用戶數

          活躍用戶在體驗產品的過程中會花費更多的時間與精力,相比普通用戶而言他們更加認可平臺,對于平臺的發展有著重要的地位。那什么是活躍用戶?如何具體的去定義活躍用戶呢?

          通常來說,用戶在規定的時間周期內,有打開過產品,這就算做一個活躍用戶。當然,不同平臺對于活躍用戶的定義存在一定差異。而活躍用戶主要也分為兩類:新用戶與老用戶,而從商業的角度上還可以劃分為低價值用戶與高價值用戶。

          活躍用戶數常見的指標有DAU、WAU、MAU。

          DAU:Daily Active User,表示日活躍用戶數量,指的是從0:00-24:00一個自然日(統計日)之間,登錄并使用了某一功能的用戶數量。

          例:某個產品的日活計算方式為打開該APP即算活躍,2022年1月19日這天打開APP的行為有50次,經排重后發現有30個用戶打開了APP,那么該產品的DAU就是30。

          了解完DAU,我相信大家對于WAU(周活躍用戶數量)與MAU(月活躍用戶數量)應該不至于陌生了。WAU與MAU,他們兩者最大的區別就是計算周期的不同,但需要注意的是,月活的計算并不是簡單的日活相加,我們需要進行去重。



          3、用戶留存率

          在講解用戶留存率之前,我們應該了解用戶留存。何為用戶留存?顧名思義,就是最終留下來的用戶。用戶留存率這一指標可以反饋當前產品的質量如何,這是產品自初期開始就需要持續關注的內容。常用的用戶留存指標有次日留存、3日留存、7日留存、15日留存和30日留存。



          4、用戶流失

          用戶流失的定義是什么?用戶流失需要結合時間(Time)與動作(Action)這兩個指標進行,即用戶在一段特定時間內未進行關鍵行為的操作。與之常常相關聯的因素大致分為產品生命周期、負面體驗、競品策略等等。

          用戶流失率的存在表明了用戶對產品的負面反映,對于產品發展有著非常重要的數據反饋。

          當下市場中的獲客成本越來越高,獲取新用戶的成本要比留住現有用戶的成本高出5倍。因此降低用戶流失率,就顯得尤為重要。



          3.4.2 行為數據

          行為數據常用來描述用戶使用方式,指的是用戶在使用產品過程中所產生的一系列交互相關的數據,通過分析快速了解用戶特征,為流程優化、精細化運營、產品體驗等設計措施提供判斷依據、輔助設計。

          行為數據的指標主要包括轉化率、平均停留時長、跳出率、PV、UV等等。

          1轉化率

          什么是轉化率?轉化率就是下一頁面與當前頁面的訪問占比。它常常被用來衡量產品路徑中的用戶體驗是否合理,從而進一步推動流程優化以及設計迭代。

          以下圖為例,有200個人來到了頁面A,其中有100人點擊頁面A的按鈕進入頁面B,那么頁面A按鈕的轉化率則為(100/200)*100%=50%。


          2、啟動次數

          通常指的是某一特定時間段內用戶啟動應用的次數。與之相關的兩大指標分別為用戶總啟動次數與人均啟動次數,常用來反映用戶粘性與活躍度。


          3使用時長

          使用時長是指某一特定時間段內用戶從打開到關閉產品的使用時間。使用時長需關注的指標為用戶總使用時長、人均使用時長、單次使用時長。這些指標常用來衡量用戶粘性與活躍度,常常需要與啟動次數一起結合進行分析。


          4、訪問分析

          頁面訪問分析包括頁面訪問次數、停留時長、跳出/退出率、用戶訪問頁面數和用戶訪問路徑。


          (1) 訪問次數

          訪問次數是指訪客完整打開頁面進行訪問的次數,常用來衡量產品的訪問速度。

          (2) 停留時長

          停留時長表示用戶進入產品中,呆了多長時間后離去。這一指標是考量用戶粘性以及貢獻度的重要指標。

          (3) 跳出率/退出率

          跳出率,指的是只訪問了入口頁面即退出的次數與入口頁面訪問次數的占比數。

          跳出率越低,說明流量越好,用戶對產品的興趣越高。

          計算公式為:跳出率=訪問一個頁面后離開的次數/總訪問次數*100%

           

          退出率是指從該頁面退出的頁面訪問數與進入該頁面的頁面訪問數之比。

          計算公式為:退出率=退出次數/總訪問次數*100%


          跳出率為(2/8)*100%=25%

          退出率為{(2+2)/(8+2)}*100%=40%

           

          注意:跳出率與退出率較高,也不全部都是壞事。我們需要具體問題具體分析。比如說某些下單頁面,點擊提交后會進入第三方支付平臺,該頁面跳出率高則為正常。



          (4) 用戶訪問頁面數

          用戶訪問頁面數常常離不開兩方面的指標,PV值與UV值。

          PV(Page View):指的是在一個特定周期內,頁面訪問量或點擊量,側重瀏覽量。

          用戶每訪問一次就算作一個PV。

          UV(User View):指的是在一個特定周期內,訪問頁面的人數之和,側重訪客數。

          一天內同個用戶多次訪問僅算作一個UV。



          (5) 用戶訪問路徑

          用戶訪問路徑是統計用戶從進入產品到離開產品整個過程中的路徑與頁面訪問情況,不同的用戶路徑是不同的,我們需要去定位關鍵節點,針對性的產出優化方案。

          如下圖所示,用戶在進行針對性的查找歌曲時,通過首頁的搜索入口進入,在搜索引導頁面中輸入歌名,最終出現結果頁。通過用戶的訪問路徑分析,可以為我們進行優化提供合理的切入點。





          3.4.3 業務數據


          1、ARPU

          ARPU是 “The average revenue per user” 的縮寫,是指在某一周期內用戶產生的平均收入,用來衡量單個用戶為企業所帶來的效益。

          注意:ARPU值是有時間屬性的,我們在計算的時候需要有清楚的時間定義,不同的定義方法,計算出來的結果是有很大差異的。



          2、付費率

          不同業務模式之間的付費率計算方式是不同的,在進行分析之前,我們就需要弄清楚分析的維度。

          (1) 注冊用戶付費率

          注冊用戶付費率=付費人數/注冊人數

          (2) 活躍用戶付費率

          活躍用戶付費率=付費人數/活躍用戶人數



          3、GMV (成交金額

          GMV (Gross Merchandise Volume),即成交金額。這個指標常用在電商行業,是用來衡量電商企業綜合實力的核心指標。

          GMV=真實成交金額+未付款訂單金額+拒收訂單金額+退貨訂單金額。簡而言之就是GMV為已付款訂單與未付款訂單兩者之和。



          4、LTV (用戶終身價值)

          LTV(Life Time Value),為用戶生命周期價值。一般常用指標為3日、5日、7日、30日、60日、90日LTV。常用來衡量用戶從開始使用到不再使用產品的整個生命周期內,為企業貢獻了多少收入。

          它的計算方式由兩部分組成:LTV=LTxARPU,LT為用戶生命周期,ARPU為每用戶平均收入。




          四、數據分析思維

          數據分析不僅僅是擺數據,同時深度的結論也非常重要??沼袛祿瑳]有結論,對于決策者而言并沒有什么明確的用處。那么,面對一堆數據,我們該如何分析得出深度的結論,從而驅動決策?


          4.1 數據來源

          數據的獲取渠道有很多種方式,接下來分享幾個我在工作中經常使用的方法。


          4.1.1、數據分析平臺

          注意:同一關鍵詞,不同平臺的搜索結果可能存在一定差異



          4.1.2、內部咨詢

          平時的工作中,我們不能僅僅是沉浸在自己的世界,需要加強與其他同事之間的溝通交流。通過與用戶運營、數據分析師的交流,可以了解到最新的數據情況,時刻保持敏感度。

          如果公司沒有專門的數據分析師,也可以從客服人員下手,他們無疑是與客戶打交道最直接的人了,他們對于用戶的痛點會更及時感知??梢酝ㄟ^詢問客服人員,更好的了解用戶的痛點需求,輔助我們設計方案的執行。




          4.1.3、用戶反饋

          我們可以通過多種方式了解用戶對于產品的反饋,比如說Feedback用戶反饋,Twitter、Facebook等社交媒體,以及Google Play應用商店評論等。



          4.1.4、數據埋點

          針對想要查看相關數據的模塊內容,提交關鍵數據指標給到數據分析師、開發等,從而進行一個定制化的內容獲取。

          注意:說到這里就不得不提到數據埋點,有一個需要我們注意的地方,那就是在進行埋點時,一定要在設計階段就提前告知開發以及數據分析師,做好溝通工作,針對需要的數據進行埋點處理。



          4.1.5、需求評審

          在需求評審前,設計師可以提前了解相關數據,幫助我們對于設計層面有個更深刻的理解。在評審過程中,通過溝通碰撞了解到更多的數據,也能依據之前項目的數據資料作為參考,輔助本次設計優化。



          4.1.6復盤分享

          在一些大的項目上線一段時間后需要進行數據反饋,大家針對結果做一個項目復盤,開展相關會議。在這結果之外,我們還需要關注是否產生了新問題以及是否有新的機會發掘點。在復盤之后,針對知識點進行共享,設計師可以通過這種方式了解更多信息,方便后期迭代。




          4.2 甄別數據

          數據的呈現往往告訴我們已經發生了什么,但它沒有告訴我們將會發生什么。我們應該利用數據,從歷史中吸取教訓,也可以依據過去的趨勢預測未來,甚至可能是非常準確的預測。我們需要對數據有一個理性的判斷,進行甄別。

          4.2.1 虛榮數據

          什么是虛榮數據?如果空有一個數據,盡管該數字看起來很美,卻無法依靠該數據去進行設計驅動以及提供具體價值,那么該數據就是一個虛榮數據,毫無意義。

          以下幾個指標則是常見的虛榮數據,我們需要引起注意。


          1、點擊量

          無論什么網站,只要頁面上存在的可點擊區域多,那么該頁面的整體點擊量數字必然都比較高。相比之下,我們更應該關注的是點擊人數,而不是點擊次數。100個用戶每人點擊1次,與1個人點擊100次,后續帶來的結果是必然不同的。


          2、下載量 

          下載量的多少有時候會影響產品在應用商店中的排名,但是這個數據指標并不能帶來實際價值。反觀下載之后的注冊轉化率、付費轉化率等等才是我們關注的重點。


          3、用戶數

          用戶數量越大,這個產品聽起來似乎就越成功。但是產品的成功與否,并不僅僅取決于這一個數字,而是與之相關的一系列指標。

          比如說A、B兩款產品的用戶量分別為100萬以及50萬,用戶活躍度分別為1%與30%,其他都是沉默用戶,那么就一定能說A產品要比B產品好嗎?

          用戶數量再大,沒有體現出對應的價值,那么就是虛擬數據。我們不能被這些虛擬數字所欺騙,還沾沾自喜。


          4、停留時長

          用戶的停留時間越長就說明這個產品越好嗎?真的是由于產品的用戶體驗做的足夠好而讓用戶產生了沉浸式的體驗從而一直停留嗎?

          用戶的停留時長并不是越長越好,這個指標也無法直觀反映用戶對產品的粘性。我們更應該結合完成度、內容跳出率等數據進行綜合判斷。




          4.2.2 異常數據

          數據分析過程中,也會存在很多異常數據,需要從多個角度看待數據,一般來說,產品的部分數據指標存在固定的波動周期,當某項數據指標突然不符合常規波動變化的時候,我們就需要去進行深入的研究,挖掘異常背后的原因。


          1、幸存者偏差

          幸存者偏差是數據分析中常見的邏輯錯誤,那么簡單來說是什么意思呢?

          通過以上幾個例子,想必大家對于幸存者偏差都有一定的理解了吧。所謂幸存者偏差,即我們在進行統計的時候忽略了樣本的隨機性與全面性,用局部樣本代替總體樣本。歸根到底這就是由于獲取信息知識的不全導致的認知偏差。這啟示我們在查看數據的時候,不能只看顯而易見的信息,同時還要找出沉默信息。否則,一定會存在著巨大偏差。


          2、數據樣本不夠

          在進行數據提取的過程中,除了需要注意上面所描述的樣本選擇問題上,還需保證足夠多的樣本數量來進行支撐。按照常規定律來說,數據樣本達到一定的數量程度,才能展示出相對真實的規律。

          例:比如說我們在產品中新增了一個功能,但是由于預算、人力資源等原因在前期的推廣宣傳階段并沒有多少曝光,只有一部分老用戶知道,這就說明這個功能很失敗,沒有存在的意義嗎?答案未必是這樣。

          所以在進行數據提取時,我們就需要盡可能的保證有足夠多的樣本數據,這樣才能保證最終輸出的數據結果是最客觀的。


          3、存在臟數據

          臟數據,也被稱為壞數據,常常是指不合理、對于業務毫無用處的數據。

          臟數據產生的原因有多種,數據統計過程中可能是由于輸入了多余空格、重復插入多余數據等等。在前期數據收集分析階段,例如問卷調查,往往會存在很多無意義的問卷,為了保證問卷的準確性,可以通過設置分支題目、陷阱題目等等方式來進一步篩選問卷,做好對臟數據的防控與清洗。



          4.3 分析方法

          接下來給大家分享幾個平時工作中常用的數據分析方法,包括以下幾種:漏斗分析法、矩陣分析法、對比分析法。


          4.3.1 漏斗分析法

          漏斗分析法是數據分析過程中非常重要的一種分析模型,能夠科學的反映用戶行為狀態以及從起點到終點各階段之間的用戶轉化情況。

          常用的指標包含轉化率與流失率。通過層層的分析,觀察流程中是否存在提高轉化率的機會點,挖掘設計。(后面會結合實際項目為例進行詳細闡述,這里就不做過多講解)


          4.3.2 對比分析法

          所謂的對比分析,就是給孤零零的數據一個合理的參考,否則這種數據是沒有意義的。在利用對比分析法進行數據分析時,需要關注兩個方面內容:對比對象與對比維度。

          在產品迭代測試的過程中,為了增強說服力,擇決出最佳方案,往往會采用對比分析,也就是常說的A/B Test。A/B Test最核心的思想是要保證單一變量,其他條件保證相同?;氐皆O計本身,一般來說每個方案應該大體上相同,只是某一個地方有所不同,比如某處文案、顏色、圖標等。然后針對不同的用戶展示不同方案,統計并對比不同方案的轉化率、留存率等指標,從而確定最優方案。


          4.3.3 矩陣分析法

          矩陣分析法常常是通過兩個指標的交叉,利用分析矩陣劃分為四個象限,找出問題的優先級。

          例:如下圖所示,為某個運營活動點擊的四象限分布情況。X軸自左向右,Y軸自下而上,分別代表了從低到高。

          通過矩陣分析的方式,我們可以快速定位當前最值得的MVP優化方式,指引我們在復雜的數據中正確前行。



          五、數據驅動設計

          作為一名設計師,在了解了數據基礎的內容后,就需要掌握通過數據驅動設計最關鍵的內容,接下來我將通過用戶、行為、業務三個角度來給大家分享幾個不錯的設計案例。


          5.1 用戶增長

          通過上面的分析,我們了解到用戶數據涉及到兩個方面,用戶的基礎屬性數據可以很好的輔助設計,通過數據對用戶進行分層,例如性別、年齡、地域,這些都是常見的用戶基礎屬性;

          除此之外,與用戶相關并關聯產品的重要數據還包括新增用戶、用戶活躍度、用戶留存率、用戶流失率等數據,我們可以通過這些數據的表現挖掘背后的原因,進而通過設計手法深入優化促進用戶數據增長,形成閉環。簡單分享以下幾個方法。


          5.1.1 產品拉新

          關于產品拉新,并不只是產品上線后需要考慮的事情,在產品設計的每一環節中,都是需要去進行考慮的。產品拉新可以通過邀請碼、新手福利、邀請好友等幾個方面進行。


          1、邀請碼

          邀請碼通常是由企業發放,優先發放給種子用戶,然后通過種子用戶的社交圈去進行擴散,進而吸引更多的用戶參與進來。

          前段時間爆火的一款國外音頻社交軟件Clubhouse,便是利用了這種方式進行擴散傳播。與Facebook、Instagram、Twitter等社交軟件有所區別,Clubhouse并沒有對全部用戶開放,而是需要得到其他用戶發出的邀請碼驗證后才能進行使用。邀請碼的稀缺性將Clubhouse的熱度炒得越來越高,使得參與其中的用戶能產生一種自我滿足感,同時這種模式大大保證了音頻內容的質量。


          2、新手福利

          一些產品針對未注冊或者未使用過產品的新用戶,會發放專屬福利,促進用戶轉化。

          新手福利通常是以開屏頁、Banner、彈窗、活動頁、新手任務等形式進行領取,隨著市場環境的緊張,獲客成本越來越高,新手福利的成本的也在逐漸增加。


          3、邀請好友

          針對注冊或使用過產品的用戶而言,通過發掘他們自身的社交圈子,促使老用戶自覺邀請新用戶,提升產品的用戶數量增長。

          邀請好友有以下兩個常見方式:

          (1) 增加分享入口

          老用戶可通過點擊分享圖標的形式直接分享給相應的好友。比如說,網易云音樂這款產品,用戶可以邀請好友一同在線聽歌,或者是單獨分享給特定的人。這種方式主要是利用了人的分享和展示心理。

          (2) 福利刺激

          平臺發放一定的優惠券、獎勵等給到用戶,新老用戶都可以通過這種方式獲得對應的獎勵。這種方式主要是利用了人的獲利心理。


          5.1.2 活躍運營

          活躍運營可以提升沉默用戶的活躍度,對于產品的發展有著非常重要的作用,常常通過一系列的方式來進行布局。

          1、用戶積分體系

          積分體系如果運用的好,那么對于增加用戶粘性以及提升活躍度是非常有幫助的。這個積分體系是否能夠吸引到用戶,就在于積分所兌換的產品是否有足夠價值。

          比如說常見的外賣平臺——餓了么的積分體系,其核心就是圍繞下單行為而展開,下單之后返還吃貨豆,吃貨豆可兌換紅包,紅包再次消費抵扣。整個操作流程,圍繞用戶的核心行為構建獎勵并形成閉環。


          2、簽到

          很多產品都設置了簽到功能,希望借此方式提升用戶粘性。這一功能的常見名稱為“簽到”“打卡”,或者根據運營活動的場景來進行命名,比如說螞蟻莊園、新浪種樹等。

          一種良好的簽到模式對于用戶習慣的培養是有著積極的正向作用的,但是關于在產品中是否增加該功能,也是要根據自身的產品特性去進行更細致的考量。

          簽到的方式主要有自動簽到與手動簽到這兩種。

          (1)自動簽到

          登錄自動簽到的方式常見于游戲類應用中,比如說王者榮耀這款產品,用戶打開即以彈窗形式告知用戶,領取相應的獎勵。

          (2)手動簽到

          用戶點擊簽到入口,即可完成簽到。相比自動簽到而言,這種簽到方式應用范圍更加廣泛。


          3、社區

          現如今越來越多的產品開始打造自己的社區,比如說淘寶的逛逛,咸魚的會玩等等。為什么社區功能越來越普遍呢?社區的存在,可以讓用戶在產品有一個屬于自己的社交圈子,這樣有助于用戶產生粘性,從而提升產品活躍度。

          例:Keep通過打造高品質的UGC內容社區,滿足新老用戶的價值需求。頂部Tab分為關注、精選、圈子三個模塊。關注一欄方便用戶快速查看自己感興趣的人,滿足社交需求。精選一欄承載了KOL與內容生產者的分享內容、用戶社交留存功能。圈子一欄更好的滿足用戶想要一群人打卡的情感訴求。


          5.1.3 留存

          留存的本質是要滿足用戶的核心需求,只有滿足了這個條件后用戶才會持續使用。它應該貫穿于整個用戶生命周期,而不僅僅是局限于其中某一個節點。好了,廢話不多說,直接上例子。

          1、流暢的首次體驗

          用戶首次使用該產品時是否順暢,能否在第一時間找到自己所需要的內容,很大程度上會影響用戶后續的留存情況。

          比如說現如今很多產品為了降低用戶的登錄注冊成本,通過手機號一鍵注冊即可實現快速登錄。若未注冊過,在登錄時系統會自動判斷并為其創建賬號。這種方式極大的降低了用戶記憶成本,同時還有安全性的保障。


          2、降低學習成本

          通常來說一款產品的學習成本越高,用戶理解起來就越困難,那么用戶長期留在該平臺的概率就會降低,故而我們應該通過一些設計手法去降低用戶的學習成本。

          例如一些金融產品,其晦澀難懂的專業知識對于新手小白來說真的是非常困難,基本的認知都存在困難的前提下,更別說指望用戶轉化了?;诖吮尘埃率忠龑崾?、新手教學視頻、在線客服服務、模擬交易等等方案,都會極大的降低用戶理解成本,為后續用戶的下單轉化提供有力的幫助。


          3、遷移成本

          何為用戶遷移成本?用戶選擇新產品的行為需承擔的代價。隨著遷移成本的增加,用戶長期使用該產品的概率也會相應增加。

          例如有道云筆記這款產品,用戶在該平臺創作了大量的內容后,就很有可能會長期留在該平臺,因為重新換平臺的成本著實有點高。




          5.1.4 挽留機制

          挽留機制是留住用戶、促進用戶轉化的最后一道程序。

          常見的挽留機制有以下幾種形式:

          1、提供解決方案

          當淘寶用戶在進行退款時,若原因是地址填寫錯誤,那么頁面會自動出現彈窗提醒用戶修改即可,避免用戶取消訂單,從而降低退款率。


          2、利益刺激

          當用戶退出購買頁面關鍵節點時,會以彈窗形式進行挽留。

          例:知乎會員購買頁面退出時,系統會自動出現二次確認彈窗,將價值點信息以動效形式展示在視覺中心,并對支付按鈕進行突出設計,吸引用戶注意,再次挽留。

          例:拼多多的二次挽留同樣以彈窗形式展示,突出利益點,同時有時間維度,使得用戶產生緊迫感,刺激用戶下單。


          3、操作警告

          操作警告類的文案二次提示,可以讓用戶對當前行為有更清楚的認知,并仔細思考。用戶會考慮到一些時間成本、花費精力等因素,可能會取消放棄的念頭。

          例:全民K歌這款應用,用戶想要刪除之前發布過的創作內容,點擊刪除之后,會出現二次警示確認彈窗,對用戶的行為進行一個挽留。就算最終用戶刪除了創造內容,還可以在最新刪除列表中恢復。這樣既可以避免用戶誤操作引起的后果,還能最大程度的保護創作內容的多樣化存在。




          5.2 行為優化

          行為數據描述用戶使用方式,雖然與用戶相關,但更加關注的是使用的流程、方式與產品體驗,其中重點關注的數據包含點擊率、轉化率、訪問分析等。


          5.2.1 行為場景復現

          深入分析用戶的訪問數據,模擬行為場景,更好的把握用戶當下的心理,從用戶角度出發去設計。下面,我將以一個工作中的實際項目為例,詳細闡述如何從設計側推動項目迭代。

          例如我們接到一個需求,需要進行注冊流程的優化,提升這一模塊的轉化率。很多時候,我們往往會陷于視覺層面進行調整,但這并不能從根本上解決問題。我們需要靜下心來仔細思考,真正找到這個需求背后的目的以及當前存在的問題。

          那么我們可以怎樣去進行呢?首先,為了對用戶行為有更直觀的理解與感受,可以利用用戶體驗地圖的形式將用戶行為場景復現,通過對用戶的情緒曲線、想法的剖析,從中找到合適的機會點,為后續設計的迭代優化提供一定思路。

          通過對用戶的旅程進行分析,可以發現在不同關鍵階段中所對應的數據指標也不同。因此在設計的過程中可以針對不同的行為場景,制定對應的數據優化目標,從而提升整體的產品價值。



          5.2.2 行為路徑優化

          用戶的行為是決策的重要因素,了解用戶的行為和意圖后,會發現大部分用戶的行為與設計會存在很大的偏差,所以需要更多關注用戶的行為數據,揣摩用戶行為下的真實心理與訴求,才能做出用戶滿意的產品。

          緊接著上面的案例,咱們繼續通過漏斗模型進行深入分析,優化用戶在登錄注冊路徑上的體驗,提升轉化率。

          原有的登錄流程轉化率如下圖所示


          1、快速定位問題環節

          通過數據反饋,發現從注冊頁面到點擊注冊按鈕這頁面之間存在較高的流失率,其次再是安全驗證頁面。我們需要對這一流程中的關鍵節點進行梳理,同時將主要的精力聚焦于該模塊的優化。針對流失率較高的主要頁面進行著重設計。


          2、分析問題

          通過數據分析可知,用戶很大一部分都在點擊注冊按鈕這一頁面流失掉了,當前頁面的停留時長較長,那么我們是否可以縮短停留時長,幫助用戶快速注冊呢?該怎樣設計才能提高用戶的操作效率呢?


          3、方案輸出

          通過聚焦問題后,發現最終我們的落腳點應該在如何提升用戶的操作效率,幫助用戶快速完成注冊。

          針對此設計目標,運用競品分析、用戶體驗地圖等方式對于該模塊進行了思維拓展。提出了一些可行性方案,比如在輸入郵箱時增加常用高頻郵箱格式后綴,減少用戶手動輸入的步驟;比如增加用戶輸入錯誤之后的快捷刪除圖標,方便用戶一鍵操作.....等等(詳細的可見之前項目復盤)。


          4、數據驗證

          在設計上線一段時期后,查看數據情況。

          經過一段時間的驗證,漏斗模型的數據轉化有了很大提升。再次驗證,此次改版方案較為成功。

          以上案例大致展示了工作中如何運用數據驅動設計的常規流程與方法。從整體漏斗分析原因,定位關鍵問題節點,進而推動問題環節的優化,最終解決問題。



          5.3 價值體現

          數據會給到我們一定的指導作用,我們需要對數據進行深入思考,從設計的層面去賦能業務。從宏觀的角度去看待業務價值的增長點,尋找設計機會。那么我們該如何通過設計手段提升業務價值呢?產品價值的實現離不開用戶,從用戶的角度進行拆解分析,可以更好的洞察到機會點。

          例如我們需要提升會員模塊的開卡率,該怎么進行落地執行呢?


          5.3.1 目標拆解

          我們將用戶的行為路徑劃分為感知——決策——行動——傳播這幾個主要階段,通過體驗地圖,深挖可優化的空間。

          通過流程的梳理,將目標進行拆解,我們可以從中找到一些值得優化的地方。



          5.3.2 設計方案

          有明確的設計目標之后,我們就需要針對每一節點進行針對性的設計。

          1、感知階段-用戶觸達

          當前會員購買的入口隱藏的過深,很多用戶都對該模塊的存在缺少認知。要想會員卡的購買率有所提升,最基本的舉措就是要加大對其宣傳力度。因此,我們需要增強用戶感知。常見的形式有Push推送、郵件、短信等等,吸引用戶去查看相關的內容,并引導后續轉化。

          我們需要提升關于會員內容的用戶感知,就可以嘗試在首頁增加會員入口。宣傳的形式可以采用Banner圖,方便用戶直接點擊就可進入了解詳情。另外,產品頁面還可增加氣泡文案引導,底部懸浮彈窗等等,增強用戶的感知。

          有一個需要特別注意的地方,就是在進行宣傳引導時,一定要考慮到產品自身的屬性,進行差異化設計。比如說海外產品的用戶一般都很討厭廣告,那么我們在進行設計的時候就要做到克制。在滿足運營需求的前提下,盡量減少對用戶造成不好的體驗。


          2、決策階段-價值觸達

          用戶受吸引來查看會員相關內容時,我們需要對會員的價值進行一個高效快捷的輸出傳遞。只有讓用戶在該階段感受到價值大于價格,才會有后續的購買行動。在會員權益模塊,需要根據用戶的狀態進行區分,針對化展示。人群大致劃分為普通用戶、會員與過期會員。

          我們可以通過一些設計手法,強化用戶的價值觸達感知。

          (1)文案刺激。告訴用戶辦會員卡一年預計能省下多少錢。

          (2)增加計算器功能,讓用戶根據自己的習慣輸入預計交易額,更智能的感知優惠。

          (3)向用戶發放一定的優惠券,并增加倒計時,出于沉沒成本,用戶轉化的幾率很有可能會增加。

          (4)人數比例展示,利用人的從眾心理,促進購買。



          3、行動階段-購買轉化

          到了行動階段,用戶的整體購買流程是否高效、是否順暢則成了我們需要關注的重點。我們在現階段的設計策略,可通過以下方式進行展開:


          (1)避免用戶過多選擇

          原有的會員頁面將三種會員模式全都展示出來讓用戶自己選擇,對于很多新手來說這無疑是非常困難的,會員的購買率也比較低。更新后,我們將會員的價值點簡單的羅列出來,讓用戶可以直觀的了解會員卡的優勢,同時會員卡按照時間周期與價格劃分為3個不同的層級,針對平臺主推的年卡,增加標簽,強化感知。


          (2)減少頁面跳轉

          用戶在進行購買時,無需跳轉頁面,只需在當前頁面操作即可。懸浮收銀臺的形式,可以避免用戶在跳轉頁面之間可能帶來的數據流失,最大化的保障用戶購買行為的完成。


          4、分享階段-持續正向裂變

          用戶完成分享即可獲得相對的獎勵,被分享的新用戶再進入產品進行體驗,即可獲得新用戶獎勵。在進行分享的操作中,有以下優化方向。

          (1) 增加分享引導

          可以通過文案引導、運營位的形式進行宣傳,吸引用戶進行分享操作。

          (2) 優化分享體驗

          增加分享的渠道,引入常用的Twitter、Facebook、Telegram等社交平臺;

          增加用戶分享圖的制作,為用戶提供更多的選擇空間。




          六、總結

          數據驅動是一項長期的工作,需要去不斷的跟蹤、反饋,通過不斷的數據驅動,才能推動設計的更優發展。在日常的工作中,我們需要對數據保持敏感,從這些數據背后找出真正的原因,并進行針對性的優化。設計師了解一定的數據知識,可以更好的輔助我們進行設計產出,使得我們的方案更有說服度。

          感謝閱讀,以上就是我要分享的如何利用數據驅動設計的全部內容。


          文章來源:站酷  作者:甜西瓜汁



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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          App 信息架構:如何讓用戶始終有掌控感

          ui設計分享達人

          信息架構是產品的骨架。具體而言,就是一款產品有幾個一級頁面,以及支撐起整個產品的一級頁面、二級頁面各有幾種內容樣式。所謂一級頁面,微信的“發現”頁就是一個一級頁面;在“發現”頁點“朋友圈”,進去的就是一個二級頁面。所謂內容樣式,Banner 是一種內容樣式,九宮格是一種內容樣式,設置頁面那種列表也是一種內容樣式。

           

          這樣的信息架構,有什么價值?

           

           

          01 信息架構的價值:掌控感與健康迭代

           

          對用戶而言,信息架構的主要價值在于掌控感;對產品而言,信息架構的主要價值在于健康迭代。

           

          1. 掌控感

           

          如果房間里很亂,到處都堆滿了東西,常穿的衣服也找不到了,我們就很容易變得煩躁不安。相反,如果混亂的房間被收拾得很整潔,我們的心情也會隨之變得愉悅起來。

           

          這中間的原因是什么?

           

          個人覺得,從原始社會到 21 世紀,我們人類一直生活在競爭中,所以一直在追求一種對生活的掌控感。這種掌控感,會讓我們找到一種存在感和價值感,從而給身處競爭中的我們一種安全感。一個收拾得井然有序的房間,會讓我們覺得一切盡在掌握中;一個胡亂塞滿東西的房間,則會讓我們覺得這個房間處于失控狀態,從而引發煩躁不安。

           

          一款 App,如果主要的幾個一級頁面也都塞滿了各式各樣的內容,那么用戶通常也會感到煩躁不安。這是因為用戶不能馬上理出頭緒,不能馬上獲得那種掌控感。另外,如果大的改版經常讓用戶體會到這種煩躁不安,用戶就會對這款 App 感到不滿和失望,甚至失去信心和期待。

           

          所以說,信息架構的第一個價值,就是讓用戶始終有掌控感。

           

          2. 健康迭代

           

          產品的更新迭代,有時會出現“發?!焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。

           

          所謂發福,就是變得臃腫了,比如一級頁面突然增加了很多內容樣式。所謂微整形,就是和之前比有點亂套了,比如有的一級頁面突然消失了、有的一級頁面突然出現了、有些常用的功能突然找不到了,諸如此類。

           

          一款產品,如果大的改版總是通過發福、甚至微整形的方式實現,用戶就很難獲得掌控感。

           

          反過來,一個優秀的信息架構,是接近“凍齡”的。也就是說,不管產品怎么更新、怎么加新功能,都能簡單如初,都能讓用戶馬上獲得掌控感。典型的例子是微信:微信已經加了很多功能,但整體給人的感覺依然是簡單的。

           

          這樣的信息架構,很少發福,也幾乎不做微整形,所以能讓用戶永遠有掌控感,從而確保產品能夠健康迭代。

           

           

          02 怎樣實現信息架構的價值

           

          什么樣的信息架構,能夠實現“掌控感”和“健康迭代”?

           

          其實參考答案剛才已經出現了,那就是接近凍齡的信息架構?;蛘吒_切地說,是一種“以不變應萬變”的信息架構。

           

          這里的不變,是指信息架構看起來永遠沒有明顯變化,永遠都很簡單。萬變,是指不斷新增的功能,不斷變化的功能。

           

          如何做到以不變應萬變?一級頁面和二級頁面都很關鍵,其中最核心的是一級頁面。這里也順便拋一個問題:一級頁面,用來干啥?

           

          一級頁面主要用來干三件事,分別是:提供掌控感、提供常用功能、提供小入口。也就是說,一級頁面尤其要把掌控感給到用戶,要讓用戶快速找到常用功能,同時還要為不常用的功能提供一個小入口。需要說明的是,這個理念可能不太適合一些商店類產品,比如淘寶這樣的電商產品,所以僅供參考。

           

          那如何完成這三件事?主要有以下四個要點。

           

          1. 不要超過 4 個一級頁面

           

          4 個和 5 個,它倆之間存在微妙的區別。比如我們給手機號或銀行卡號分段時,更喜歡每段最多分 4 個數字,而不是 5 個,直觀對比見下圖。


          4 個還是 5 個

           

          很多 App 的底部導航欄,也是只有 4 個Tab,即 4 個一級頁面。受生活經驗等因素影響,當我們看到 App 有 4 個一級頁面時,內心或潛意識里可能會覺得:哦,4 個,還算簡單,基本能記住;而當看到有 5 個一級頁面時,可能會感到一絲壓力:5 個啊,有點多了。

           

          總的來說,我們更偏愛只有 4 個一級頁面的產品,因為 4 個仍在簡潔的范疇內,5 個就已經開始走向復雜。在《微信背后的產品觀》這場分享中,張小龍也提到過:“微信保證只有 4 個底部 Tab。”

           

          2. 不要超過 3 種內容樣式

           

          Keep 6.0 系列的“探索”頁面有 5 種內容樣式,顯得很復雜。微信的 4 個一級頁面中,“發現”和“我”頁面只有 1 種內容樣式,“微信”和“通訊錄”頁面只有 2 種內容樣式(加上頂部的搜索框),顯得非常簡單,和 Keep 的對比如下圖所示。

           

          Keep 6.0 系列與微信的內容樣式數量

           

          像微信這種內容樣式數量上的極簡,可能很多產品難以做到。那么,我們不妨退而求其次,早期先從 1 種、2 種內容樣式開始。后期加功能了,可以考慮第 3 種,謹慎考慮第 4 種,盡量不要增加第 5 種,因為一定會變得復雜。

           

          大家可能會說,產品的功能很多,3 種內容樣式不夠用。

           

          針對這種情況,只要邏輯上不存在大的問題(比如把“支付”放到“通訊錄”頁面),就可以嘗試把不同內容合并成一種樣式。微信在這方面就做得很好,大家可以參考它的設計。比如下圖的“通訊錄”頁面,聯系人上方那些內容,和聯系人不是同一類內容,但它們共用一種內容樣式——一個簡單的圖文列表。

           

          微信“通訊錄”頁面:不同內容合并成一種樣式

           

          3. 不為二成需求,去打擾八成用戶

           

          產品設計里存在一個比較常見的問題,就是往一級頁面塞很多內容或功能,其中有相當一部分是用戶日常用不到的,這種設計容易讓人覺得臃腫。比如 Keep 6.0 系列的“運動”頁面,就用了較大空間來推薦付費計劃和運營活動,如下圖所示。

           

          用較大空間來推薦付費計劃和運營活動的 Keep 頁面

           

          相信有相當一部分用戶是不需要這些內容的,所以這其實也是一種打擾。這種打擾會影響到這些用戶對這個界面的掌控感。

           

          這種現象有兩個可能的原因。一是企業擔心用戶不用這些功能,所以就在一級頁面用很多空間來展示它們,Keep 的例子應該屬于此類。二是有部分用戶提建議,所以企業就加了這些功能。

           

          關于第一個原因,個人觀點,有些功能本身就屬于二成需求,在一級頁面占用太多空間不僅改變不了這個現實,還會對用戶形成打擾。

           

          關于第二個原因,個人看法,用戶的建議通常只代表個人立場,而企業至少要代表大部分用戶的立場。比如,網上就有人建議微信在朋友圈加一個屏蔽別人的功能,實際上微信有這個功能,只是一直隱藏,沒有放出來——因為用的人少,它屬于二成需求,放出來的話會對八成用戶形成打擾。

           

          總的來說,理想情況是接受現實、尊重規律:是八成需求就提供八成空間,是二成需求就提供二成空間。具體參考如下圖所示。

           

          是八成需求就提供八成空間,是二成需求就提供二成空間

           

          4. 盡量不在標題欄使用 Tab 或下拉框,增加維度

           

          這其實是張小龍分享過的一個觀點,我個人很贊同,就直接引用一下。下面直接看兩個例子。Keep 6.0 系列的前三個一級頁面,標題欄都使用了 Tab,就顯得內容很多,有點復雜,如下圖所示(僅展示前兩個)。

           

          使用了 Tab 的標題欄

           

          微信中擁有標題欄的前三個一級頁面,其標題欄都沒有使用 Tab 或下拉框,就顯得簡單、內容少,如下圖所示(僅展示前兩個)。這也是微信保持簡單的一個重要原因。

           

          沒有使用 Tab 的標題欄

           

           

          結語

           

          一般情況下,產品都需要更新迭代:增加新功能,完善舊功能。

           

          用戶則是一個矛盾體:一方面對新功能和新事物懷有好奇心;另一方面又希望每次打開常用的產品時,都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。

           

          好的做法,就是類似微信那樣:盡管加了新功能,但是看起來沒有明顯變化。也就是說,以“不變”的信息架構,來應對萬變的功能。


          文章來源:站酷  作者:Snow Design

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          設計師如何高效溝通需求

          ui設計分享達人

          前言

          ——————————

          溝通是為了完成設定的目標,把信息、思想和感情,在個人和群體之間傳遞,并達成協議的過程。溝通目的一般分為:說明事物、表達感情、建立關系、達成目標。


          需求溝通是設計師和團隊圍繞需求目標,信息傳遞的過程,是設計師展開設計工作的起點,貫穿整個設計過程,溝通質量直接影響設計和項目質量。但因溝通復雜性、開放性,對很多新手設計師來說,在需求溝通過程中,可能會碰到一些共同的溝通問題,比如前期需求不明確導致設計頻繁修改、產品和體驗發生沖突時無法說服產品、溝通過程中陷入情緒爭吵、溝通中雞同鴨講等等。


          針對這些問題,本文嘗試梳理需求溝通過程中幾種典型場景和方法,以期幫助新手設計師快速識別需求溝通中的常見問題;提升溝通效率,快速達成共識;掌握溝通竅門,更精準高效的產出需求。


          本文主要分成2個部分,第1部分主要聚焦在需求溝通過程中的不同階段,面對的典型溝通問題和解決方案;第2部分主要介紹溝通中一些常見的技巧和方法。



          Chapter 1

          ——————————

          需求溝通的目標和方法


          1.1 設計師在不同需求階段的溝通目標

          通常設計師在處理需求的流程大致可以分成4個部分:了解需求->分析需求->探索方案->實現方案。在不同的階段,設計師要解決的核心問題不同:


          了解需求階段,設計師和產品針對需求目標進行討論,并和團隊就產品目標達成共識;


          分析需求階段,設計師和產品針對產品策略合理性進行討論,并提出體驗訴求;


          探索方案階段,設計師探索設計方案,并和產品就商業目標和體驗目標達成平衡;


          實現方案階段,設計師和產品協調優先級,調整方案,確保方案最大程度實現還原;




          1.2 如何更好的了解需求,明確目標,達成共識

          在了解需求階段,設計師需要了解需求來源、背景、要解決的問題和目標。總結來看需求可大致分為2類:一類是需求目標較明確,產品有明確要解決的問題,如提升產品體驗、滿足某個用戶明確需求、完成某個產品目標;一類是需求目標較模糊,比如挖掘用戶潛在需求,探索新的業務方向。



          對于目標較明確的需求,在了解需求背景、解決標準、需求邊界、限制條件和責任人等問題后,即可進入需求分析,策略討論階段。


          但對于方向探索類需求,如何協助產品探索目標,和團隊達成關于目標的共識,是這階段的溝通重點。以一個創業的項目為例,產品想做一個圖片社區,原因是目前國內沒有頭部圖片社區。還原項目初期的溝通過程如下:



          在產品的催促和時間壓力下,設計并沒有圍繞產品定位、用戶群、產品目標進行充分討論,也沒有和團隊成員達成共識。在這種情況下,選擇跟隨產品的節奏,陷入了被動執行。由于前期并沒有針對需求進行細致的推敲討論,方案的輸出過程變成了試錯的過程。產品方向修改頻繁,這種被動的溝通方式,導致整個團隊目標感不清晰、理解混亂。



          經過反思和問題總結,設計師發起了主動溝通,運用設計方法協助產品明確需求,提升方向說服力,探索如何就目標和團隊達成共識。首先,需要和產品明確用戶群,并尋找用研協助,或發起快速訪談了解用戶;其次,組織團隊相關成員發起關于產品目標的討論,圍繞產品決策人給出的產品初步方向,團隊成員每人寫下對產品的期待,提煉總結團隊成員的想法,提煉總結產品目標;再次,根據用戶訪談材料,利用親和圖法,提取關鍵詞,從用戶訴求中洞察提煉用戶目標。最終,產品目標得以明確,團隊也取得了關于目標的共識,同時通過快速demo,來驗證優化,項目得以順利進行。




          1.3 如何更好的分析需求,確保產品策略合理性

          在了解需求背景、用戶群體,明確了需求目標后,進入需求分析階段,通常產品會給一個商業假設:假如做了xxxx,用戶就會xxxxx,產品可以達成xxxx目標。以一個需求為例子:產品想做一個任務體系,通過福利吸引用戶做任務,從而拉動產品活躍。


          如果設計師完全按產品給的商業假設輸出,方案產出過程貌似很順利,但可能隱藏了很多問題。以本需求為例,產品的商業假設邏輯是:用戶被福利吸引->用戶為拿到福利做任務->用戶獲得福利->產品完成目標訴求;


          但這個假設是正確的嗎?設計師的價值就在于,這個時候要能找出產品假設中的問題。通過對用戶的了解和洞察,還原用戶的實際使用過程可能會發生的問題。找到這些關鍵問題并通過和產品溝通協調解決掉這些問題,才能順利實現產品目標。


          通過對用戶實際參與過程的分析,用戶在看到任務獎勵后,實際需要權衡的內容很多,如福利吸引力夠不夠大、有沒有關系親密的好友可邀請、好友要完成的任務難度大不大?分析需求過程關鍵就是找到這些問題的對應策略,強化用戶參與的動力,降低參與難度。




          1.4方案探索階段,如何平衡商業和體驗訴求

          在方案輸出階段,設計師和產品最常發生的爭執是商業目標和體驗之間的沖突。產品為了達成商業目標,很多時候希望把達成商業目標的手段做的很強;



          當發生圍繞商業目標和體驗問題,誰都無法說服對方的情境時,設計師該如何溝通呢?


          首先,作為設計師要擺正溝通立場,理解商業化是任何產品的根本目標,體驗也是實現商業化手段之一,我們反對的不是商業化,而是簡單粗暴的商業化方式,商業化的前提是對目標用戶有足夠的了解和盈利模式的清晰判斷。


          其次,應能夠識別對于曝光越多越好,越直接越有效的這種思維方式,通常是一種鳥槍法的投機心理。在沒有更巧妙的解決方式時,最節省力氣的做法就是提升曝光等方式達成目標。


          當發生爭執時,如果僅僅站在設計立場上,用設計理論說服對方,通常效果有限。嘗試找到產品實現商業化目標背后的邏輯,不要用手段代替目的,探索更好的實現商業化方式的可能性,比如嘗試在合適的路徑上推薦,或探索用戶更容易接受的內容形式。




          1.5 方案實現階段,如何協調優先級,推動方案最大程度還原

          在方案實現階段,很多時候由于時間緊張,產品僅完成最核心功能,部分體驗相關功能一直無法得到優化。


          通常如果方案產品認可,但推進意愿不高時,可能的原因是:1.當前方案不是核心KPI,產品要優先保證對kpi影響最大部分完成;2.投入產出比不劃算,方案在產品看來投入的人力/時間/資源過大,并不值得;3.方案改動可能引發數據風險,產品并無法確保改動一定能帶來數據的成長;4.資源緊張,產品也很想實現方案,但項目時間/人力/資源真的很緊張。



          這種情況下,首先,要和產品夠分溝通他們的疑慮和擔心,到底是哪類問題;其次,從心態上也不用急于一時,做好長期推動的準備;還有,充分優化方案,消除產品疑慮,尋找合適時機進行推動。在項目逐漸迭代的過程中,對需要推動體驗優化點持續關注,盡可能放大方案價值,結合新的需求點,思考能否從價值拓展角度,如提升品牌價值、擴展性等角度提升方案說服力;同時,從縮小成本和打消產品疑慮角度,做足準備,推動方案。



          Chapter 2

          ——————————

          溝通技巧的問題

          溝通的過程是一個信息螺旋傳遞的過程,表達者的信息傳遞到接收者時,因為背景、環境、理解能力、傳遞完整度等差異,接收者僅能接收部分信息,而接收者在理解消化后,再將自己的信息傳遞出去,這個過程循環往復,會導致兩個最常見的溝通問題:目標偏離以及信息衰減。學習適當的溝通技巧,可以有效減緩目標偏離和信息衰減。


          2.1 如何防止溝通目標偏離

          要防止溝通目標偏離,首先要理解什么會導致目標偏離?1.目標不清晰,比如本來想找產品聊下某功能體驗不合理,但因為產品一直說項目時間緊,被傾訴了一通苦水后,忘記了本來要溝通的問題,轉移到了其他話題上,最后不了了之;2.缺乏同理心,比如當發生爭執時雙方不能互換角度,產品一直在說實現目標手段和現階段問題難點,設計在說體驗問題和設計規范,雙方互不妥協,陷入爭吵;3.陷入情緒,表達觀點時陷入情緒化的爭執。


          針對這三個會導致溝通目標偏離的問題,可使用以下技巧:


          ① 設定溝通目標并保持關注:在每次溝通前想清楚自己的目標和底線,嘗試用全局視角分析自己設定目標的合理性;在溝通過程中要經常反思當前溝通的問題是否已偏離了目標,對達成目標是否有幫助;發現目標偏離可嘗試改變節奏,思考接下來說什么有助于達成目標;


          ② 換位思考:能夠傾聽對方的問題和困難,嘗試尋找解決問題的辦法,而不是一直表達訴求,無助于問題的解決和推進;


          ③ 控制/傾聽情緒:美國心理學家埃利斯創建的ABC情緒理論,拆解了事件發生和情緒之間的關系,指出事件的發生并不是導致情緒的直接原因,我們持有的信念才是。因此在溝通中不要加入太多內心戲,過度解讀事件。比如產品讓設計反復改稿時,可能會解讀為產品在故意刁難,嘗試了解反復修改背后的原因,可能對解決問題更有幫助。



          2.2 如何減少溝通過程的信息損耗

          溝通過程中表達者的模糊表達和接收者的理解偏差,會導致溝通過程中的信息損耗。比如經常會聽見產品有以下類似的表達:“設計稿盡快輸出”、“頁面太結構化了,想要更社交化一點”、“能不能做得更有創意一點,更有趣點”當出現這些類似的溝通語句時,可以嘗試通過具體化方式,進行確認。



          對于可能會出現理解偏差的問題,重要的信息用自己的語言組織后再次確認“你的意思是xxxx嗎?”;重要的溝通后,可梳理溝通記錄,企業微信同步周知確認;方案的溝通過程可以快速畫草稿確認;盡可能的減少因為理解不一致導致的溝通問題。



          總結

          在需求溝通過程中,我們要對不同階段的溝通目標有清晰的認識,圍繞目標進行充分準備,運用設計方法了解用戶、了解產品核心訴求,做到知己知彼,才能進行有效的溝通。


          在溝通過程中保持對目標的關注,始終牢記溝通是為了解決問題服務的。適當學習溝通技巧較少溝通過程中的信息損耗。


          溝通是解決問題,共同協作的重要方式。如果你覺得自己不善于溝通,可能要反思下溝通前是否想清楚自己的溝通目標,對于解決問題的過程、方法是否熟悉,準備是否充分?當我們能做到知己知彼、胸有丘壑時,溝通可能就變得簡單起來。


          文章來源:站酷 作者:騰訊ISUX

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          設計趨勢ISUX報告-數字內容營銷篇

          ui設計分享達人

          背景

          數字營銷是指借助于互聯網營銷方式,幫助業務方和消費者建立觸達渠道,實現業務的商業目標達成。按業務類型分為線下產品的數字廣告和數字內容(APP、影音、動漫、游戲等)線上推廣分發。本文主要聚焦在數字內容線上推廣分發上,嘗試從用戶獲取渠道、體驗方式、內容感知、新技術帶來的變化等幾個方面,為相關從業者梳理數字內容流行的營銷方式,以期提供一些啟發和借鑒。


          近年來用戶內容消費呈碎片化、視頻化,多元化趨勢。短視頻內容強勢崛起,這種方式可以讓用戶更輕松、更深度消費內容。在各類營銷類型中,短視頻逐漸成為推廣的重要方式,不僅在實體產品電商領域,日益成為重要的銷售方式,在數字產品的推廣上,也發揮越來越重要的作用。漫威在短視頻平臺注冊虛構報社賬號宣傳《蜘蛛俠:英雄無歸》電影,獲得海量關注和點贊。


          說唱歌手Lil Nas X用《Old Town Road》做BGM在短視頻平臺發起的牛仔挑戰(#Yeehaw challenge),使這首歌曲通過短視頻成為了全球爆款。這首歌在美國地區的流媒體播放量超過了25億次,在Billboard排行榜保持了19周的冠軍。



          美國創作型歌手兼唱片制作人 Charlie Puth 嘗試在短視頻平臺上發布一些旋律,發起了標簽挑戰 #writethelyrics,邀請粉絲們為旋律填詞,這個標簽累計視頻觀看量達到38億次。



          在游戲領域,短視頻/直播內容也正成為分發重要形式。短視頻巨頭已深入游戲腹地,2020年移動游戲用戶與短視頻用戶重合率達82.5%,近六成移動游戲用戶會用短視頻主動搜索游戲內容。短視頻在和游戲內容結合上有先天優勢,消費門檻低,體驗更沉浸,同時也可以快速獲取其他玩家的感受。除此外,對于游戲制作和發行方來說,這里也是通過內容創作獲取用戶的良好渠道。



          游戲依托賽事直播、KOL直播,聚集了大量高質玩家,相較于傳統分發方式,直播具備互動性、真實性、及時性等三大特點。KOL主播可以將游戲最直觀的展現在玩家面前,更可以利用高人氣迅速提升游戲熱度。Facebook gaming現在采用直播feeds的方式進行游戲的推廣,使玩家對游戲體驗感受更直觀。




          黑客帝國4在官網為用戶提供了一段可交互的宣傳視頻,根據用戶的選擇不同,觸發不同類型結局。讓用戶更有代入感和掌控感。有種“我”開啟了一段故事,也更容易帶來體驗上的驚喜感。



          洛杉磯流行藝術家 BIIANCO 為其單曲That’s what friends are for制作了互動音樂視頻,以互動游戲的方式讓觀眾進行多次選擇,探索屬于自己的故事。



          在游戲類內容宣傳上,為讓玩家更直接、更低成本的體驗到游戲的玩法和特點。借助2D、3D以及交互視頻素材高度還原游戲的真實場景,音效、視覺、玩法互動與游戲本身無異,將原有的游戲體驗前置,讓用戶在短暫的廣告展示時間中快速明白游戲的核心機制。




          2021年音頻內容呈爆炸式增長,播客這種很早就有的形式,在今年煥發了蓬勃生機。因為疫情原因,音頻內容呈爆發式增長,相較于其他數字內容表達方式,音頻覆蓋了更多互動場景,用戶可以在通勤、運動和打掃房子的時候在車里播放。


          21年初熱播的《流金歲月》不僅霸屏熱播熱榜,更首次將營銷可能性轉化到“看不見的”聲音領域,最終聯手十多家播客參與多方面討論了女性、友誼、成長等話題,精細化傳播,也讓更多電臺參與創作討論,最終“我的「流金歲月」”主題內容實現了全平臺百萬級的總播放量。


          Beats 就聯合播客《大內密談》推出了一檔名為「一首歌的誕生」的系列節目,主播相征會在節目中和各位音樂聊一聊他們的某一首歌從譜曲、寫詞到錄制的全過程。2021年,《大內密談》連續7年獲得Apple Podcasts年度精選播,擁有400多萬忠實聽眾,單期節目收聽量超過400萬次。




          影音、游戲聯動明星、品牌、知名IP、傳統文化產業、線下活動等等具有影響力的合作方進行戰略合作,擴大雙方影響力。如英雄聯盟和LV的跨界聯動,這款由LV設計的史上最昂貴、最奢侈的游戲皮膚,還未推出就捕獲了無數LOL玩家的心,在讓玩家興奮不已之余,還引發了“這款皮膚究竟有多貴”的討論。



          自2017年騰訊和敦煌研究院達成戰略合作以來,王者榮耀飛天及九色鹿主題皮膚、QQ音樂“古樂重聲”音樂會、敦煌詩巾、“云游敦煌”小程序和敦煌動畫劇陸續推出。三年間,累計超過2.5億人次參與了“數字供養人”,超過4000萬年輕人在王者榮耀中遇見了敦煌飛天,“云游敦煌”小程序目前已接待超過3700萬人次線上游客,40多萬用戶設計了自己專屬的敦煌絲巾,24萬用戶在騰訊公益平臺為敦煌石窟保護項目捐款,15萬用戶在線用聲音演繹敦煌動畫劇。



          2021年底熱劇《風起洛陽》聯動洛陽市文化單位正式發布“華夏古城宇宙”的全新概念,并宣布“華夏古城宇宙” 首發洛陽IP中的劇集《風起洛陽》、紀錄片《神都洛陽》、動畫片《風起洛陽之神機少年》,帶領觀眾開啟探索華夏文明的旅程。




          1)內容二創,形成粉絲傳播文化

          影視劇宣發期,通過話題互動或設置傳播內容,讓用戶創作內容進行傳播,如《魷魚游戲》引發自發傳播的摳糖挑戰也引起更多受眾注意激發用戶觀看。



          游戲也會在上線后逐步積攢口碑和玩家數量,官方在制作游戲時和后期推廣上會提供一些方便傳播的核心素材,由游戲粉絲玩家群體自發進行二次創作產生的UGC內容,也會引發大眾關注。很多玩家會圍繞游戲內容創作出新奇舞蹈、仿妝、COS、攻略、同人剪輯、漫畫等,提供廣泛的話題和討論度。例如《CS:GO》,它通過一條開箱視頻引爆短視頻平臺,打破了消費用戶的圈層,從游戲用戶到泛娛樂用戶,最終令游戲內箱子的價格從0.8元漲至2元,極大地促進了消費。



          2)打造慶典活動,激發用戶共情

          通過大型慶典活動,讓用戶共情,形成記憶共享,將志同道合的人聚在一起,形成文化傳播。如英雄聯盟每年都會舉辦盛大的全球總決賽開幕慶典,并加入一些讓人印象深刻的游戲元素。




          相較于通過中心化推薦方式向用戶展示廣告內容,新的趨勢是廣告主利用用戶社交關系鏈,在facebook、微信、QQ等社交平臺進行分享傳播。通過社交流量的傳播內容,讓受眾覺得更貼近自己,也更可信。相較于其他數字內容,在游戲分發上私域流量日益重要,很多頭部社交渠道在嘗試如何更好的通過私域流量帶動游戲分發。

          1)通過社交動態通知觸達

          Facebook游戲智能助手會在玩家的對手參與游戲后,通過Facebook與Messenger提示對方繼續玩游戲,這種方式可以吸引玩家快速回歸玩過的游戲;同時在首頁好友動態中可以看到好友的游戲邀請動態和相關戰績,對游戲有較高的流量傳播;游戲的高活玩家也可以通過邀請好友對戰或分享游戲活動等方式進行裂變傳播;



          2)線上社區深度觸達

          Discord建立起玩家之間互推、互鑒,玩家與開發者間直接互動的社區平臺;社區內的種子玩家可以更直接地與開發者接觸,讓自己的聲音被聽到;同時他們也是優質的渠道傳播者,將優質的討論內容、游戲動態進行分享,讓渠道轉化效率更高;



          同時Discord可以創建「臨時」游戲語音頻道,可以讓其他成員看到頻道內成員正在玩的游戲;玩家也可以將游戲實況傳輸到服務器,在語音頻道邀請朋友共同觀看自己的游戲“現場直播”,讓玩家的朋友在沙發上重現游戲的感覺;



          3)利用核心玩家作為推廣資源觸達

          游戲開發者利用多圈層KOL的優勢,引導他們產出與游戲相關的UGC,OGC內容,形成話題熱議,從而觸達到目標用戶,這種方式可以增強游戲影響力,甚至產生出圈的效果;比如Youtube通過扶持優秀的內容創作者,通過他們的粉絲圈或者社交關系進行游戲推廣。



          2021年初爆火出圈的社交產品clubhouse,也是在早起利用名人明星和圈子的力量,通過采用邀請制的方式吸引了高質量的種子用戶,帶動app的影響力,提升其在世界產品和科技圈的熱度。




          相較于傳統的機器人客服,機器人進化出了新能力,在數字內容推廣上展現新前景。在Discord中,由第三方機構提供各種數字內容服務能力的機器人,如將Patchbot機器人添加到頻道后,可以將用戶喜歡的游戲資訊/功能更新及時推送到頻道中,讓玩家獲取信息更及時;



          在Discord和Telegram聊天群組中,有很多提供數字產品服務能力的機器人,為群中小伙伴定期推送和主動獲取影音資源。




          隨著元宇宙、區塊鏈技術的火爆,數字內容也展現了不同以往的展示和推廣方式。2021作為元宇宙爆發年,向我們展示了未來的一角。通過虛實結合的互動體驗,數字營銷不再局限于單一的文字/畫面,而是通過多體感的交互,讓用戶全方位的體驗數字內容,為獵奇的互聯網用戶打開了數字營銷新篇章。


          1)虛擬偶像成數字內容推廣重要方式

          2021年,隨著元宇宙基建的推進和爆款案例的頻出,虛擬偶像也迎來了新一波發展高潮,引得不少音樂公司紛紛入局。19歲的加州虛擬網紅Lil Miquela代表了Z時代的社群偶像,她在instagram,youtube,discord等平臺分享自己的時尚穿搭,與名人或朋友的合影及生活想法,甚至她還在Spotify發布了自己的15首單曲。打造了跨平臺的Vmodel身份。



          韓國虛擬模特Rozy,不僅在社交網絡分享自己的穿搭生活,還如同常人一樣,營造看電影的真實體驗,她的代言產品不僅涉及線下美妝,還為線上購物網站,電影等數字產品內容做宣傳推廣;




          2)虛擬演唱會打造多感官音樂體驗

          賈斯汀 比伯舉行了一場由真實動作捕捉的線上虛擬演唱會,比伯在演唱《Peaches》、《Hold On》等人氣單曲的同時,觀看直播的觀眾可以根據場景與比伯進行線上互動:場景切換到田野時,觀眾可以點擊不同顏色的花朵,讓田野生出花朵形狀的流光;



          切換到街頭場景時,觀眾可以把聊天內容或愛心發送到比伯周圍;



          這種虛擬演唱會的形式將全球的粉絲連接在一起,在虛擬場地形成萬人互動的沉浸式音樂體驗。寶可夢25周年,聯合說唱歌手Post Malone推出了自己的虛擬音樂會,馬龍在這次虛擬演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首單曲,在虛擬世界中與知名寶可夢一起完成表演;也為新發售的《寶可夢:晶燦鉆石/明亮珍珠》起到宣傳作用;



          3)利用虛擬社區打造游戲/影視宣發新方式

          Decentraland提供了去中心化的社交世界,用戶可以創建自己的虛擬形象,在不同的游戲場館進行切換,為游戲品牌起到了更好的宣傳作用;同時Dcentraland提供了虛擬土地售賣,用戶或開發者購買土地后,通過制作3D場景,發布自己設計的各種產品或服務,這些場景也可以使用VR終端來體驗,用戶或開發者可以發揮無限的想象力進行宣傳創作。



          韓國劇集《魷魚游戲》熱播后,劇集中的游戲關卡在羅布樂思公司的游戲社區被“1:1”還原,其中的游戲“1、2、3”木頭人進入推薦排行榜,吸引了眾多觀眾成為玩家,也讓很多玩家去奈飛追劇,擴大了該影視資源的影響力。



          4)區塊鏈及NFT技術賦予數字內容流通新方式

          伴隨著區塊鏈技術的發發展,有的游戲分發公司也在嘗試通過區塊鏈技術進行游戲發行。如Ultra試圖打造一個基于區塊鏈的游戲發行平臺,通過通證經濟實現更加合理的利益分配。對游戲玩家來說,可以在下載完成前就盡情享受新買的游戲,并在玩游戲時繼續下載缺失的數據。玩家可以自主選擇是否允許游戲內彈出廣告,觀看廣告可獲得通證獎勵,邀請朋友、參與測試和策劃游戲也可獲得相應通證獎勵。因此,游戲玩家既可以即時玩獨家游戲,又可以通過多種方式賺取通證獎勵。



          NFT實現了虛擬物品的資產化與流通化,賦予了數字藏品/游戲/影音等內容的虛擬價值;藝術品數字資產化將拓展影視相關內容的產品鏈,因被賦予獨特的價值,使得其可以通過交易完成變現。2021年10月11日,王家衛首個NFT作品《花樣年華——一剎那》以428.4萬港元價格成交,同時創下王家衛個人作品與亞洲電影NFT作品拍賣價格新高。



          總結

          伴隨著用戶數字內容消費習慣的變化,數字內容呈現方式、渠道和分發方式都在發生變化。可以看到在未來,數字內容制作方和發行方,需要為用戶提供更多元的方式深度進行體驗,同時承載數字內容的平臺也逐步由傳統的中心化渠道向私域流量轉移。作為數字內容發行方,如何有效且長線輸出高品質內容,構建內容壁壘,探索更有吸引力的表現形式、縮短和用戶的溝通渠道,是未來需要深入思考的。

          文章來源:站酷 作者:騰訊ISUX

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          簡單又不簡單的“設置”場景設計

          ui設計分享達人

          一、隨處可見的齒輪


          以一個小小的齒輪(或者扳手)形象登場,“設置”在幾乎所有產品中都是不可回避的模塊,他允許用戶在彈性范圍內自定義產品,來更好地適應實際需求。

          在一些產品團隊的眼里,“設置”或許是一件非常簡單的事情,因為大多設置模塊的使用頻次低,無關核心業務。所以當內容看似非常簡單明確時,“設置”甚至會不經設計,由開發直接上手就干。但這樣簡單處理的結果被擺到用戶面前時,各種糟糕的體驗就紛至沓來了。找不到設置入口、不知道該如何設置的用戶吐槽屢見不鮮。所以說,“設置”,說簡單也不簡單


          下面我們就從用戶場景出發,深入挖掘設計邏輯,重新認識這個隨處可見的小齒輪。




          二、“設置”的用戶場景


          調研發現,不同性質、體量的產品,“設置”模塊的功能設計存在著不小的差異。

          ToC產品一般會提供關于用戶自身使用習慣的設置,如界面語言、皮膚主題等。而對于ToB產品來說,除了部分與ToC產品重疊的用戶個性化設置內容外,往往還有作用于整個平臺、全體用戶的系統設置權限,當然他們的可見用戶并不是全體成員。


          從上述對功能的簡單描述可以初見,“設置”模塊的目標用戶也不會是一成不變的

          拿我們日常高頻使用的瀏覽器產品來說,設置是開放給全體用戶的功能模塊,但它的使用頻次很低,如一些關于性能、證書的配置,即使是瀏覽器的熟練使用者也可能對它很陌生。也就是說,哪怕是產品的高級用戶,也可能是“設置”模塊的新手用戶。

          而以技術導向的工具型產品為典例,繁雜的系統設置是產品為了滿足不同客戶間、復雜多變的業務規格,在系統中留出的彈性空間。在這個需求場景中,與產品對話的用戶一般是系統管理員或技術支持人員等,他們對系統方方面面的經驗認知都很充足,甚至系統設置就是其主要工作模塊。所以,對于這類用戶場景下的“設置”模塊,“高效操作、成功結果”是至關重要的設計目標。因為高級用戶往往不追求很強的互動性,更希望跳過流程和步驟,直接切入功能得到理想結果。


          面向不同的目標用戶,自然有不同的設計邏輯,本文接下來的內容,或有共同之處,但更側重于面向第二種情況的思考。




          三、“設置”的設計邏輯


          思考“設置”的用戶場景,使得設計邏輯的探討更加有據可依。簡單來看,“設置”的設計可以從三個環節切入:

          • 設置前:如何向用戶展示設置內容

          • 設置中:如何設計用戶的輸入交互

          • 設置后:如何保存生效或發生錯誤的處理


          接下來我也將從這三個環節發散思考,從信息架構、展示編輯、默認值、幫助說明以及保存等多個方面來談談我對“設置”的一些看法。



          (1)做好內容的信息架構

          成熟的“設置”模塊,必然擁有良好的信息架構。這不僅是指“設置”內部的導航設計,同時也包括“設置”在整個產品的層級安排。這些導航、層級的確定,則會受內容信息體量、功能重要程度等影響。

          首先,在“設置”內部規劃一個合理且清晰的導航,需要在信息的深度和廣度之間做好平衡。平衡架構的天然敵人少不了信息量冗雜這個令人頭疼的問題。無論是在單個層級中內容過多,還是層級本身過多,都會給用戶的快速定位帶來考驗。而通過調研發現,如Google、Salesforce等產品都選擇在復雜的“設置”模塊引入了全局搜索來幫助用戶緩解查找某一功能的壓力。

          信息量冗雜帶來的考驗還有那些零散的、彼此關聯不強的設置項。對他們的架構安排,很容易因為不知道怎么組織,便一股腦地塞進諸如“通用”、“高級”等的模糊分類中,不過這可謂是十足的懶人設計。想要搞定這些難搞的信息,設計者需要對設置內容有更深入的研究和理解,搞清楚它改變了什么、會影響什么以及后續是否會拓展更多關聯設置,等等。

          還有一個值得思考的細節:對于豐富多樣的設置項來說,是將他們散落到直接影響的功能模塊中合適,還是匯總于一個設置模塊中更合適呢?或許在不同的場景里答案并不一致,我覺得這需要綜合考慮該設置項的放權角色、配置頻率、配置影響等因素。



          (2)設置內容的展示與編輯

          完成“設置”模塊的基本架構后,就該將目光投向那些具體的設置項了。就常見的設置內容而言,根據其適合的展示形式進行簡單的抽象,主要分為以下兩種:

          1、適合以表單形式組織的內容:一般是具有獨立影響又擁有相同特征標簽的單條數據被整合到一個分組下進行展示與配置

          2、適合以表格形式組織的內容:一般是具有相同固定結構的數據集需要進行統一管理,包括組層面的增刪等

          為每一個內容選擇最合適的展示形式(當然也并不僅是上述兩種),這個選擇大多時候并不困難,因為“設置”場景的目標導向往往比較明確、直接。當然也不排除部分復雜場景的存在,這就需要我們多花些心思,以用戶更易理解的展示形式完成功能性的表達。

          在“設置”模塊,展示與編輯的聯系非常緊密。直接編輯和解鎖后編輯的選擇,主要取決于用戶進入頁面的常規訴求是查看確認還是編輯修改,以及這些設置內容的改動容錯性是否良好,等等。



          (3)默認值與幫助說明里的用戶體驗

          在本文討論的“設置”場景中,每一個更改都可能對整個平臺乃至全體用戶產生影響。通過調研,我們發現多數用戶對于默認值的沿用性不低。故,對于那些需要默認值的設置項,選擇一個合適的默認值是值得審慎對待的問題。

          了解用戶習慣和業務需求是解題的關鍵。什么樣的默認值最貼合用戶的使用習慣,什么樣的默認值能以最佳狀態滿足業務需求。例如,我們的堡壘機產品一般將日志保留時間的默認值設為365天,便是考慮到了用戶習慣與產品性能的微妙平衡。

          除了默認值的設計,恰到好處的幫助說明也可以讓設置的用戶體驗變得更好。

          我時??吹健霸O計的目標應該是完全刪除說明文字”之類的論述,這好像正契合了簡約至上、不要讓用戶思考等當下流行的宗旨。但,正如尼爾森十大原則的最后一條“人性化幫助原則”也指出,幫助和使用文檔是有必要的。

          結合“設置”的自身的特點:這是一個對產品進行底層配置(相對其他模塊而言)的控制模塊,對用戶的認知與學習能力有著不低的門檻要求。也就是說,設置的內容對于用戶是有一定難度的。我們需要更多考慮內容的幫助說明是否充足,不要想當然覺得用戶能夠理解。

          所以,不難想象,設置模塊的說明概率會遠高于產品的主體功能模塊。進一步探究幫助說明的設計:從形式來說,它可以是文案、配圖甚至是一個視頻講解;從強度來說,它可以一次性出現、常駐于頁面或是直接跳轉幫助文檔等。大多數用戶并不希望在設置模塊獲得探索的樂趣,所以無論如何設計,幫助其快速完成任務是我們在設計“設置”時非常重要的一個追求。



          (4)二次提交與即時生效

          “保存了嗎”這不僅是每個設計師在電腦卡機時候會問自己的問題,也是用戶在完成一系列配置操作后的疑惑。這就牽扯到了設置何時生效的問題。最常見的交互方案有兩種:

          1、每一項配置都即時生效

          2、整個表單統一提交后生效

          那么,哪一種方式更好?我繼續嘗試從業務需求和用戶習慣兩個方面入手:

          “設置”模塊的操作往往牽一發而動全身,試錯成本其實是非常大的。之前聽產品經理說過一個銀行客戶因為修改了某個小小配置項,而造成了巨大實際損失的例子。所以,在這樣一個控制中樞般地位的模塊中,即時生效的選用必須謹慎評估操作風險,減少用戶輕易出錯的機會。

          同時,由于即時生效和表單提交這兩種交互方式都非常常見,用戶天然存在一種認知壓力,也就是上面提到的“保存了嗎”的不確定。所以,我們需要通過設計,讓用戶快速且準確地知道當前頁面采用的是何種保存交互。

          從調研和自身經驗得出,以下幾點都是比較好的思路:

          1、實時的操作反饋可以幫助用戶判斷是否生效

          2、盡量控制設置內容在一屏以內,這樣無論是否設計統一提交的按鈕(或者更改后出現),用戶都可以輕易感知

          3、將統一提交的按鈕以懸浮方式明顯地駐于頁面底部,減輕內容超出一屏時的認知壓力

          4、慎重處理如開關、按鈕、滑塊等帶有很強“即時生效”隱喻的控件




          四、簡單也不簡單的“設置”


          對于很多產品產品而言,“設置”是點擊率不高的輔助模塊。由開發人員直接上手,設置項很容易就變成機器語言的直譯、迭代順序下的鋪陳,而用戶是否可以接受這種簡單粗暴的處理,就成了阿甘手中的那盒巧克力。

          從關于“設置”的論述以小見大,哪怕是看似簡單的角落,也存在著不簡單的設計邏輯。我一直覺得,設計對于商業的價值在于推動溝通,即保證產品與用戶的對話“時刻”流暢。所以,不要草率處置那些不起眼的邊緣模塊或簡單功能的設計。

          文章來源:站酷 作者:齊治設計

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          競品分析,如何助力設計洞察

          ui設計分享達人

          設計本身是建立在對用戶、場景、問題的深刻洞察之上,而競品分析是設計師耳熟能詳的設計思維及方法。在自身的階段性成長中,競品分析也為久喬及工作帶來了顯著的增益。

          關于競品分析,大家聊了太多的“如何做”,而我想和大家聊聊“為什么做”。深究競品分析存在的意義,在實踐中設計思路及側重點將更清晰明確,游刃有魚。



          1.  遵循用戶認知


          競品分析能夠幫助產品設計,遵循存在已久的用戶心智模型和產品實現模型——啟發于 《雅各布定律》。


          1.1  看似陌生的《雅各布定律》


          《雅各布定律》由尼爾森十大原則的創立者、尼爾森諾曼集團的創始人之一,雅各布·尼爾森(Jakob Nielsen)提出。

          他認為雅各布定律更像是一種自然規律,只是在描述一個事實,而這個事實就是用戶在其他千千萬萬個網站(產品)上積累經驗,學會如何使用網站,當一個網站跟其他網站一致的時候用戶會立刻知道該如何操作,但如果違反了雅各布定律,那么用戶會毫不猶豫地離開。

          簡而言之,產品設計需要盡可能降低用戶的學習成本,依據用戶存在已久的用戶心里模型及產品實現模型,進行任務和流程設計。

          因為用戶已經將大部分時間花在行業頭部的產品,這意味如果你希望他們能夠愉悅并持續的使用你的產品,那么你的產品需要跟別人的有相同的操作方法和使用模式。


          「 YouTube2017年改版前后的對比,在新版中,網站框架和功能上幾乎沒動,只是在UI上做了順應新的設計準則,比如調整字體大小、顏色、欄目間距等。整體上和舊版沒太大區別,而且還給用戶提供了舊版的選擇?!?



          1.2  潛移默化的影響


          遵循用戶認知,對互聯網產品有著潛移默化的影響,也印證了尼爾森的《雅各布定律》。這些“影響”在競品中隨處可見,并且符合設計原則及心理學。


          1)一致的概念模型


          同類型產品給用戶的心理暗示趨于一致,相近的產品實現模型,讓用戶快速理解產品是如何工作的。


          「 社交App合理的概念模型,將會暗示用戶如何發展好友關系:精準搜索 → 發送好友申請→ 建立好友關系 → 即時聊天 → 關注動態... 」


          用戶深受行業頭部產品,實現模型的教育,建立了認知及行為習慣。所以我們會發現,行業誕生的新產品及迭代的頭部產品遵循著一致的概念模型,規避重新教育用戶的成本。



          2)一致的交互示能


          我們在不同類型的產品上都進行順暢的操作,是因為產品向我們示意了一致的可交互能力,簡稱“示能”。


          「 文字末位帶有箭頭,表示可點擊查看更多信息;圖片帶有數字角標,暗示我們可以左右滑動切換... 」


          保證產品示能與行業競品一致,為用戶沉浸式體驗建立基礎,避免用戶使用時產生疑惑二次思考。



          3)一致的頁面映射


          當頁面映射關系是用戶所熟悉的,已存在的認知便可讓用戶觸達目標,免去學習成本。


          「 協同軟件的消息頁面,頁面結構及功能分布大同小異,明確地傳遞各元素之間的映射關系:選中聊天列表的對象,右側會出現對應的聊天窗口,窗口下方的輸入框可以發送新的消息?!?



          4)一致的視覺意符


          主要體現在產品表現層的視覺符號,傳達給用戶的意義一致。


          「 小紅點表示有未處理的信息;“筆”代表可填寫或修改?!?




          2.  打破思維邊界


          為自身產品尋求體驗及商業的更多可能,打破既定的思維,是競品分析的關鍵。圍繞不同類型的競品,直接競品及間接競品,設計師的分析側重點及借鑒取舍也有所不同。


          2.1  取長補短


          對于產品目標、核心功能、用戶群體高度一致的直接競品,設計師在明確目標后,梳理核心功能設計與競品之間存在的差異,取長補短。

          剖析競品體驗層比自身產品出色的原因是什么,如何更好地解決用戶的痛點;當然也需要反觀自身產品存在優勢的關鍵,能否通過數據、反饋再進一步拉開差距。以及如何規避短處...


          「 2月登頂免費社交榜的“啫喱”App,通過創造的潮玩虛擬形象的新型社交產品,可進行各類有趣的虛擬形象互動。同樣布局虛擬社交的大廠,字節跳動也推出了“派對島”App,潮玩形象可結合實景化的實時線上活動社區,可以說是各有千秋。

          二者便是典型的直接競品,將會不斷的迭代,共同期待他們相互的“取長補短”吧!」



          2.2  尋找跳板


          由于互聯網的信息透明,直接競品趨于同質化,給與設計師的啟發也有限。因此,將目光轉向間接競品是非常有必要的。

          尋找產品目標、用戶群體相近但存在差異,但業務場景及功能也有一定相似性的競品,作為思維的跳板,或許能為止步不前的現狀注入靈感。


          「 Chrome 最近上新的插件 Jam,這款插件可以在直接網頁上打標記、錄制gif、評論,并且和項目管理工具 Linaer 打通,可及時將信息同步給項目人員,提高項目協作效率。

          在企業協作平臺中,視頻會議、線上協作等協同產品的在線標記功能,完全可以對“Jam”這款插件進行分析,來實現對于關鍵內容的信息傳遞流程和用戶體驗的提升!」



          2.3  擁抱變化


          盡管有些產品在業務及用戶上與自身產品沒有重合,但是在行業理念、實現技術、交互行為層面,極具前瞻性。在合適的時機,嘗試將前沿的“變化”,融入自身產品,轉化為產品設計的亮點。當然這取決于設計師平時對科技、行業的關注及積累。


          「 21年飛書妙計上線,令人眼前一亮:飛書可將會議中的音視頻內容,實時生成文本形式的會議紀要!

          ToB業務中,多人交流協作的場景,比如客戶接洽、人選面試,如果相關業務功能加持音視頻自動轉文字的能力,用戶記錄內容的體驗及效率想必也會有所提升?!?




          3.  驗證設計思路


          借助競品分析,能夠幫助設計師發散思維、尋找設計突破點。在設計思路聚焦的環節,我們也能通過競品分析進行驗證。


          3.1  源于五要素


          資源允許的情況下,設計師可以基于《用戶體驗要素》中的五要素:戰略層、范圍層、結構層、框架層、表現層,對競品進行全方面的競品分析。

          戰略層分析主要圍繞“為什么開發產品”,我們可以了解競品的產品目標、用戶需求,以及二者結合的商業目標。為了達成最大化商業效益,競品進行了哪些成功的業務、商業化設計。

          自家產品的戰略層目標,與競品的是否有共同點或者相似性。如果有,已制定的設計策略與競品成功的解決方案是否存在差異,能否解決產品目標及用戶需求,在競品分析中能得到初步驗證。


          「 鼓勵“先進團隊,先用飛書”的企業協作平臺,飛書桌面端在團隊切換后數據隔離展示。也正因如此,左側導航在常用功能區下方,預留特定區域便于用戶快捷切換團隊,提高效率;

          然而釘釘桌面端在同一個信息容器,展示多團隊的協作信息(如即時通訊),將團隊切換的功能入口隱藏至二級菜單,盡管有“串場”風險,還是將更多的空間留給常用功能,“讓工作學習更簡單”。

          顯然二者的差異化設計,歸根于各自的戰略層考慮,用于達成特定的產品目標和用戶需求?!?


          范圍層等其他幾個要素,都能夠驗證相應的設計思路。



          3.2  考證可行性


          為了提高團隊產研效率及商業效率,設計創新或借鑒都會相對謹慎,避免沉沒成本。

          所以在一些資源相對緊張的項目中,為了及時驗證多個設計方案的可行性,可對競品類似的功能設計進行分析,再結合現有的資源(排期、開發投入),從多個設計方案中確定解決方案。


          「 在系統表單設計中,提交前用戶存在多次編輯的訴求。為了給用戶提供更靈活高效的體驗,關于表單的保存,我們團隊預想了3個,在用戶體驗、技術實現上有較大的差異的設計方向:

          • 1)用戶主動觸發保存

          • 2)用戶離開詢問保存

          • 3)系統自動實時保存

          顯然自動實時保存的體驗最佳,也是團隊傾向推動的方向。但B端系統中的使用相對少見,考慮用戶的學習成本及技術實現,落地及項目收益存疑。

          但發現間接競品,云文檔(語雀、飛書文檔、印象筆記)的內容實時保存功能,非常貼近我們的體驗預設。

          最終敲定方向 1,圍繞用戶構建自動保存的體驗認知。間接云文檔的實現方式做降級處理,數據僅僅保存在前端瀏覽器緩存,而不是像云文檔一樣直接存儲至云端服務器。項目落地設計目標,并沒有暫用過多的開發資源,項目也如期推進。」


          文章來源:站酷 作者:久喬_9Joe
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          開啟新時代的響應式網頁設計

          ui設計分享達人

          ///

          它是如何開始的-固定屏幕

          在千禧年來臨之前,我們首先開始在單一視圖屏幕中進行UI設計,這類屏幕在當時最流行的尺寸是640x480。大多數時候,我們甚至沒有考慮讓屏幕滾動,而是在特定區域或文本局部區塊中設置了內部滾動條。毋庸置疑,當時的大部分網頁也是用Flash或HTML創建的,并帶有用于布局的表格。那是在智能手機出現之前,隨著事物的發展,我們經歷了第一個向“響應式”設計的根本轉變。我們已經走了很長一段路,CSS已得到長足的發展,“響應式”網頁設計從2010年開始才真正獲得了專有工具。

          圖表來源: https://www.webdesignmuseum.org/web-design-history


          ///

          它現在怎么樣-響應式設計

          隨著CSS3的發布,我們獲得了對“媒體查詢”(Media Queries)的訪問權限(譯者注:隨著移動互聯網的興起,我們需要適配多種移動端設備,這就需要用到Media Queries,即“媒體查詢”),此后不久,Ethan Marcotte在2009年底創造了“響應式設計”一詞。十多年來,我們一直使用“響應式網頁設計” (RWD) 創建網頁布局,作為一種網頁設計方法,僅需基于一種屏幕尺寸進行設計,“響應式”使我們的設計能夠適配各種設備和屏幕尺寸。

          在早期,當移動電話還不兼容媒體查詢或JavaScript時,“移動優先”和”漸進式增強”的概念就成為了非常流行的方法,當時有很多CSS完全不受支持。

          用我們今天的話來說響應式設計,我們認為頁面的布局要適配整個瀏覽器、屏幕大小和那些需要投射到整個布局上的限制。當需要設計從桌面端調整為移動設備屏幕所需的尺寸時,我們使用“媒體查詢”來更改整個頁面布局。

           

          ///

          它的未來是什么-組件驅動

          很快,使用這種“響應式”設計方法可能會被認為與使用表格進行頁面布局一樣過時—就像我們在90年代所做的那樣。

          我們通過基于viewport(視口)的“媒體查詢”獲得了許多強大的工具,但我們也缺乏很多適配的可能性,因為“媒體查詢”是一個適用于整個頁面的通用解決方案,并且對每個用戶來說都一樣。我們缺乏響應“用戶需求”的能力,也缺乏將“響應式”樣式注入“組件”本身的能力。


          當我們談到組件時,這里指的是頁面上的“元素”,這些元素可以由其它“元素”的集合組成。例如卡片、橫劃卡或推薦模塊之類的UI內容,每個“塊”都由各種更小的“構建塊”組成。這些組件拼湊在一起構成我們的網頁。我們可以使用 global viewport information(全局視口信息)來設置這些組件,但它們仍然無法擁有自己的風格。當我們的設計系統是基于“組件”的而不是基于“頁面”的時,這使得它變得更加困難。

          好消息是這個生態系統正在發生變化,而且它正在迅速變化,這需要我們進行一些思維轉變:考慮如何設計和定義組件樣式以及它們如何適應周圍環境。

          CSS正在不斷發展,“響應式”網頁設計的新時代即將到來。從目前的情況來看,自從我們第一次引入 “響應式網頁設計” (RWD) 以來,僅僅10多年的時間,這個生態系統已經準備好迎接CSS發生一些相當大的改變。


          讓我們深入研究一下可以期待哪些類型的變化,這會如何改變我們的設計方法,以及我們如何考慮界面設計。

           

          ///

          用戶能夠設置基于個人偏好的“媒體查詢”

          簡單來說,我們可以期待新的基于偏好的“媒體查詢”來幫助我們更好地“響應”用戶。它們將使我們能夠根據用戶自己的特定偏好或需求來設定網頁樣式。這將使我們能夠根據用戶的體驗偏好來調整用戶體驗。

          這絕不是一個完整的列表,但能給你一些想法,這些基于偏好的“媒體查詢”可能包括:

          這些將幫助我們構建更具活力和個性化的網頁體驗,專門滿足我們用戶的專屬需求,尤其是那些希望網站易于訪問的用戶。更進一步說,這些基于偏好的“媒體查詢“尊重任何用戶已經在操作系統設置的偏好。舉個例子,當用戶的操作系統偏好設定為“減少動效”時,他們很可能不喜歡你頁面上的超級華麗的介紹、加載或飛入的動畫動效。我們應先尊重他們的偏好,并為其他人提供“動效增強”的體驗。

          另一個流行的媒體查詢是@prefers-color-scheme(配色偏好設定),它允許我們根據用戶的偏好和操作系統中的設置將我們的設計更改為“亮色模式”或“暗色模式”。這不依賴于用戶需要手動來更改“暗色模式”,它會自動發生。

          ///

          “容器查詢”為你的設計系統注入新的生命力

          CSS 中最令人興奮的新興領域之一是“容器查詢”(container queries),通常也稱為“元素查詢”。從基于“頁面”的“響應式”設計到基于“容器”的“響應式”設計的轉變對發展“設計系統”的作用價值不容低估,盡管今天使用它并不安全,但重要的是要了解其發展方向。

          簡而言之,“容器查詢”將允許我們基于“父級容器”而不是整個頁面來設置規則。這意味著任何組件都更加獨立,與現代設計系統保持一致,真正成為“即插即用”模塊,可以轉移到任何頁面或布局,而且無需根據新環境重新考慮所有內容。

          “容器查詢”為我們如何規劃、設計和構建特定組件提供了一種更加動態的方法,因為組件本身擁有它的響應信息。

          甚至Ethan Marcotte自己也表達了為什么“容器查詢”如此重要,我們應該研究一下。

           

          ///

          考慮各種形態因素

          由于各種“形態因素”(form factors)的變化和擴展,例如新的屏幕類型,可折疊屏,我們需要“媒體查詢”來考慮這些場景。在這里提到的所有內容中,請記住,這是最具實驗性的,并且只是一項正在進行的工作,仍在嘗試解決我們可能遇到的任何復雜問題,同時考慮未來“形體因素”可能會如何發展。

          在可折疊屏場景中,原型中有一些“媒體查詢”可以讓你定位屏幕跨度以及我們如何讓內容根據新環境進行適配。例如,你可以在一個屏幕上放置一個收起的側邊欄(或菜單),并允許內容在另一個屏幕上展開并隨頁面滾動。

           

          ///

          為什么我們需要它?

          我知道你在想什么,我們已經從事網頁設計并使用“響應式”來進行網頁設計10余年了。我們對其相當滿意,那么為什么要改變呢?如果我們真的以終局視角來看響應式設計,那么它就是關于個人用戶的用戶體驗設計。我們正朝著一個與每一位個體用戶高度相關的時代邁進。我們的網頁體驗應該去適應用戶的需求偏好。隨著設計系統的發展以及我們如何創建更便攜的網頁,諸如“容器查詢”之類的工具將變得非常有意義。

          配圖:CSS 將基于各個層級來確定用戶的最佳體驗

           

          考慮到這一點,這意味著我們現在可以使用基于頁面的媒體查(包括跨越屏幕的細微差別)來設計宏觀布局;使用容器查詢的組件設計微觀布局;使用基于用戶偏好的媒體查詢,根據用戶獨特的偏好和需求定制用戶體驗。

           

          對于新的響應式設計,有許多新概念正在被原型化和概念化-請看下面的延伸閱讀。所有這些協同工作的方式需要我們從根本上轉變我們對設計和用戶獨特體驗的看法。我們需要更加適應這樣一個事實:即我們的設計不是靜態的,不僅在布局上,還有在用戶可獲得的體驗中,我們需要學會在這種模糊性中做出計劃。網頁和設計的未來變得越來越復雜,我們需要適應和挑戰自己,理解“新響應式”體驗的意義。

           

          文章來源:站酷   作者:MEUX
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          延遲增強——視頻信息流廣告的提轉秘訣

          ui設計分享達人

          伴隨短視頻平臺的崛起,移動互聯網的主流內容消費形態向短視頻視聽語言轉變,視頻信息流廣告的時代已經來臨。如何通過設計提升轉化,是視頻信息流廣告所面臨的挑戰。


          為了提升廣告轉化效果,我們結合實際項目,通過大量的實驗與思考,梳理并總結了一套適用于視頻信息流廣告的轉化組件呈現原則,我們將其命名為“延遲增強”。涵蓋了沉浸式豎視頻流、圖文混合信息流、橫視頻列表流等各類常見信息流場景。


          ///

          延遲增強是什么?


          視頻信息流廣告有三要素:內容、框架、轉化組件。其中廣告內容來源于廣告主投放的物料,基礎框架需對齊宿主保持一致性,所以僅有承載轉化信息和行為的轉化組件,是可設計部分。 


          “延遲增強”就是針對“轉化組件”的一種伴隨視頻內容分階段/漸進式的呈現方式。它由消費者決策時的理想心理動線,結合廣告行為推導得出,并經過實驗驗證了其對于轉化提升的有效性。


          “延遲增強”包括兩個階段:1.廣告展現初始階段,延遲展現廣告意圖,通過內容吸引潛在用戶;2.廣告內容逐步呈現階段,轉化組件漸進式增強,輔以增益信息,不斷強化,引導轉化行為。


          它指導了轉化組件從“呈現”到“增強”的全流程,從時機(出現&增強時機)/引導(動效&互動引導)/前置(信息&轉化前置)三個部分,幫助提升廣告轉化效果。



          ///

          時機-延遲增強如何呈現?


          轉化組件的呈現時機包含“何時展現”與“何時增強”兩個部分,前者幫助增加廣告接收率,后者提升廣告轉化率。


          01/ 出現時機:

          延遲展現廣告意圖,可以提升廣告賣點的展現機率


          互聯網的快速發展使得受眾被動卷入爆炸式增長的資訊信息體中,廣告借助這一媒介迅速發展,但也因為部分商業廣告的過度宣傳與其降低用戶信息獲取便捷性的本質,不可避免的使受眾產生了心理上的逆反與抵觸情緒,從源頭拒絕了廣告信息。

           

          所以對廣告來說,在廣告展現初始,延遲展現廣告意圖,融入內容,可以緩解受眾的抵觸情緒,提升廣告賣點的展現機率。



          02/ 增強時機:

          通過用戶行為和視頻特征動態決定增強時機,可以有效提升轉化


          對廣告來說,搭配廣告內容進行增強,通過內容積累購買欲/信任感,然后通過階段性的增強來提示操作,對比一成不變能起到更好的轉化效果。


          我們首先嘗試了程序化的增強時機,在不增加技術成本的前提下,根據歷史經驗,面向不同的廣告均采用固定時段的階段性增強


          但不同的廣告物料內容不同,不同的用戶偏好也不同,固定的增強時機并不能很好的滿足所有廣告需求。所以在技術能力可以承載的時候,我們采用了動態時機策略,通過用戶行為和視頻特征動態決定增強時機,在程序化增強時機之后,再次實現了轉化提升。


          undefined


          ///

          引導-延遲增強如何引導轉化行為?


          轉化組件如何引導轉化,則可分為基礎的視覺引導與進階的互動引導,前者幫助搶奪視覺注意力,后者則能夠在互動體驗中植入部分幫助決策的“小心思”。

           

          01/ 視覺引導:

          適當增加視覺吸引點,可以有效引導點擊

           

          延遲增強需要通過階段性的增強來提示操作,而如何增強能有效吸引注意則需要琢磨,已有實驗表明轉化按鈕增加掃光動效與智能取色,能有效吸引注意,引導點擊,對轉化提升有良好效果。



          02/ 互動引導:

          讓用戶主動選擇,可以增加廣告曝光,輔助轉化決策

           

          互聯網產品設計對于用戶交互體驗的追求越發極致,如影視行業走向可交互網劇,本質上是從用戶接收轉變為用戶主動參與,用戶本身對于獲得優質體驗的意識逐漸覺醒。商業化產品也需要緊跟“體驗”與“互動”,將廣告變為互動體驗或具備使用價值的信息,讓用戶從被動瀏覽到主動參與,掌握對廣告的選擇權。

           

          以互動投票為例,我們通過用戶與用戶之間的觀點表達,以投票選擇的形式誘發群體性選擇,引起好奇心與同儕壓力

           

          若用戶選擇符合群體選擇,則帶來群體性背書,增強信任感;若用戶選擇不符合群體選擇,基于從眾心理,用戶極有可能對群體選擇產生好奇,從而瀏覽兩種選項的內容,有效的增加了品牌曝光。


          undefined


          ///

          前置-延遲增強如何幫助轉化達成?

           

          轉化組件的前置主要包含信息前置與轉化前置,前者輔助轉化決策,后者幫助便捷操作,更好更快的完成轉化。


          01/ 信息前置:

          增加增益信息或前置落地頁信息,可以輔助轉化決策


          購買/轉化一定是需要足夠的信息積累信任感才能達成的,在前卡適當的增加賣點信息能夠更好的幫助用戶決策。針對下載類廣告可增加評分與星級,二電類廣告可以增加價格信息,甚至可以前置優惠劵、圖片banner等信息,均能實現轉化的正向提升


          undefined


          02/ 轉化前置:

          縮短轉化路徑,可以幫助轉化行為更便捷的達成


          在信任感積累與階段性的增強都達成的時候,在當前轉化對比跳轉落地頁再進行轉化,鏈路更短,用戶流失概率更小。比起實驗嘗試,更像是延遲增強的基礎能力配置。


          首先,我們針對表單/咨詢/電話/安卓下載都進行了轉化前置,具有用戶明確意向的按鈕點擊會直接在當前進行反饋。



          除了直接將操作前置外,針對不同細分場景的需求,還可以通過交互形態的優化在感官上縮短路徑。

           

          這里以百度的視頻MAX廣告為例,我們針對重落地頁的商家,將MAX首屏(視頻頁)與H5落地頁的關系變拼接結構為雙層結構,通過浮層面板承載落地頁,延時自動彈出,強引導下方內容,激發用戶上滑瀏覽興趣,解決了落地頁隱藏較深,轉化鏈路過長的問題,同時增加了落地頁曝光從而提升轉化。



          ///
          結語


          在視頻信息流領域中,延遲增強仍然可以繼續深挖,作為“基礎建設”承載未來更多細分場景下的互動化、個性化的“精神需求”。

           

          同時延遲增強設計方法也可以橫向復用于廣告前卡、落地頁、IM工具等各種需要在合適時機抓取用戶注意的場景中,去追求點擊或者轉化的提升。甚至在未來可以嘗試其在長視頻或圖文場景中的應用。

          文章來源:站酷   作者:MEUX
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          日歷

          鏈接

          個人資料

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

          存檔

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