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

          首頁

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

          ui設計分享達人

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

           

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

           

           

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

           

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

           

          1. 掌控感

           

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

           

          這中間的原因是什么?

           

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

           

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

           

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

           

          2. 健康迭代

           

          產品的更新迭代,有時會出現“發福”和“微整形”的情況。這都屬于不健康的迭代。

           

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

           

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

           

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

           

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

           

           

          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 如何更好的了解需求,明確目標,達成共識

          在了解需求階段,設計師需要了解需求來源、背景、要解決的問題和目標??偨Y來看需求可大致分為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天,便是考慮到了用戶習慣與產品性能的微妙平衡。

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

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

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

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



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

          互聯網金融產品——適老化設計分析

          ui設計分享達人

          雖然,三類互聯網老年人用戶模型之間各有差異,但我們發現他們最大的共性的特點在于具有開放的心態積極地接受更多理財新可能,因此我們也應該盡可能從交互視覺的角度或從產品功能的角度為老年群體提供更多樣化的互聯網理財參與方式,并且降低參與的門檻。因此我們得到以下適老化改造的策略方向:

          (1)產品內容功能上充分考慮老年人對理財產品的認知以及期待

          (2)交互視覺上充分考慮老年人感官、心理、認知上的特性

          (3)技術規范上充分考慮如何利用技術便利用戶操作以及產品體驗設計的最大化落地



          改進分析


          根據過往產品設計經驗,我們提出線上金融服務設計的三大原則:

          操控感:所見的是什么,剛剛干了什么,現在在干什么,接下來怎么做,可達成什么目標。

          無障礙:適用于任何人群

          安全感:資產保障安全感、使用體驗安全感

          基于以上設計原則,結合本次適老化改造的策略方向,我們得到以下具體改進方向。



          1. 設計原則拆解


          操控感


          能懂會用,可以有效減少老年人在使用線上產品時焦慮感和挫敗感。讓老年人知道看到的是什么,正在做什么,接下來要這么做,可以達成什么目標,這是在使用線上產品進行一切操作的基礎條件。


          (1)簡潔的界面

          大字體、大圖標、界面簡潔;老年人因其生理結構特征,很難輕易識別一些較小的文字、圖形;因此在界面設計的適老化改進上,需要簡化信息布局、放大圖形文字;


          (2)清晰的導航

          產品中的導航可以幫助用戶快速定位當前所在位置,剛剛在哪里,未來會到哪里去。清晰的導航有以下三大特點:

          連貫性:頁面跳轉前后需有繼承關系,不光是文字,字體、顏色等視覺元素也可以加強關系

          扁平化:盡量減少跳轉避免出現多層級,除了操作復雜之外,客戶使用時的記憶成本也較高

          易記憶:無論導航的位置、描述、視覺元素,都應在用戶心智中穩定固化,憑借記憶可以快速定位;

          圖11:支付寶(關懷版)


          (3)明確的語義

          所有描述、狀態、操作盡量唯一且易于理解,符合老年人的基礎認知;


          (4)及時地反饋

          任何用戶操作行為都應有相應結果,對于極其敏感易焦慮的老年人群體來說更為重要,如加載、成功、失敗、異常情況等,且反饋內容應明確可被理解,即在各項流程結束后應給出含有明確反饋的流程結果頁面;對于學習和理解能力較弱的老年人而言,及時地反饋顯得更為重要;


          (5)順暢的流程

          復雜業務流程的任務對于老年人來說挑戰最大,失敗率也最高。除了與本身流程復雜,以及上述的語義不清、反饋不及時等可用性問題有關之外,流程體驗的閉環對于老年人群體而言也是極其重要。


          無障礙


          (1)輔助性功能

          由于老年人的視力與協調能力開始下降,很難進行很復雜的交互動作。在線下場景中,老年人辦理業務時會有銀行工作人員在身邊進行輔助。同樣,在老年人使用APP時,產品也應起到輔助作用。常見做法有,線上客服、語音輸入輔助、使用說明和操作示范等;文本輸入提示,語音輸入等無障礙功能,用于提升方言識別能力,方便不會普通話的老年人使用智能設備;對智能客服入口的設置也不僅僅放在首頁,應輻射到盡可能多的頁面。

          圖12:工商銀行(幸福生活版)、平安銀行(大字版)、中信銀行(幸福+版)人工客服頁


          (2)低密度信息

          對于老年人而言,即便是頁面內信息的層級非常清晰,高密度的信息仍會增加記憶負荷。因此在針對老年人的產品設計中,不應過度追求頁面效率,適當去掉形容性、專業性、技術性、營銷性、裝飾性的信息,將有助于信息降噪。


          (3)簡化操作

          降低老年人的輸入成本,例如合理規劃驗證碼出現機制,身份證信息、銀行卡號的圖像識別、自動保存常用聯系人等。


          (4)產品適用性

          市場上某些頭部的金融相關APP已經推出老年版本,如支付寶的關懷版,該版本不僅是字體、按鈕更大,更重要的是通過不同的信息功能架構,將不同年齡層的用戶客群做了產品注意力的重點區分,強調不同類型用戶的使用的場景不同,有助于將用戶的注意力鎖定在與其相關的業務上,提升用戶完成任務的效率。


          安全感


          (1)資產保障安全感

          近些年有關老年人的金融詐騙層出不窮、人人自危,除了實際保障資產安全的措施之外,在服務設計層面上也需要保障和增強用戶安全感受。如在某些特定場景中,轉賬、匯款時,及時告知用戶可能存在的風險,大額時需要子女輔助驗證等;


          (2)使用體驗安全感

          在產品設計中需要考慮防錯和容錯機制,這有助于減少問題的發生,消除老年人使用產品時的恐懼感,讓用戶放心安全的使用產品。例如輸入金額時明確顯示單位,金融產品頁面強化顯示風險與收益,大額需要二次確認。

          根據以上改進方向和原則,下面對目前產品的部分功能模塊和非功能模塊分別進行梳理和優化,產出初步優化方案和建議,并對其中部分具體功能的實現做技術分析和方案要求。




          2. 具體功能優化分析


          2.1 基金賬戶類

          涉及開戶流程、風險測評問卷、資料變更等板塊。需要適配改進的地方包括以下幾個方面:

          (1)證件上傳

          開戶證件OCR識別和上傳,對二代身份證的支持較為完備,對一代身份證和其他證件類型的支持不到位。老年人群體存在持一代身份證的可能性;

          (2)開戶綁卡

          開戶綁定銀行卡,基金公司支付渠道僅支持銀聯標志的銀行借記卡,對存折等非借記卡不支持;

          (3)預留信息

          央行反洗錢、CRS等合規要求對開戶資料預留信息字段作出了明確規定,其中部分字段不容易讓人理解和獲取,如賬戶實控人、電子郵箱等;

          (4)風評問卷

          關于風評問卷,目前題目數量較多,建議減少至5道題左右;

          (5)密碼找回

          增加多種找回密碼的途徑,如手機號、電子郵箱、手機短信。


          2.2 基金交易類


          涉及申購、贖回、專戶、分紅方式、定投等功能,需要適配改進的地方包括以下幾個方面:

          (1)數字輸入

          交易密碼金額等數字輸入場景,建議盡量調起九宮格數字鍵盤,字號較大且清晰;


          (2)風險提示

          購買環節,按銷售適當性要求,醒目提示基金風險;

          (3)限額

          基金申購支付方式,適當提高支付限額,或引導匯款轉賬的方式,滿足大額申購場景。


          2.3 查詢類


          (1)在線客服

          建議增加語音輸入和播報功能,同時醒目提示人工客服點擊按鈕;

          (2)圖表查看

          基金列表和詳情頁等頁面中包含圖表的,建議增加豎屏和橫屏切換按鈕,增加圖表易讀性;

          (3)版本更新

          新版本發布時,建議增加新功能示意遮罩,指引客戶如何使用新功能。



          3. 非功能優化分析


          (1)色彩

          用色簡潔干凈、對比柔和。減少復雜顏色、漸變顏色、極端飽和度顏色的使用,盡量使用純色、基礎漸變、稍微明亮的顏色作為圖標用色,關鍵互動界面避免使用藍色。

          圖12:工商銀行(幸福生活版)、平安銀行(大字版)、中信銀行(幸福+版)功能列表頁


          (2)文字

          字體應使用黑體類型字體,且允許用戶自行調節或匹配手機系統字號,但最小字號不宜低于16px,多行文字顯示時行間距應為1.5倍字號大小,減少大量文字內容帶來的壓抑感;文字顏色使用不同透明度的黑色進行信息層級的區分,重要內容使用1~2種輔助性彩色作突出;


          (3)圖標

          圖標設計簡潔清晰,且需要有文字說明,避免使用過于抽象表意不明確的復雜圖標;


          (4)布局

          結合對老年人的認知及操作習慣,通過信息類型、展示頻率、重要性等方式進行歸類,形成合理的布局結構,通過這種行為塑造方式,讓用戶快速摸清產品形態;

          如下圖兩家銀行首頁布局由資產查看、常用功能金剛區、輪播圖、服務渠道、理財產品構成;在底部導航欄上只選擇展示兩個一級頁面以及突出顯示的語音助手入口。

          圖13:工商銀行(幸福生活版)、中信銀行(幸福+版)首頁


          (5)動效

          有效的動畫可以給頁面帶來生命感,但如果濫用動效不僅會分散用戶注意力,嚴重的話對某些用戶來說可能是致命的(光敏性癲癇的臨床誘因之一就是閃光圖像的刺激);

          為了避免給特殊人群造成困擾,設計師考慮加入動效時應注意禁止使用高頻閃動、運動夸張、視差較大的動效,并且在同一界面也應控制運動元素數量,避免對用戶的閱覽和判斷產生困擾。


          (6)無廣告

          由于老年人對事物的認知和理解能力較慢,過多的廣告會嚴重分散用戶注意力,甚至導致誤操作造成經濟損失,尤其一些具有強誤導性的開屏廣告、營銷活動廣告等;建議減少廣告數量、杜絕惡意引導廣告,并針對廣告投放需設立專門的審查人員進行合規審查。



          4. 技術規范要求


          (1)按鈕熱區

          對于文字按鈕需要保留較大的間距作為按鈕熱區,避免老年人用戶操作時誤觸;


          (2)版本切換

          新增版本切換功能,建議將按鈕直接展示于首頁右上角,且要有文字進行圖形說明,便于老年人用戶理解且能直接進行操作;

          現有APP采用架構為hybird app,基本的開發模式為:原生殼子+H5(vue),因此針對版本切換功能需要對APP架構進行調整,解決方案為對各項版本進行獨立開發或對原版本進行內置模塊開發。

          其中,獨立版本開發優點為各版本獨立、UI獨立、歷史包袱少;相應地,也提高了開發和維護成本;一些情況下多版本入口也會使用戶在使用上產生困惑;

          內置模塊開發,以模塊形式嵌入原生系統中。其優點為成本相對較低,使用入口統一,缺點為歷史包袱過多、開發自由度較低、改造過程也受老系統所制約。


          (3)語音識別

          考慮到用戶群體對于文字輸入和閱讀的能力欠佳,針對查詢功能、鍵盤(數字)輸入、智能助手等功能,嵌入語音識別、語音輸入、語音播報等技術,優化老年人用戶操作體驗。




          結論


          在互聯網日漸發達、金融逐步數字化的今天,越來越多的老年人群體嘗試著加入我們的步伐,他們構成了快速增長且日益富裕的目標受眾,但現實是,一些不恰當的設計讓他們望而卻步,無法享受科技能夠帶給人類的利益;為此,我們需要關注和反省,我們所創造的、服務于人類的產品,也應該有能力來適應人類衰老的過程,而創造這項能力,也已經成為了肩負在我們身上的責任。

          文章來源:站酷   作者:陳皮紅豆沙

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


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

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

          數字金融產品的安全感設計探究

          ui設計分享達人

          當互聯網不斷的深入到我們的生活中,我們對安全感的需求也延續到了互聯網使用中,特別體現于互聯網金融產品。由于其具有風險性、收益性、流動性等特點,用戶對于資產安全的掌控感更為關注,產品使用體驗欠佳也直接影響客戶安全感。


          以下將基于自身工作總結和行業經驗,聚焦互聯網金融產品分享和總結如何向用戶營造安全感。


          目錄:

          一、需要什么樣的安全感?

          二、如何傳達出安全感?

          三、怎樣體現出安全感?




          需要什么樣的安全感?


          安全感是人類最底層的需求,但不同類用戶群體需要的安全感也各有千秋,我們參考第一財經商業數據中心×螞蟻財富的2019線上理財人群報告,將線上理財的人群分為四類:

          分別是初入職場的95后、職場新興力量的90后、理財中堅力量的80后和經歷風雨的70后。其中近一年的新增移動互聯網基民中超五層為90后、95后,成為金融移動互聯網的中堅力量。


          這類型的投資者由于具有碎片化處理事務的習慣和金融知識不足、理財經驗不豐富、資金的抗風險能力不高的特點,當市場普遍行情下跌時,更容易產生焦慮的情緒而導致“割韭菜”,進而可能會影響到卸載APP的行為。根據Mob研究院的數據顯示,在2021年3月天天基金日均卸載用戶規模為前兩個月的6倍,而當時對應的市場行情正為基金普遍大跌。

          因此從安全感的需求上他們更側重高效的信息降維、足夠的理財產品的風險提示、合理的預期收益宣傳以及投后虧損及時的內容陪伴。


          而根據騰訊理財通×國家金融與發展實驗室出品的2021年互聯網理財行為與安全研究報告顯示,理財知識更充足,理財經驗更豐富的80后、70后在安全感的維護上則更關注理財產品的信息披露風險、信息不透明風險、市場政策風險、個人信息泄露風險此類問題。




          如何傳達出安全感?


          安全感是一種感性的心理感受,而人類的情感由本能、行為、反思三個層面共同決定的。

          這三個層次作為人類大腦的運作的規律,映射到設計當中,同樣是可供遵循、值得探究的。



          本能層

          先于意識和思維,它是外觀要素和第一印象形成的基礎,著重于產品的外觀、觸感等?!懊烙^即實用原則”人們會潛意識里認為好看的東西也是好用的,所以在界面設計當中,主要設計對象是視覺設計。


          而金融產品中,常用藍、綠等冷色調的色彩,給人以冷靜,穩定的感覺,表現金融產品的科技感和可靠性;常用紅、黃、橙等暖色調,代表著熱情、溫暖與責任。


          行為層

          是人類身體日常行為的運作,行為層的設計與產品使用過程中的愉悅感和效率有關。好的行為層設計對應產品功能傳達、易學性與易用性,以及正面的心情感受。在界面設計當中,主要設計對象是交互設計。(將在下文通過投資場景詳細分析)



          反思層

          超越了本能層和行為層,存在意識和更高級的感覺、情緒及知覺。對應的是產品的情感溫度,主要的設計對象是正向情感的結果反饋以及品牌信任。


          良好的企業品牌形象和口碑很大程度上會給用戶帶來認知上的安全感。用戶在初次選擇購買金融產品時,往往強大的品牌背書起到了關鍵作用,即使是同一只基金,用戶也會選擇在自己信賴的平臺里購買。

          我們可以通過在頁面設計中加入更多的品牌元素,如品牌主題色、LOGO、品牌IP形象、品牌slogan等,來潛移默化地讓用戶感受企業的價值:


          另一種常見于一些平臺利用強大的背書以及所獲的成就,清晰地向用戶展示可以提供的保障權益,責任條款及資質介紹等來傳達企業對用戶負責的態度,提升用戶對產品乃至對企業的信任感:




          如何體現出安全感?


          我們將金融的生命周期分為三個階段,分別可以概括為:投資前(產品選擇)、投資中(產品交易)、投資后(產品管理),不同階段的關注點不同,而對于安全感需求各不相同:



          投資前

          結合文章一開始對人群的分析,由于投前的行為特點更多聚焦于產品的選擇,因此從理財小白的角度對于安全感的缺乏更集中于“買了會不會虧錢?”、“產品買對了嗎”、“看不懂規則”、“這個適合我嗎”等,尤其存在于一些新形式的理財組合產品和策略智能投產品中。


          在這個階段的安全感維護,除了相關頁面的信息降維、必要的投教啟蒙以外,還需要考慮用戶疑問的快速解答、合理的預期收益宣傳等。另外投錢的啟蒙教育更可以考慮結合一些運營活動,讓小白用戶通過更有趣的方法了解產品,了解自己適合的產品。

          而對于較有經驗的理財“老司機”而言,安全感的缺乏更集中于“過往表現怎么樣,如最大回撤率等”、“市場行情、政策是否利好”、“基金經理的資歷”等,而更需要考慮信息的多維度展示、信息披露、行情資訊的展示、甚至是產品的對比等來表達產品的未來盈收能力可期。


          投資中

          當投資者已經選擇好信任的理財產品時,在產品交易的各個界面也需要關注交易流程中安全感的反饋。

          其中包括正向反饋和負向反饋。正向反饋是指用戶跟產品發生正確的交互時,系統給予用戶的正確引導,可以幫助用戶打消顧慮,建立信心,讓用戶感受到一切都在順利地進行著,這對那些在設備操作方面缺乏信心的用戶來說尤為重要,用戶不會對自己的操作或對平臺產生質疑,如:專屬的密碼輸入鍵盤、正向反饋如金額輸入時的金額提示、特別提出易誤解的交易規則等


          反向反饋是指用戶在操作過程中出現或疑似出現誤操作時,系統向用戶展示提示或二次確認以促進錯誤的糾正或確保此操作無誤。它能確保在第一時間告知用戶出現了不正確操作,及時更改,使流程順利進行,尤其是對于一些理財小白而言,合理的容錯設計更促進有效投資,提高未來的盈利體驗。如撤銷操作二次確認、購買超出風險承受能力的產品、輸入錯誤金額時的反饋。

          引起思考:

          雖然天天基金的撤單確認展示了退回帳戶,但是此彈窗的取消按鈕引導性過強,首次操作僅通過銀行卡的列表的箭頭較難聯想到是確認撤單的下一步操作(還以為是可選擇退的帳戶)。



          投資后

          產品交易成功后,投資者的關注會更集中于自己的資產的變化,產品的未來走勢等,因此在安全感的提供上,需要向投資者傳達準確的交易狀態、資產狀態、資產的保護等,甚至可以在產品購買的完成頁設置快捷加入自選和漲跌提醒等

          引起思考:

          在支付寶的基金總金額中,存在交易進行中的提示文案為“買入待確認*元”,但不少小白會產生疑問,當前展示的基金總金額是否包含提示的待確認金額,此時是否可將文案改為“含買入待確認*元”(畢竟也有部分直銷app并不會將待確認金額包含進產品的總金額中)


          另一方面的更需要考慮當基金產品存在虧損時,及時向投資者傳達情感陪伴和合理的投資交易,以促進投資者優化持倉或保持中長期持有,避免頻繁的短期交易而導致不良的盈利體驗。

          文章來源:站酷   作者:陳皮紅豆沙

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


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

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


          交互體驗設計的核心概念之:示能與意符

          ui設計分享達人

          很多沒有接觸過交互體驗的設計師小伙伴們,總有會面臨一個坎,那就是看別人做交互和體驗的方案總是特別簡單,一個流程或原型別人做出來之后,我們心里總會想,那不就是這樣嘛?換我也能做,但是只要自己一上手就不行了。


          為什么?因為我們總是看著別人的結果下結論,而忽略了中間的思考過程。

          就好像是吃著別人做的番茄炒蛋,你會覺得不就是番茄和雞蛋一起炒一下,然后放點鹽和糖就好了嘛,我們只看到了結果,而忽略了對食材的選擇、處理、順序、結合。




          1.示能


          當我們看到一個控件,你覺得它不就應該在那里嘛,但輪到自己開始做,就壓根想不到要去用那個控件,甚至是信息布局、流程節點、整體結構都規劃不出來。不知道大家有沒有看上一篇原創文章結尾那個作業,如果做過的小伙伴可以發我交流一下。傳送門--》


          所以很多UI設計師覺得做純執行的工作很沒有意思沒有價值。因為方案是別人做好的,思考過程也是別人的,而商業設計師的核心是解決問題,解決業務和用戶的問題,既然解決問題的角色都是UI的上游,那么UI設計如何體現價值呢?當然就是把交互體驗的核心底層概念搞懂,和交互設計一樣從設計側去思考問題,賦能業務。


          OK,那么來我們先來講:示能



          1.1示能


          心理學家吉普森將示能描述為:“關于有形物品如何傳達出人們與它們互動的重要信息,這個特性被吉普森命名為“示能”。



          用很直白的話來講,意思就是:事物通過自己外在的形態,向使用者展示自己具有的功能和用途。在日常生活中例子比比皆是,例如一扇打開的門,告訴人們可以進出、通過。一張椅子,人可以坐、可以靠。


          假如,你面前有一扇門,門上有一個把手,這扇門告訴我可以利用這個把手與我進行互動,你可以用手、可以用腳,也可以用舌頭,但手是最方便的。如果只是單扇門,那么我們可以利用推或者拉的動作打開,但如果是兩扇門并排,兩個把手在中央靠近,那么這時候門展示出來的意思就是兩扇門都可以推或拉。但如果門把手在門的靠外兩側,那么意思就變了,變成了將門側滑后才可以通過。


          那門為什么要設計成不同樣式來展示不同示能呢?這個留給大家思考,這三種門設計的初衷是什么。



          在我們數字產品中可以有什么體現呢?例如一個開關控件(switch),開關本身具有兩種互斥的屬性和功能:開/關、啟動/禁用,看到開關控件的外在樣式,我們可以判斷當前開關所屬模塊以及意符指示內容的狀態是屬于打開還是關閉。


          開關在現實生活中的表現樣式有很多,例如一側翹起的開關、可以撥動的開關、具有段落的按壓開關、分型控制的開關、旋鈕開關等



          大家別看開關看起來簡單,但是在設計起來會遇到不少的問題,因為狀態和意符形態在我們日常中過中很難成為一個標準,例如最常見的一側翹起的開關,如果不加意符,我們不知道讓哪邊翹起才是開/關。如果你的房間就一盞燈,那么很簡單,我閉著眼睛去按就行了,燈滅著那肯定就是關,再按一下那就是開。但如果在客廳中有多個并聯的開關怎么辦,一個燈可能收到2處甚至3處開關的控制,而每處開關的數量會在3-5個,這個時候不用意符去標識,就很麻煩了。



          回到數字產品上,開關的示能就簡單多了,有顏色的狀態表示開,灰色狀態表示關,但是開關控件在剛用在數字產品上的時候,很多人經常誤以為是滑動交互來控制開關,雖然滑動也可以,但本身依靠更簡單的點擊觸碰就可以了。但如果控件做的很長,那么滑動的示能就會更明顯。



          開關比較讓人產生歧義的地方來自于意符,因為很多新人將一些控件的屬性認為是有重疊關系,可以混用的,那就大錯特錯了,等會講。



          1.2.反示能


          和示能相反,指的是任何物體之間不能進行怎樣的互動。


          例如我們經常做的人體工學椅,你可以靠坐在椅子上,并把手放在扶手上,但你無法在椅子上蹦跳,因為椅子無法支撐劇烈晃動。你也不可能用椅子打游戲,它本身不具備這樣的功能。再比如我們褲子的口袋,設計師通過設計他的形狀、大小、材質,幫助我們去盛放一些小物件,例如鑰匙、手機、卡片,但是筆記本電腦你塞不進去,一頭豬更塞不進去。


          數字產品中也會遇到一些有很明顯反示能的控件,例如segment Controls(分段控件/分段選擇器/分段選擇控件),它是iOS的原生控件之一,該控件的反示能就是無法通過左右滑動界面切換不同標簽的視圖,和tab不同。



          并且在該控件的描述中,seg通常數量只能在5個以內,并且5個標簽分別屬于同類型的數據分割,只支持點擊切換。它不能展開、不能滑動、不能移動、不能懸浮、不能進入二級頁面也不能翻轉。


          那有沒有一種可能,或者一個場景需要這兩種控件同時具備一些屬性呢?是有的,例如這樣



          在標簽下是列表,而列表也支持輕掃的交互進行刪除,如果使用tab則會產生沖突,而使用seg則在視覺上太重了,和產品調性不符。那么我們可以在示能上做一些調整,讓這個控件看上去不能左右滑動,又不至于太繁瑣。


          所以反示能將告訴我們,事物有哪些不具備的功能。同時反示能也是相對的,遇到多樣化的場景和業務需求時,我們依然要學會變通。



          1.3.不同場景中示能的變化


          一張桌子放在教室中,我們知道它是用來學習的,桌面上可以放書本、筆等,如果一個桌子放在戶外,并且靠著墻壁,墻壁上有個洞,那么這個桌子當前示能表示為什么呢?一個肌肉發達的男人在健身房秀肌肉大家紛紛羨慕,但是如果不穿上衣走在馬路上估計很多人會罵他變態。


          下方圖標+文字形式的一個按鈕,放在卡片的左側和右側大家感知一下,表現出來的示能有所區別。



          左側更像是這個模塊的標題,而放在右邊才能讓人覺得可點擊交互。如果覺得不夠明顯我們再用三個點舉例,放在不同位置的3個點小圖標,所表達的示能相差巨大。再例如紅色在彈窗中顯示給人警示,但在活動頁和價格數字上顯示則給人感覺熱鬧的氛圍和強烈的指引。



          這就是不同場景中同樣事物表現出來的示能區別。所以設計師在設計方案的時候除了要將方案本身屬性表達正確以外,也要考慮到場景的影響。



          1.4.相同示能的不同表現方式與含義


          這里有一個概念叫做同構異型,說的是結構相同,形式不同。例如我們經常用到的tab與其視圖的呈現,tab的本質就是利用多個標簽來切換標簽下的視圖,所以標簽除了用tab的形式,還可以用下拉展開成為菜單的形式,只不過一個是平鋪,一個是點開后再列表選擇。



          再舉個例子,例如篩選控件,如果我們需要一個實時篩選的功能,那么我們一般會這么做,在b端web設計中,會將一系列篩選條件橫向擺放,每一個篩選條件都可以下拉展開進行篩選,但如果遷移到移動端中,因為橫向距離受阻,就會縱向標簽展開式的篩選模式,從結構上來說,這倆方案其實是一樣的,都是在多個篩選條件中分別篩選出不同的標簽。



          再例如一個父子集共生的內容卡片



          同構異形在設計樣式上會有很多種,例如列表,例如上文說到的單控開關,雖然樣式很多,但原理上單控開關都是一樣的。


          對于初學者來說,不同控件理解的比較片面,所以就會導致一些控件的使用錯誤。


          說到同構異形那就不得不提到同形異構,例如一塊素牛肉,外觀和紅燒牛肉一樣,但是它是豆制品。我們再來看下面兩個模塊,根據整體來判斷,兩邊的加號都是反映出可以點擊添加的示能,但如果我們繼續考慮交互之后的邏輯和流程就會發現問題所在了。前者添加的是標簽,添加完后會顯示在相關的區域,添加按鈕不變。



          這里可以用一個比較形象的比喻,我有4張椅子,其中3張坐了人,第四張椅子的示能為:只要這張椅子坐了人,邊上就會出現新的椅子,最多不超過8張,如果沒有人坐則只顯示一張椅子。


          但第二個模塊中的添加按鈕結合整體來看是和其他內容毫無相關的添加入口,就好像是第四張椅子上面坐的不是人而是套了一個大箱子,椅子不見了,原本應該和其他內容保持一致的外觀也不見了,出現了一個新的東西,出現了新的示能。所以如果我們要按照第一種規則玩,那么這里就不能套箱子,如果要放箱子,就需要放在其他的地方。


          所以,初學者要警惕同型帶來的使用誤區,有時候長的很像的兩個人,可能完全沒有血緣關系。 


          小結

          示能的概念大家已經了解了,對于我們設計師來說,盡量去搞懂更多事物在不同場景中的示能和反示能,需要解決問題的時候可以針對性的運用各種方案。



          2.意符


          咱們上一篇講到了第一個概念:示能,如果忘了或者沒看的同學可以再去看一下。


          我是傳送門


          今天我們要來講意符,意符在外面日常與事物的交互過程中,非常重要。


          以下文字比較干,部分需要大家仔細閱讀動腦,覺得難懂的小伙伴可以聯系我交流


          2.1意符的類型與表現形式


          示能決定可能進行哪些操作,意符則點明操作的位置以及如何操作。


          設計師往往會說,我設計了一個很好的方案,它將告訴你產品的用途,但是用戶卻不知所措,雖然知道產品就在那里,但無法下手,因為意符不明確。例如我們最常用的人體工學椅,可以調節高低和后仰角度,調節的控制器是兩個把柄。如果沒有意符加入,我們經常會記不清哪一個控制器控制的是后仰角度,哪一個控制的是座椅高度,需要去做更多的嘗試。



          所以意符告訴我們對事物正確操作方式以及任何可感知的標識說白了就是一個能夠表達事物具體操作的符號。


          大家還記得上一篇文章舉的一個門的例子嗎?在日常生活中,雙開門通常在商場、大型會議場館內看見,因為考慮到人流量比較多,于是在門上就會出現推/拉兩個文字意符,避免兩側的人同時推或者拉,引導人們正確通行。我們可以使用推/拉,但不可以用“按”,因為我們無法通過“按”的交互來操控門的開關。


          如何判斷一個設計是否優秀,那么我們會觀察其本身的示能和意符傳達是否自然,如果意符表現的太過刻意或者畫蛇添足那就是很糟糕的設計,例如在兩扇透明的玻璃門上再添加推/拉的標識,就顯得有點多余了。再例如切換短視頻和翻頁電子小說,我們不會用一個翻頁按鈕而是通過滑動來手勢切換。當我們將內容設計全屏的時候就要考慮到當下示能的含義,所以就不要畫蛇添足。


          OK,它的表意大家已經清楚了,那么在數字產品中,意符有哪些類型和作用呢?它們又可以幫助用戶解決什么問題,我們來看一看。



          意符的類型


          1.文字


          文字意符是最常見的一種類型,利用文字描述來說明如何進行交互操作,但是中文文字博大精深,不同的描述給人的理解和感受完全不同。


          案例1:開關


          開關控件單獨拎出來不具備完整的含義,必須在相應的場景中。例如我們在通知、設置的場景中經常會用到開關,并且需要相應的文字描述來解釋開關控制的內容是什么。



          這里的文字就是意符,用來解釋開關的作用。


          開關本身具備的含義中是有這樣兩條原則:

          1.需要讓用戶感知操作后立即生效 

          2.開關所屬文本必須簡單清晰無歧義


          所以咱們可以看下方的案例。當我們將文本描述為“不打開(關閉)則不再進行消息數字提醒”和“不接受推薦”后,會顯得開關操作含義不明不直觀。正確方式應該是正向且簡單的描述,不要用雙重否定等描述方式。默認描述為打開后的狀態描述。



          再來拓展一下,我們會發現其實依然還有產品中的開關文字意符用了非正向描述,那按照你的說法不就錯了嗎?我們來看看小紅書和微信的權限開關,這里分別是隱私設置和權限設置。



          這里理解起來會有點繞,大家看看能不能理解。首先“只允許我關注的人評論我”這是一個正向描述,沒有問題,如果換成反向描述就會變成“不關注我的人不能評論我”,結合右側的開關,邏輯層面就要多加一個雙重否定的理解,所以這里的用正向沒有問題。


          接下來看下面的關系設置:不把我推薦給可能認識的人,誒這里用了反向描述,大家來分析一下,這里是否合理呢?


          首先小紅書在新下載應用打開時會向用戶進行授權,為了幫助用戶發現更多渠道的好友,所以默認在協議中就會去微博、通訊錄里拉取好友的信息從而在瀏覽內容的時候進行更多好友的曝光和推薦,同時也會將我的信息推薦給認識的人,這樣產品的活躍度、用戶的曝光會提升。


          那么大家再來品一品這兩句話:1.“不把我推薦給....” 2.“把我推薦給....”前者比較含蓄,后者則更主動,中國人的關系總體來說就是比較含蓄的,就好像是你可以給我推薦,但我不會主動要求,更何況像小紅書這樣的社交平臺,“可能認識的人”對我來說價值并不是很大。所以我個人也覺得默認不推薦比較好。


          不知道這樣的說法大家是否可以接受。再來看微信:不讓他看和不看他。微信這個平臺想必我不用多說,既然是熟人社交更多,那么默認肯定是全部開放,而有特殊需求才需要進行隱私設置,所以默認狀態為不讓他看-開關關閉,意思是我沒有打開這項非友好的選項。


          那為什么會出現有的開關默認打開,有的開關默認關閉,還可以使用反向描述呢?我總結了下,如果涉及到一些隱私和權限的內容,一般我們默認為開關關閉。但如果是為了用戶體驗和效率考慮的內容我們可以默認為打開,例如視頻播放結束自動播放下一個視頻這樣的設置。


          開關文字意符的描述方式還有幾種不同的方式:


          1.內容標題+開關切換后狀態與內容變化的描述

          第一種類型也就是上方說的案例,但是要注意的是,在描述狀態變化的時候,文本要正向、簡單的描述,例如開啟后,接收xxx消息,而不要寫成關閉后,不接受xxx消息。


          2.功能直接描述

          不添加說明文本,直接展示功能標題,例如微信聽筒模式、消息設置、提醒等,直接用開關控制這些功能的打開和關閉,屬于功能設置。還有一種是授權,例如允許他人查看我的收藏,對他人行為的約束,但不能描述為不允許他人查看我的收藏,因為剛才我們總結了,如果對于一些隱私權限的設置默認需要關閉,那么加上正向描述就不能使用“不允許“。


          3.批量整體描述

          對于同一種類型的功能設置,可以利用批量的形式做整體描述。



          再來看一個例子,示能在不夠清晰的情況下,文本意符用來輔助對當前內容/狀態的解釋。



          例如b站在瀏覽內容的時候會出現“剛剛看到這里,點擊刷新”,或者當我們在瀏覽信息到一個頁面底部時發現無法繼續滑動,會出現一行文案:我是有底線的,說明內容全部展示完畢。



          文字意符很直觀,但也要避免歧義。



          2.圖形/圖標


          圖標在某種程度上當作意符使用的頻率會更高,雖然某些圖標表意不明,但是因為簡約、美觀、生動、普適性強的原因,所以很多地方傾向于用圖標,例如公共衛生間、商場的扶梯、通道,通常會用圖標來代替文本,或者強圖標+弱文本的形式。


          既然咱們要說圖標意符,而且要突出圖標意符的作用,那就必須有個前提,那就是拋開其他的變量、因素的影響,圖標意符究竟有什么神奇的魔力。



          例如我們常用到的列表,很熟悉吧,接下來我將用圖標來讓這個列表的示能產生變化


          我們發現,只有文本的列表,示能不明顯,而加上圖標之后就很明確了,甚至加上不同的圖標,示能也隨之變化了呢?刷新、跳轉、展開、移動、選中、刪除、步進、開關、屏蔽、更多。但你不能用撐開、向上展開、旋轉、翻轉、折疊、回退等等。


          這些其實是很簡單和基礎的概念,但是很多工作多年的UI設計轉交互體驗的小伙伴就經常遇到這些問題,大家總是在問UI和交互的區別是什么,其實本質上它倆都是一個界面設計師必備的能力,不能拆開來談。


          我們再來看一個例子,播放/暫停的圖標,用來控制音頻/視頻的播放與暫停,


          在實體播放器上,我們能看到播放和暫停往往集成在一個按鈕上,例如天貓精靈、電視遙控器等。而在數字產品中播放與暫停并不會同時放在一個按鈕上,因為數字產品的圖標是可以變化的,當前狀態和切換狀態可以有兩個不同的意符表示,那實體播放器做成兩個按鈕就太多余了。



          還沒完,當我們在觀看視頻的時候,界面中會顯示暫停按鈕,意思是點擊后播放中的視頻/音頻會暫停播放。也就是暫停圖標展示的是點擊后的狀態,而不是當前狀態。但其他圖標表示的意思卻又和開關相反,例如橫豎屏切換、收藏、點贊,顯示的就是當前狀態,而非點擊后狀態。


          為什么不一樣呢?因為暫停/播放相當于一個按鈕,用來控制視頻播放,這里存在著一個控制和映射的關系,然而這里的暫停和播放按鈕的示能是相反的。

          暫停圖標的示能表示當前正在播放,而播放圖標的示能表示當前已暫停。所以它和開關也不同,開就是開,關就是關,點贊圖標的原理就如同開關。


          還有例如打開和關閉聲音,看起來聲音播放/靜音有點像視頻的暫停和播放。



          例如騰訊視頻這里的視頻聲音控制,當前靜音為聲音關閉圖標,而不是打開后播放聲音的圖標,我們再看iOS系統的里聲音控的樣式表現,說明當前聲音為開啟則顯示的是開啟聲音的圖標,經過交互控制后才會變成靜音的圖標。所以聲音播放的控制和視頻播放的控制在圖標意符的使用規則上并不統一。


          那為什么會不一樣呢?其實我也看到過一些聲音圖標和這個案例是反著來的。


          兩個原因:


          1.因為視頻的打開和關閉只有兩個狀態,但是聲音不同,聲音在打開的時候還可以調節音量??!如果和視頻播放一樣,在播放的狀態下顯示的是靜音的圖標,那么音量調節就會變成這樣:




          是不是就很奇怪了,明明是正在播放的狀態,顯示的居然是靜音的圖標


          2.暫停和播放的本質并不是開和關,而是中斷和繼續,在本質上和開關還是不一樣的。而靜音和播放的本質就是對聲音的打開和關閉,如果我在聲音邊上加一個開關是不是就能弄清楚,為什么聲音控制器的圖標意符就是當前狀態而不是交互后的狀態。而視頻的播放和暫停并不是開關。這下大家搞懂了嗎?


          圖標意符可以單獨使用也可以結合文字使用,圖標雖然有優點,但也有缺點,如果單獨使用也需要注意使用的場景,比如舉個例子,同樣是放在導航欄的兩個圖標,但是在不同的界面中,大家可以感知到該圖標的含義嗎?它的示能和意符相結合成為了一個圖標,但不夠明確,在不同場景中如果沒有文字意符的輔助就會不夠明確。



          圖形可以輔助表意,也可以用來指示區域,例如我們經常開車,會知道馬路上會劃分實線、虛線、虛實線、潮汐車道線,示意車輛可以在哪些區域行駛、以及形式的規則。



          我們在醫院拍胸片的時候,胸片機器下方也會指示人應該站在什么位置,用一個方形的框框起來,或者會顯示兩個腳印的圖形。在數字產品中圖形的指示區域也非常重要,例如我們設計一個按鈕,只有文字樣式的按鈕和具有圖形背景的按鈕在用戶的點擊感知上是不同的,后者的點擊信心會更大,有了區域的劃分就有了明確的操作界限。




          3.顏色


          顏色意符很好理解,通過色彩來表達如何與事物進行交互以及輔助表達。


          無論是實體產品或者數字產品中,警示的顏色大部分會用紅色或者橙色來表示,例如在進行信息檢查時,錯誤信息會被用紅色樣式標注出來,既告知用戶出了什么問題,又提示用戶在哪里出現問題。


          而需要熱鬧、活潑的氛圍也會采用紅色等暖色來襯托,因為暖色更加的醒目。有時顏色也是物體示能的一部分,例如緊急逃生出口、公交車上的安全錘、滅火器都是用紅色的外觀,表示在緊急情況下可以使用,但不要輕易使用。


          綠色表示安全、自然,但也有一些特殊場景下的不同感知,例如金融行業不太喜歡綠色,男士不太喜歡帽子使用這個顏色,除非你是比克大魔王?;疑珓t表示禁止、不可用、待激活等等。


          在數字產品中,色彩除了表示一些特殊的含義,也可以用來作為信息區分,在選擇觀影位置的時候,可以利用色彩顯示不同區域位置的觀影體驗和價格的區別。更多的色彩心理學和色彩的使用這里就不展開了。





          4.聲音

          聲音意符就更有意思了,人們通過聽聲音來辨別發生方位、響度、發聲物體以及聲音的音色、質感。各種物體通過聲音來傳信息的方式也非常多樣,而我舉個例子,就能把大家帶回到童年。


          你們還記得以前在學校電腦教室里一個企鵝圖標開始閃爍嗎?一個咳嗽聲表示有人申請加你好友,一個敲擊木頭的聲音表示有人上線了,一個滴滴滴的聲音表示有新消息。還有在短視頻里經常會用到的一種中斷音效:滴————。你們會發現我怎么能打出有聲音的文字,仿佛你們已經在聽了。


          聲音為什么很重要,因為人類的五感是在共同作用的,我們除了可以通過聲音來判斷事物本身,還可以用聲音來感知當前行為的狀態,例如打開手機的鍵盤輸入音,這樣的打字反饋更真實更有質感。


          還有在游戲領域我們經常會提到的打擊感,當人物的武器打擊在怪物身上,但聲音并沒有及時反饋,而是延遲1秒,這時候你就會覺得沒有什么打擊感,除了聲音反饋,打擊感的意符還有很多,例如受擊物體的表現動作、擊打區域、擊打特效、動效、傷害顯示、控制器反饋等等。



          5.動效

          動效也可以成為意符嗎?它能表示什么含義呢?動效也是意符中非常重要的一種類型,他在我們日常生活中也用到的非常多。



          例如我們看到理發店門口正在旋轉的彩色燈。


          這里也順便給大家講個小歷史,理發店彩燈的由來:在中世紀歐洲,人們認為放血療法對人的健康又很大的幫助,但是一般都由宗教儀式中的神職人員操作,到了亞歷山大三世,他把這項工作交給了醫生,但是當時的醫生不愿意做這種下等人做的事情,便委托理發師來做,于是理發師就成立了理發師外科醫師聯合會,三色柱就是活動的標志,紅色代表動脈、藍色代表靜脈、白色代表紗布。還有一種說法是在法國大革命時期,一家理發店是革命黨人根據地,一次危險的活動中領導人在理發師的掩護下逃脫,最后為了表彰,允許他們用紅、白、藍三色的國旗作為標注,最后演化成了旋轉燈,各國效仿。


          好了,題外話說完,我們再回到動效。如果你看到三色燈正在旋轉,說明這家理發店正在營業,如果靜止則說明停業,或者壞了。是不是很簡單?這就好像一個出軌的女人告訴情夫如果家里有人則陽臺上放一盆菊花,家里沒人則放一盆綠蘿是一個道理。


          那么在數字產品中,動效意符還有哪些作用呢?我們一一來盤點一下:


          1.降低用戶認知成本

          我們通過設計界面的轉場、控件的喚出動效,告訴用戶你將從什么地方去往什么地方,和你有關的控件是從哪里來,你可以怎么控制他。當你進行過交互行為后哪些內容變化了,它們是怎么變化的。這就好像你等的45路公交車從遠方朝你慢慢行駛過來,停在你的面前并打開了車門,你選擇了上車然后看到阿姨捧著電飯鍋,拉動氣門,接著爆炸。而不是當你站在原地直接爆炸。被紅姨的支配還宛如昨日。


          所以一個好的動效能讓你清楚事物的發展過程,以便于你更好的去理解。再例如我們在使用餓了么、美團等應用時,添加菜品會有掉入外賣箱的動效,這是一個非常好的動效應用。微信公眾號策劃將文章收起到浮窗也會有一個浮窗去向的引導,告訴你雖然文章在收入交互動作的結束是在右下角,但如果你想查看所有文章需要返回首頁,在頁面的左上角才能找到。




          2.引導/提示/強化

          對于一些新人須知或者內容隱藏的部分,產品通常可以通過一個小動效來引導用戶這里有新內容,例如淘寶二樓、印象筆記功能圖標的切換、活動入口等等


          3.氛圍、強化視覺

          電商、直播界面中,有非常多的元素都是利用動效來刻畫氛圍和效果,刺激人們的感官。



          4.表示狀態

          當你在手機解鎖的狀態下輸錯密碼或者在氪金時輸錯密碼,輸入框都會進行左右晃動來示意,老鐵,這真的不對。





          5.更多意符

          意符不局限于我列出的一些類型,我再舉個例子,在一個不起眼的轉角處,那里空無一物,就是很普通的一塊空地,但如果那里被丟了一袋垃圾,那么這里就會出現越來越多的垃圾,因為第一袋垃圾就是一個意符,告訴別人這里可以丟垃圾,于是很多人就會把垃圾丟在這個角落里。


          很多人會覺得示能和意符好難區分,示能不是也包含意符嗎,其實我們可以這樣理解,在整個交互過程中有物體和操作者這樣兩個對象,物體本身表達的是示能,但它不具備溝通能力,而意符才是鏈接操作者和物體兩者的橋梁,雖然我們平時往往看到的都是示能+意符的狀態,但是我們也要區分本體的示能和用來溝通的意符兩者的區別。



          小結


          意符和示能不可分割,設計師們在學習基礎概念的時候要盡可能的一起去了解并學習。意符的種類繁多,所以我們在學習意符正確的時候方式時,首先要了解意符本身的“示能”,從而將意符更巧妙的結合在事物中發揮其正確的表意作用。


          設計師在設計意符的時候也要盡可能的多了解產品使用者(用戶)的背景,意符的表達也有很大一部分效果來自于用戶的經驗和心智。即便我們認為該意符已經很清晰了,但是使用者并未接觸過、不理解,說明該意符依然不合適。

          文章來源:站酷      作者:應駿

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

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

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



          日歷

          鏈接

          個人資料

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

          存檔

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