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

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

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

          首頁

          金融產品如何做好惠農設計?

          資深UI設計者

          窺見“鄉村金融困境”一角

          去年夏天的時候,我曾隨父母和一群叔叔阿姨回到他們當年下鄉的村莊游歷。那是縣城邊一個山清水秀的村隅,流水潺潺,疫情的陰霾從未造訪。對我而言,那天最為深刻的記憶停留在我們路過了當地的農信社網點,那應是安靜的鄉道中最熱鬧的一角,我看到熙攘人群中很多的老人,掂著銀行卡、存折或者手機,還有大大小小的紙張資料站在大廳中,或是神色匆匆,或是眉目惶然。

          這些留守在村里的大多數人,他們所有與金融的聯結固定在農村銀行網點與金融服務站中,他們在這里存錢取錢、繳交社保、支取生活費、領取補貼和低保。農村的銀行網點有限,業務又必須本人辦理,很多村民過來一趟已經足夠費時費力,而一旦忘帶了什么資料,又相當于白忙一趟。

          對于我們來說,手機上輕點兩下便可完成的操作,對于他們來說竟然如此困難。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          1. 服務使用之困:不會用

          根據最新的第七次人口普查數據,全國人口共 141178 萬人,其中居住在鄉村的人口 50979 萬,占比 36.11%,而據世界衛生組織發布的《中國老齡化與健康國家評估報告》預測,到 2030 年,中國農村與城市地區 60 歲以上的人口比例將達到 21.8%和 14.8%。但由于農村人口密度與交通原因,現代農村金融很難覆蓋到普通農戶。

          一面是由于有限的教育資源與嚴峻的老齡化形勢,另一面是顯著低于城市的金融服務覆蓋率,對農村人民來說,線下金融服務辦理難,流程慢,而對于可以跨越地理限制的線上金融,橫亙在大家面前的是比城市更嚴重的數字鴻溝,“不會用,也不敢用”。

          2. 資金之困:不能用

          土地在我們國家不只是農業生產資料,還承載著農民的福利和農村基層的各類開支。近年來政府通過金融扶持“三農”的決心可見一斑,農村創業創新進度的不停推進,2020 年返鄉入鄉創業創新人員 1010 萬,帶動農村新增就業崗位超過 1000 萬。

          然而無論是個體農戶還是涉農小微企業而言,涉農貸款由于農業天然的弱抗風險能力,其后續還款力和壞賬率都讓很多商業銀行心存顧慮。根據 29 家上市銀行 2019 年年報數據,大型國有銀行及商業銀行整體涉農信貸規模穩步上升,但涉農貸款占比卻仍處于較低水平,且多家銀行呈下降趨勢。

          一方面是蓬勃的創新發展與蒸蒸日上的資金需求,一方面是涉農金融服務的資金困境,最終也讓缺乏足夠的資金支持的鄉村的產業與業態面臨失去活力的風險。

          也正是源于這些類似的故事和真切的數據,我們開始探討“惠農金融”這個話題。依靠騰訊云推出的虛擬營業廳、騰訊云銀行、產業金融學小程序等等一系列解決方案,我們希望能讓農村金融業務更加溫暖,更加靈活,減輕銀行和用戶的辦事成本,把無界銀行服務的理念傳達到更多地方,提升銀行數字化的服務廣度與深度。

          從包容性設計看惠民設計

          惠農設計里自然會涉及到適老化的問題,而除此之外,它會是一個具體指向性更弱,更復雜的語境。

          這是為什么我們認為包容性適合作為設計原則來引導惠農的設計。因為它的主旨正是在充分認識到用戶的多樣性的前提下,允許不同的用戶在產品和服務中選擇自己更喜歡的方式來參與并體驗產品,避免產品在不同人群中產生體驗隔閡。而我們也相信好的設計,最終能讓大家都受益。

          包容性設計較早可以追溯到 2000 年,劍橋大學教授提出的包容性設計方塊(The Inclusive Design Cube),這個方塊以感知、認知、移動能力三個元素為象限延伸構成立方體。中心的實心方塊表示三種能力均具備,而方塊越往外延,其中的某項能力便出現欠缺。他們提出,包容性設計是提醒大家不??剂繉嵭姆綁K外沿,以滿足更多群體的設計方法。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          英國制定了國際上第一份官方解釋包容性設計的標準 BS 7000-6-2005(Design management systems – Managing inclusive design – Guide),在標準中,它將包容性設計定義為“主流產品或服務的設計能盡可能多的為人群所方便使用,無需特別的適應或特殊的設計?!?

          包容性設計的核心主旨,并非“人人都可以使用的設計”。劍橋大學工程設計中心教授 Ian Hosking 繪制了包容性設計的群體金字塔,展現群體中個人的能力差異,并指出包容性設計首先以底座的無困難用戶為根基,自下而上覆蓋至一個相對理想的用戶群體范圍,而無障礙設計或可達性設計則是自上而下,優先考慮極端人群的需求,兩者是不同的。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          淺談設計解法與設計實踐

          我們將包容性設計原則帶入到設計流程中,重新審視金融云虛擬營業廳等等一系列產品的相關設計,將人置于流程的中心,力圖以更為鮮活的視角來洞察設計中的需求,并努力地滿足它們。

          我們面臨著更加含糊但是又無處不在的差異:

          • 生理差異,源于農村人口與城鎮人口不同的年齡構成,健康狀況差異等各方原因,如:農村地區老年人口視力受損的患病率高于城市,在設計中我們要更充分地考慮頁面元素的樣式、用色、大小等等;
          • 認知差異,主要由于不同的文化背景導致,他們需要比一般app更為簡易直觀的操作,更為少且聚焦的流程;
          • 情境能力差異,源于不同的生活經驗,生活環境,人際親疏等等,我們需要在操作中給予更強的安全感,并充分考慮不同情境下的使用場景。

          1. 變“不會用”為“安心用”

          農村人口尤其是留守鄉村人口,其教育程度與文化背景造成的認知差異比城鎮人口更為明顯,獲取信息服務與學習新的科技手段的成本也顯著高于城鎮人口。近年來越來越多的村鎮開始組織手機學習培訓班,可以看得出來這類需求也在日趨提升。

          2. 實驗:感受認知差異的存在

          要考慮不同文化水平的人眼中的手機和信息化服務是什么樣子的,我們可以通過更改手機語言設置這樣一個簡單的實驗來窺知一二。這實際上模擬了微軟在包容性設計中提到“永久性障礙”中”語言障礙“的情形。

          具體來說,此時我們的認知模型已然改變,無法通過文字來獲取信息,而需要通過視覺符號來識別功能圖像、記憶功能位置、強記文字形狀等等不同的方式來記住這些服務與功能的使用方法。

          下圖是 iPhone 的設置頁,左右對照一下我們就會發現,原來這個打開過成千上萬次的頁面,理解偏差可能會有多大。而這里我模擬的還是對手機有一定程度了解的理解模式,若是對于抽象圖案理解有一定困難的人群,情況會更加嚴峻。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          而其實 iPhone 和蘋果做的已然算是不錯,我們可以看看其他,以下是 Twitter。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          我們發現當無法倚仗文字來判斷信息時,我們會通過其他更為直觀的方式來進行信息獲取,此時能幫助我們記憶和理解的手段包括而不僅限于:圖像,顏色,信息分組,聲音等。

          3. 聲音,圖像,而不僅僅是界面

          虛擬營業廳依仗騰訊云強大的音視頻技術,實現基于移動端的遠程視頻柜員支持服務。在業務過程中我們以座席人員包攬業務中絕大多數操作為原則,盡可能減少手機側用戶的操作成本,在線上還原線下辦理業務的體驗。

          我們通過語言溝通,屏幕示意等等多種方式,讓用戶盡可能只需要通過口述,便完成相關金融業務的辦理。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          虛擬營業廳的”個人理財風險評估“業務,座席人員在座席系統中調取問卷逐一提問,用戶只需口述與回答即可,登記答案、提交與審核均由座席人員完成。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          身份證驗證的過程中,用戶界面上不需要有任何操作,只需把身份證對準攝像頭,座席人員在座席端里點擊拍照按鈕替用戶完成拍攝。

          若是遇到一定需要用戶進行操作的部分,我們也可以通過標注、分享屏幕等等功能,直觀地給用戶展示所需要進行的操作,將他們的理解成本降到最低。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          在身份驗證流程中,座席人員通過“標注”功能加上動作示意,讓用戶進行“翻轉攝像頭”操作。

          4. 具象,更加具象

          Zereh Lalji 和 Judith Good 對印度孟買的工人進行過一項關于手機使用的調查測試,在測試中他們明確地發現越是具象的產品功能圖標,越是容易被受試者理解。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          Lalji 和 Good 實驗中受試者表示最為熟悉的功能,從左到右:電話本,相機,電筒,錄音機。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          Lalji 和 Good 實驗中,受試者自己繪制的關于有聲郵件的圖像,左圖表示人與人之間傳遞的類似”電報“的概念;而右側小人脖子里的線條表示聲波,箭頭指向的四邊形則表示”郵件已經傳送“。

          經過我們的觀察與測試也同樣,具象的信息在適農化中更加受到歡迎和認可。 在虛擬營業廳的客戶端里,我們細化了所有待機場景的插圖,輸出了兩個不同的方案。對于熟悉手機操作的人來說,下面的方案更加強烈且直觀,但是上面的方案,理解成本會更低。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          5. 唯一,且永遠聚焦

          以包容性設計展開的各種實驗和研究發現,人們對于有實體按鍵的手機的理解程度必然高于純觸屏手機,其原因在于一個反饋強烈的唯一按鍵,可以在任何時候提供用戶最快地返回原點的捷徑,這是一個超越了信息架構和系統所有功能的存在。

          在同樣的思路啟發下,我們在騰訊云的另一款產業金融產品“消費金融小程序”里也沿用了這個原則。在這個復雜的小微企業貸款流程中,我們保持了所有流程主按鈕的唯一,且保證了所有流程都單線進行。只要遵循“哪里亮點哪里”的方式,就可以讓這個申請流程一路進行。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          消費金融小程序中,申請頁面主按鈕始終唯一

          6. 變“不能用”為“安全用”

          針對農村金融服務覆蓋率較低、涉農和小微企業融資難的問題,線上金融其實提供了非常好的解決契機,它能讓更多的銀行的同類產品有機會擺脫物理位置的限制,以更低的傳播成本觸達到有資金需求的用戶。尤其是疫情以來,客戶經理的獲客與對客都有了更多的制約。

          7. 更豐富的對客模式讓用戶更全面獲取信息

          我們在虛擬營業廳的現有框架下延伸出了更豐富的對客模式,在這里我們可以將多種形式的產品內容介紹(PPT、視頻、文字等等)通過手機端推送到目標客戶面前。這樣的模式能讓更多樣形式的金融產品直接推送到有需求的人群面前,增加他們的選擇面,讓他們可以更為方便地選擇自己的金融服務。對于銀行而言,這樣的功能也有助于讓他們突破地理條件的限制,可以為農村打造更多專屬的涉農產品,并方便地把它推送到目標客群前。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          座席人員利用投送文件功能,給目標客戶講解產品

          8. 安全容錯的設計

          提到安全,很多設計師的第一反應便是我們通過品牌背書來給用戶建立安全感與信任感,因為騰訊多年在互聯網行業展現的不俗口碑,是我們所獨有的優勢,但其實這一點并不是所有行業項目都能做到的。適農設計中,對于資金安全與隱私安全的要求甚高于線下金融服務,對于我們來說,實現安全這個目標,仍然需要從體驗出發,將安全感蘊含在每一個細節體驗的打磨之中。

          A. 復雜網絡環境的弱網提示

          金融服務業務類型眾多,僅僅是簡單的一個信息修改,在服務過程中便會涉及到身份認證,人臉識別,信息拉取等等多個步驟,同樣在線下辦理業務的時長若是移到線上,不習慣線上辦理流程的用戶會對網絡的卡頓與不穩異常敏感,從而嚴重影響整體業務辦理的體驗。

          虛擬營業廳基于當前農村信息化基礎網絡建設的現狀,我們在研發過程中引入了專用的實時音視頻技術(Tencent-RTC),為整體通話質量作出保障。同時基于農村網絡基礎設施的建設現狀與網絡信號的復雜性,我們對于有可能出現的弱網風險,都在設計上作出了預判和提示,一則可以給用戶更充分的預期,配合現場協助的工作人員,也會與用戶進行解釋和安撫,另一方面也能適當降低由于網絡問題導致通話質量低下,客戶對座席人員的整體滿意度影響。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          B. 梳理操作流程,讓提示清晰且無處不在

          與金錢有關的所有操作,用戶都會自帶“需要小心謹慎”的心理暗示,而基于涉農金融業務的復雜性,貸款往往需要經過非常復雜的資料填寫,資料提交、身份核驗與審核的步驟,冗長的申請流程效率低,用戶沒有預期,整體申請體驗和通過率都很難達到理想效果。

          我們在消費金融小程序中采用了一種新型的流程申請與資料填寫方式,可以精準地提醒用戶現在所處的申請步驟,所需的時候資料與步驟總計耗時等等,可以提升申請體驗,提高申請通過率,降低用戶不滿與焦慮感。

          首先我們將復雜的神情流程做出層級梳理操作,分為大型,中型,小型步驟三部分。

          對于大型步驟,我們在關鍵的新手教育節點予以呈現,以一種旅程地圖的形式,告知用戶全流程。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          對于中型步驟,我們以清單的形式,讓用戶對這里的復雜程度有清晰預知,也讓用戶可以提前準備好所需的資料,一切都一目了然。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          對于小型步驟,我們讓進度條在頁面頂部懸停,讓用戶時刻可見,同時頁面單向滾動,文案上也清晰告知用戶接下來要做什么。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          這樣一套流程設計,我們從申請流程開始到結束,從宏觀到微觀,做到了脈絡清晰且提示全程可見,可以給用戶更充分的安全感與確定感。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          C. 可控且可退回的糾錯方式

          當人們在使用不熟悉的服務和功能時,他們往往比平時更害怕出錯和失敗,而在此時若是身邊的人或者工具本身可以提供他們明確的安撫和糾錯的路徑,他們的顧慮情緒會明顯得到安撫。

          因此當我們在給更廣泛的人群做設計,我們就更需要提供實質意義的明確信息,如明確的錯誤原因提醒,與輕松的回退機制等等。

          消費金融小程序中,我們引導用戶進行單線程的申請動作,與此同時若是發現出錯的內容,用戶可以隨時從清單中明確地看到,并快速進行重新提交。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          結語

          所有技術與設計的問題,最終都會回到人

          我們一直致力于打造的無界金融服務,歸根結底,是整合著諸多新的科技與技術,引入更為人性化的設計理念,來讓更多的人可以更加便捷而有尊嚴地使用線上金融服務。本文通過將包容性設計的理念引入適農設計,將不會用變為安心用,不能用變為安全用,我們也希望隨著我們的努力,會有越來越多有需要的人,可以把我們提供的服務,當成邁向這個繽紛數字世界的一扇窗,一座橋,而我們也可以持續不斷地,依著專業能力與同理心,讓這扇窗越來越亮,這座橋越來越寬。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:優設   作者:騰訊設計

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

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

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




          構建視覺層次的4個技巧

          資深UI設計者

          設計行業每天發生著翻天覆地的變化,隨著專業的發展,我們也在不斷的學習新的技巧和趨勢,但同時我們也要明白,設計中那些基礎的UI準則,才是好的趨勢和風格建立的基礎。今天我們就一起來聊聊做好設計最重要的能力之一:區分視覺層次。


          什么是視覺層次

          視覺層次你可以理解為,通過將界面元素進行設計上的區分,引導用戶的注意力,并使用戶的注意力始終集中在頁面的關鍵地方。但是今天沒有一個方法可以一直控制用戶注意力,就像我們今天做設計一樣,不同的產品要用不同的設計手法去設計,才能達到幫助用戶分清主次的作用。

          視覺層次不僅僅包含文字有關,它還包含我們的圖片,視頻按鈕以及文字以外的視覺元素。所以當你設計一個網頁時候,除了網站整體的顏色,排版,圖片也能夠影響視覺層次。那么如何讓設計的層次更清晰,常用方法有哪些,今天我們一起來聊聊關于設計層次,希望可以幫助到你。


          運用尺寸大小建立層次

          大小是建立視覺層次非常重要的方式,這里的大小不僅僅是文字,還包括圖形,插畫,圖片等等。 作為設計師我們必須了解屏幕上每個元素的優先級,根據優先級來判斷它的使用大小。

          當我們談到尺寸的時候,相信很多設計師有過被要求各種元素放大的經歷,確實大的元素能更好的吸引用戶。 但是當元素越大,其實設計的復雜性也越高,所以在設計時候需要更注意整體節奏,把握好一個度。

          如上圖插畫的比重很大,在設計這種大的元素時,你的每個元素比例和細節處理都被同時放大了,我們可以看見這副插畫四周還運用了很多元素,讓頁面達到平衡,同時這個畫面和旁邊的文字場景也很好融合在一起。一個好的設計一定是通過視覺手段讓用戶理解信息更加準確,在看完頁面文字和圖片后,很自然的引導到底部的按鈕,這才能算是一個很引人注目的設計。


          運用色彩建立層次

          顏色在視覺層次中扮演著非常重要的角色, 設計師可以通過顏色來傳遞信息內容,同時也可以引導頁面內容,色彩在心理學中有著很重要的作用,比如黑金給人尊貴感VIP感,糖果色給人小清新,甜蜜的感覺;紅色能吸引人注意等等。用戶在視覺情感上和顏色很容易聯系在一起, 作為設計師我們需要對不同的色調,不同色彩進行細致的組合搭配,以掌握對色彩的了解。

          Zenly:國外知名產品,在引導頁面設計時候運用紅色按鈕吸引用戶注意,在App主頁面里面,通過深藍色強調選中效果以及Tab.

          Netfix:知名的電影軟件Netfix在設計中,充分運用色彩去增強層次,無論是在引導頁按鈕設計,還是在頁面核心行動點,以及Tab切換等地方,都通過顯眼的主色來引導用戶操作,讓頁面的行為路徑更加順暢。

          Tiktok:抖音海外版本設計,整體UI部分非常簡單,頁面還是一如既往突出內容為主,所以在整個設計上就通過色彩來強調頁面優先級,比如拍攝,分享,選擇這些核心操作都通過色彩來引導完成任務。

          更多設計文章,設計交流,歡迎添加 | 微信ddm7212

          關注#公眾號:SKY蓋哥 ,第一時間獲得設計干貨和分享內容。


          運用文字大小字重建立層次

          絲芙蘭App的設計,在引導頁采用一個襯線體非常有品位,通過字體大小,和字重對比,再配合美妝護膚的行業屬性,頁面非常的簡潔大氣,有對比有細節。

          無論是產品介紹,還是詳情頁,絲芙蘭設計都是采用字重和字體大小對比,來打造層次,字重和大小,也是設計師常用建立層級的方式。

          除了字重以外,還可以字體透明度來增加層級,一般是黑色搭配灰色使用,再加上字體大小和字重整個頁面層次會更加清晰。如上圖韓國APP頁面,標題是黑色,輔助說明文字字號小4號,同時顏色改為淺灰色,這樣設計頁面層次增強了很多。

          很多設計師在做界面時候,喜歡字體就一個顏色用到底,這樣會顯得界面粗糙,也沒有層次感。但是運用好我上面說的字體大小,顏色、字重等對比其實節奏很容易就能做出來。

          運用視覺重量建立層次

          比如aaptiv這個產品的功能頁面設計,就是運用了視覺重量的對比,線框按鈕最弱,其次是黑色選中效果,最重的功能引導按鈕, 視覺 重量的對比能很好讓用戶關注到功能內容。

          如上圖,選中的黑色視覺重量最重,其次是藍色選中效果,最后是未選中的黑色,視覺重量幾乎我們每一個頁面中都會使用到。

          headspace這款產品我非常喜歡,將情感化用到了極致,在頁面很多細節地方運用了不同的小橙人在背景上,視覺重量有輕有重,通過不同視覺重量來表達頁面內容,非常巧妙。

          在列表的表達上,不同視覺重量感受是不一樣的,比如左邊的視覺重量更輕一點,用戶關注圖形同時也去關注文字內容,右邊這個視覺更重,更加引導用戶去點擊功能模塊內容。

          設計師熟悉的medium官方App設計,在正文閱讀時,同樣采用不同的視覺重點來突出重要信息,比如左邊通過字重以及文字背景綠色底色和正文對比,非常醒目。右側通過淺綠色作為背景強調突出。

          同樣在一些重要位置,Medium也是運用視覺重量處理,如左圖通過頂部提示條提示可以通過語音播放,在右側付費文章通過行動按鈕引導用戶升級付費。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:我們的設計日記

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

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

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


          B端教育產品的情感化設計(視覺篇)

          資深UI設計者

          教培類產品若想更有效地吸引用戶留存,則需要站在用戶的角度進行思考,讓用戶有持續性的動力使用產品。而有“溫度”的設計可以讓用戶更有動力。本篇文章里,作者從視覺上總結了B端教育產品的情感化設計操作策略,一起來看一下。


          我們是如何讓工具化教培類產品更具有“溫度”,同時又滿足B端產品多樣、規范化設計的。

          B 端教育產品的情感化設計(視覺篇)

          一、項目背景

          此項目是由我們的合作伙伴-清華大學心理學系學習科學實驗室執行主任宋老師和他的團隊發起,與我們騰訊云的小伙伴一起完成設計和開發的。宋老師的師資團隊在教育培訓行業已有多年的沉淀,且在類工具化的教培線上產品授課經驗豐富。

          宋老師團隊認為:“現有的工具化產品并不能足夠滿足團隊的教學需求和理念”。他們需要更富有情感化的產品,區別于其它的在線工具化的教培產品。

          同時在教學過程中宋老師團隊的核心痛點在于:如何讓學員有動力地學習下去。21天中長期課程訓練營,學員會經常出現無法堅持學習、學習動力不足、中途放棄學習等問題,而這些也自然成為我們需要去突破和解決的設計難點。

          1. 核心訴求:如何讓學員有動力學習?

          解析問題:老師團隊希望做出與市場上工具化產品有所區別的產品目標,更是一款具有情感化且具有工具屬性的教培產品。根據這個目標和方向,我們快速嘗試了一版方案:讓學習進度清晰可見—“學習地圖”方案。

          B 端教育產品的情感化設計(視覺篇)

          設計目標

          快速迭代1.0 學習地圖,定位問題聚焦設計方向。

          B 端教育產品的情感化設計(視覺篇)

          1.0版設計地圖

          我們快速打造并模擬上線了1.0版學習地圖,并和宋老師團隊溝通發現:如上圖的信息模式更適合即時性運營類的信息傳達,而在21天這樣的學習訓練營中,這樣的視覺信息表達會有以下的問題:

          1. 學習路徑漫長且曲折,讓學習目標看起來很難完成;
          2. 在漫長的路徑上連續不斷的關卡造成一種讓用戶遙不可及且容易中途就放棄學習;
          3. 節點的節奏過于單調讓學習沒有預期感、缺失成就感。

          雖然秉持著創造輕松的學習環境和氣氛的目標,我們的設計還不能滿足實現情感化的工具產品,所以我們快速的定位問題并調整了我們學習地圖的設計思路。

          B 端教育產品的情感化設計(視覺篇)

          1.0版設計地圖

          2. 學習如何才能是輕松又有動力的?

          回答最初的問題,如何讓學習輕松有效又有持續性?分為以下幾個維度:

          1)縮短學習路徑— 讓學習目標看起來輕松可執行。

          2)拉近終點目標— 讓原先看起來遙不可及的目標“觸手可及”。

          3)只聚焦當前任務 弱化未完成的任務—幫助學習者減負,學習者不需要關注將來的任務,只需要把精力聚焦在當前的任務下,完成當前的力所能及的“小事”就能打卡成功。

          4)放大學習成就感— 在21天的訓練營,把學習分成:初、中、后期。在學習初期需要關注學習習慣的養成;在學習中期需要幫助學習者在中途不要放棄學習,鼓勵學習者,并將學習回報等可視化,像是累計的學習時間獲得驚喜等;在學期后期放大目標,凸顯目標任務近在咫尺的感受,在最后學習終點放大學習的成就感。

          5)放大社交屬性— 騰訊的基因就是有社交屬性的,所以將學習組團化,學習者之間互相鼓勵,讓學習變得簡單和快樂。

          3. 從籠統的游戲化設計聚焦關鍵設計點

          1)輕松

          創造更輕松愉快的學習氛圍。首先需要拆解分化目標本身,聚焦于當下要完成的事,而不是想著那個遙不可及的目標;其次,讓過程可見,看見學習的過程視覺化的量化;最后,驚喜埋點,讓學習是一件快樂的事情。

          2)激勵

          主要的思考方向聚焦在:增加互動,老師上課直播的送花 、標示(學習積極分子等)創造學員之間的互動,攀登榜等。其次通過驚喜盲盒讓學習也是可以開心并且有成果的。

          3)品牌化

          以此次的項目代表,不同的教育機構有自己的屬性和教育理念的傳達,也有大量的運營的需求。如何幫助合作伙伴或是客戶更好的快速、清晰、準確的塑造其品牌和品牌識別度,也是我們需要聚焦的方向。

          4)B端設計

          作為B端的設計,希望后續面對類似需求的客戶可以將設計元素組件化,量化復用的同時,滿足用戶定制化的需求,靈活多變,幫助產品快速的產出。

          B 端教育產品的情感化設計(視覺篇)

          聚焦設計關鍵點

          二、差異化學習地圖專項設計

          1. 地圖信息屬性調整

          1)節點

          將課程的節點放大,且增加變量的屬性,讓每節課程的節點都“埋藏驚喜”。同時節點的設計分為基礎節點和其它節點。其它節點包含:彩蛋節點、運營位節點等,讓節點變成一個組件的同時具備了靈活變化的屬性。

          B 端教育產品的情感化設計(視覺篇)

          節點組件

          2)路徑

          節點自身就可以組成隱形的路徑,相對就壓縮了學習路徑,減輕學習者的學習負擔。并且用空間感的“近大遠小的”路徑設計從視覺上“拉近”學習目標終點。

          3)角色融入

          將學習者角色帶入,用了小人“跳一跳”的動態增加學習的趣味性。

          B 端教育產品的情感化設計(視覺篇)

          動態跳一跳

          4)故事線

          服務于售前,產品可以針對不同的客戶和需求串連不同的故事線。

          在做初期提案時,我們的故事線是:學習積累水滴灌溉小樹苗,在學習過程中小樹苗慢慢成長變成大樹,通過這樣的視覺呈現來體現學習的成就感。學習者在不同的節點會解鎖帶有樹苗長大的驚喜“彩蛋”節點。

          作為B端的設計服務,不同的客戶有不同的目標需求,但是基于這樣的學習地圖組件,后續可以更換不同的故事線,也可以根據客戶需求靈活定制學習地圖。

          2. 地圖在界面上的的呈現

          1)終點目標可見/聚焦當前任務

          首屏就可以看到終點,并展示終點第21節課程,減輕學習者的負擔。在視覺上呈現出:完成這個目標“看起來”也不是很困難的感受,讓學習者感覺自己是可以憑借著努力去觸達學習終點的。所以學習者只需要聚焦在當前需要完成的課程,而不需要考慮還未完成的課程。

          B 端教育產品的情感化設計(視覺篇)

          地圖的視覺呈現

          2)界面結構

          • 遠景:不同的階段感,放大成就感。
          • 課程區域:(減少學習負擔,聚焦當前的任務。
          • 前景區域:邊走風景邊會變化體現成長感,減少學習的倦怠感。

          3)前、中、遠景的結構設計

          界面的結構分為:前景、中景、遠景。

          • 前景區域:隨著學習者邊“走”風景會變化,在前景處體現學習者的成長感,減少學習的倦怠。
          • 中景:課程區域,減少學習負擔,聚焦當前的任務。
          • 遠景:弱化未來的課程,在學習后期階段,放大目標觸手可及的感受,幫助學習者堅持學習。

          4)學習地圖元素的組件靈活變化

          1.0版本的學習地圖設計重心放在視覺插畫上,而忽略了服務于B端用戶所需的快速組件化?;诂F在的設計結構,可以有效的產出和預估設計的工作量,將其作為有情感沉淀的半自定義組件。

          B 端教育產品的情感化設計(視覺篇)

          如何通過界面提升學習動力

          5)最后小結

          學習地圖的設計是為了幫助學習者減輕學習負擔、幫助學習者明確學習路徑、凸顯學習的成長感。靈活的節點設計以及隱藏彩蛋增強了學習的動力,減少了學習的疲勞感。而在產品售賣層面,可以串聯不同的故事線快速搭建學習地圖。

          三、幫助合作伙伴樹立品牌

          1. 客戶提案

          合作伙伴提出了關鍵詞“成長”,為了更好地管理用戶的預期,我們做了以“成長”為核心的三個維度展開的設計提案。方案A為成長沐浴在陽關下的治愈型方案—向陽而生感受成長的力量。方案B為學習也可以很快樂—學習嘉年華。方案C為成長的經典綠色方案—成長是一種詩意的棲居。

          B 端教育產品的情感化設計(視覺篇)

          3個不同的提案

          確定主題向陽而生

          在與合作伙伴溝通后選擇了A方案向陽而生,產品也重新定義了故事主線。將故事主線定義為“登山看日出”所以根據新的故事主線我們定義了主要的品牌元素及延伸運用。

          2. 品牌設計元素的提取與應用

          宋老師團隊選擇的“向陽而生”的方案,將設計元素的落點在于“陽光”的設計點上。

          B 端教育產品的情感化設計(視覺篇)

          視覺元素提取抽象并賦予視覺的語意“在名師的指導下學習成長,猶如沐浴在溫和自在的陽光中,快樂成長,快樂學習”,并加入了“學習”的元素—筆記本,希望可以通過紙張體現學習過程中的“親切感”。

          B 端教育產品的情感化設計(視覺篇)

          主要設計元素首先來分解主要的視覺設計點-陽光,提取陽光“溫暖柔和”的特質。將陽光元素抽象出:磨砂模糊的陽光光暈、一束光線的色彩形狀的組合。并將這些特質運用在界面設計中,如下圖。

          B 端教育產品的情感化設計(視覺篇)

          設計元素在界面上的應用在質感上運用更多偏磨砂的效果,加入有代表性的筆記本元素作為底紋。在界面可以上看到,通過陽光光束突出人名,重要的按鈕及按鈕狀態也增加了陽光光暈的設計,在細節上潛移默化地呈現教學與設計的理念。

          B 端教育產品的情感化設計(視覺篇)

          設計元素在界面上的應用

          3. 差異化:融入新的故事線—放大學習成就感

          融入新的故事線“登山看日出”。在產品中“學習地圖”作為差異化的設計點的全過程展示,參看下圖視頻演示。

          首次學習過程模擬學習進度的視覺化呈現分為三個不同階段:

          1. 初期-學習新鮮期;
          2. 中期-學習倦怠期;
          3. 后期-學習沖刺期。

          我們將21天的學習進程分成不同的階段,并根據不同的用戶心理改變視覺呈現,前期和中期和后期會有明顯的“視覺改變”,在最后成功的學習完成也會有一個儀式感的“學習路徑”的層層疊加,凸顯學習的成就感,此時也是用戶對自己用心學習的最好回饋,將這一些心理狀態都視覺化地呈現在用戶眼前。

          B 端教育產品的情感化設計(視覺篇)

          B 端教育產品的情感化設計(視覺篇)

          階段的視覺呈現學習地圖組件分為:

          • 前景:學習過程變化的信息;
          • 中/遠景:學習節點,學習節點包括基礎節點和自定義節點,自定義節點可以根據產品和客戶的需要更改節點的屬性;
          • 遠景:學習結束的儀式感展現。這一學習路徑的視覺展現形式也可以很好地轉化為設計組件,串聯不同的故事線讓學員去完成不同天數的線上學習。

          B 端教育產品的情感化設計(視覺篇)

          學習地圖組件

          1)其它學習激勵頁面

          呼應“向陽而生”的故事線,我們的設計還包含了其它的學習激勵機制。例如:每次完成學習會獲得一個“太陽”積分、學習攀登榜的設計上,呼應登山主題的視覺表達。

          B 端教育產品的情感化設計(視覺篇)

          其他激勵頁面

          2)設計規范與設計協同

          為感更好地進行教育的視覺協作,我們將視覺規范分為:設計總體理念的概覽、設計基礎組件、設計特殊組件、界面相關的具體設計內容、典型頁面和人物封面規范等,保證內外部的設計輸出規范,保持產品視覺基調完整準確。

          B 端教育產品的情感化設計(視覺篇)

          設計規范

          B 端教育產品的情感化設計(視覺篇)

          協同設計

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:人人都是產品經理   作者:騰訊設計

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

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

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


          家裝產業化的新特點與新機會

          資深UI設計者

          隨著互聯網的發展到一定程度,各行各業都在發生著新的變化,家裝行業也逐漸告別了以“互聯網+”模式為主導,開始聚焦于家裝產業本身。那么,家裝產業化會帶了哪些新的特點與機會呢?我們一起來看看吧。

          當互聯網時代漸行漸遠,每一個行業都在發生著新的變化,家裝行業亦不例外。告別了以“互聯網+”模式為主導,越來越多的玩家開始將關注的焦點聚焦在了家裝產業本身。

          改變家裝行業原有的運行邏輯,改變家裝行業原有的組成元素,改變家裝行業的原有的功能屬性,一個全新的時代從此開始緩緩拉開序幕。

          乍一看,家裝行業的新變革與整個行業正在發生的新變化頗有幾分相似之處。如果我們仔細觀察便會發現,家裝行業因其特殊性,它的發展是有著某些自己的特點的。

          認清了這些特點,我們在探索和實踐家裝進化的過程當中,才能擺脫原有的困境,真正為家裝行業的進化找到出路。

          反過來,如果我們一味地對家裝行業的進化進行一刀切,簡單武斷地將家裝新進化與其他行業的進化混淆起來看待,非但無法促進家裝行業的良性發展,甚至還將會把家裝行業的發展帶入到新的死胡同里。

          最后,我們又將陷入到與互聯網家裝相類似的怪圈當中,難以自拔。

          一、家裝進化的新特點

          一直以來,人們在看待家裝的時候都不僅僅只是看待家裝本身,而是更多地看待的是家裝行業背后的東西。當家裝行業的發展進入到了全新的階段,人們在看待家裝的時候,同樣面臨著同樣的問題和抉擇,從而呈現出一些新的特點,認識到這些特點,并且從其中尋找到新的機會,才能真正讓家裝行業的發展帶入到全新的階段。

          家裝行業不再傳統和原始。提及家裝,人們首先想到的是傳統和原始,無論是從家裝行業的運行機制上來看,還是從家裝行業的組成元素上來看,幾乎都是如此。

          然而,經歷了互聯網時代的洗禮之后,家裝行業的這樣一種狀態正在發生深刻而又全面的改變。

          越來越多的新元素開始加入到了家裝行業當中,比如,人工智能;比如,大數據;比如,新型材料等等。

          當組成家裝行業的新元素開始發生嬗變,家裝行業的傳統和原始開始被徹底而又全面地改變,家裝行業再也不是我們所認為的那樣一種狀態了。一場由內而外的新變革開始在家裝行業上演。

          與此同時,家裝行業的運行機制同樣正在發生著一場深度變革。按照傳統理解,我們所認為的家裝行業是一個由內而外的過程,即家裝公司向業主提供服務的過程,在這個過程當中,業主是被動地等待著家裝公司為自己提供產品和服務的。

          當家裝行業的內在元素發生了深度改變之后,這種狀態開始被打破,越來越多的業主開始主動地選擇家裝公司,主動地選擇家裝產品和服務,家裝行業開始了由外而內的新運行邏輯。

          無論是從家裝行業的組成元素上來看,還是從家裝行業的運行機制上來看,家裝行業都不再是我們認為的傳統和原始的家裝,而是開始了一場全新的進化。在這樣一場全新的進化里,家裝行業不再是我們所認為的傳統意義上的功能和屬性,而是開始有了新的內涵與意義。

          家裝行業不再僅僅只是裝修。跳出裝修的牽絆,真正為家裝行業找到新的出口,才是讓家裝行業的發展真正擺脫以流量為終極追求的宿命的關鍵。

          只要家裝行業依然還在以裝修為主要的功能和屬性,無論家裝行業如何嬗變,家裝行業的發展始終都是以流量為終極追求的。因此,讓家裝行業真正跳出傳統怪圈的關鍵在于告別裝修,為家裝行業賦予新的內涵和意義。

          乍一看,告別裝修,家裝便不能稱之為家裝,因為家裝始終都是和家裝深度綁定在一起的。幾乎所有的家裝從業者都將裝修看成是家裝的使命和意義所在。

          正是因為如此,我們才無法真正讓家裝行業的發展擺脫傳統的限制,更加無法讓家裝行業的發展帶入到全新的發展階段。當家裝行業的發展開始了新征程,另外一個顯著的特點,就是去裝修化。

          一直以來,筆者都認為,所謂的裝修是在特定的歷史條件下賦予的家裝行業的一種特殊的使命。一旦這樣一個歷史階段不再,我們對家裝所賦予的這樣一種裝修的功能和屬性便會開始瓦解。當精裝交付時代來臨,這樣一種特定的歷史階段,開始發生改變。

          于是,人們開始尋找裝修之外的新功能和新屬性。在新的歷史階段,家裝行業更多多承擔的是一個構建場景的過程,正如互聯網時代人們搭建平臺作為一切行為和動作的承載一樣。

          在新的階段,家裝行業更多地承擔的是搭建新場景和新平臺的任務。所以,在這個時候,家裝已經不再是簡單意義上的家裝,而是有了新的內涵和意義。

          家裝行業不再拘泥于家裝本身。如果家裝行業的發展和進化僅僅只是拘泥于家裝行業本身,家裝行業的發展和進化始終都是無法擺脫原有的困境的。

          這是家裝行業一直都在改變,一直卻無法跳出原有的發展怪圈的根本原因。當時間的指針來到了新階段,家裝行業的進化不再僅僅只是拘泥于家裝本身,而是開始更多地跳出家裝,尋求新的發展突破口。

          現如今,我們看到的是家裝行業本身開始與越來越多的外部行業,越來越多的外部元素產生聯系。

          總結來看,家裝行業不再僅僅只是拘泥于家裝本身,而是開始更多地跳出家裝,將目光轉移到了更多家裝之外的新領域里。比如,將家裝與生活聯系;比如,將家裝與健康聯系等等。

          當家裝行業的發展告別了原有的封閉與孤立,而是越來越多地開始開放的時候,所謂的家裝便不再僅僅只是我們所認為的那種傳統意義上的家裝,而是開始更多地被賦予了新的內涵和意義。比如,家裝的場景功能;比如,家裝的聯通功能等等。

          認識到家裝行業的新特點,并且以這些新特點為出發點,尋找家裝行業的破局之法,才是確保家裝行業的發展可以進入到新階段的標志。對于一直苦于無法破局的家裝行業來講,這無疑是一個新的開始,以此為開端,家裝行業的發展才能真正進入到一個全新的發展階段。

          二、家裝行業的三個新機會

          結合家裝行業的進化所呈現出來的新特點,我們可以非常清晰地看到三個家裝行業進化的新機會。抓住這三個新機會,并且真正將家裝行業的發展帶入到新階段,才是保證家裝行業真正進入到新階段的關鍵所在。

          機會一:替代傳統元素,重構傳統機制。

          我認為,替代傳統家裝的元素與重構傳統家裝的運行機制應當是一個相輔相成的過程。所謂的替代傳統家裝的元素,其實就是一個將新的元素變成家裝行業新主體的過程。

          從現在的發展情況來看,以人工智能、大數據、云計算為代表的新元素正在越來越多地成為家裝行業新的組成部分。

          當新元素取代舊元素充實和完善家裝行業的大背景下,我們看到的是一個全新的家裝行業機制正在被重塑的過程。

          傳統意義上的以人為主體的運行機制,開始被新的運行機制所替代,從而形成了一種全新的運行機制,這種全新的運行機制比傳統的運行機制更加快速、標準和規范,同樣可以讓家裝行業更好地運行。

          在這個時候,對于每個玩家來講,只有真正抓住了替代傳統元素的機會,并且真正用新的元素來代替舊的元素,從而建構一個全新的機制,才能讓家裝行業的發展真正進入到新階段。以此為開端,家裝行業的發展才能告別傳統,迎來新時代。

          機會二:拓展家裝行業的新功能。

          一直以來,家裝行業的癥結在于始終都沒有擺脫裝修的牽絆,一直以來,人們都在將裝修看成是家裝行業的唯一出口。

          在紅利期,這種發展是沒有任何問題的。然而,等到紅利期已過,我們再將傳統功能看成是家裝的唯一出路,所導致的一個最為直接的結果就是家裝行業的發展開始進入到死胡同里。

          在這種情況下,我們必然需要拓展家裝行業的新功能。以新功能為家裝行業的發展找到新的突破口,以新功能來促進家裝行業的新發展,以新功能來填補紅利期見頂的空白。

          在我看來,未來的家裝更多地需要承擔的是一種生活方式的營造者,一種新場景的承擔者的角色。

          對于每一個玩家來講,他們都應當將拓展家裝行業的新功能和打開家裝行業的新思路作為主要目標。可以預見的是,當每一種的家裝行業的新功能被發現,被打開,家裝行業的發展瓶頸就會被突破和改變。以此為出發點,家裝行業的發展才能真正進入到一個全新的時代。

          機會三:增強家裝行業的聯通性。

          家裝行業作為一種載體,它的發展越來越多地開始表現出與外部產業的深度聯系和融合上面。對于每一個有志于在家裝行業的新階段有所作為的玩家來講,最后一個機會便是如何增加家裝行業與外部行業的聯通性,以此來增加家裝行業的新機會。

          在這個過程當中,增強家裝行業的聯通性,主要表現在內外兩個方面。從內部聯通上來看,家裝要強化與上下游之間的聯系,不斷對上下游進行深度賦能,以此開啟家裝行業的新發展;從外部聯通上來看,家裝行業要強化與金融、制造、消費等大行業之間的聯系,以這樣一種聯系來確立家裝行業的中心地位。

          可以預見的是,當家裝行業成為新的中心和紐帶,特別是當家裝行業的發展與外部產業真正聯通在一起的時候,它的發展才能告別傳統時代和互聯網時代的封閉與孤立的狀態,真正進入到一個全新的發展階段。

          三、結語

          當互聯網時代的紅利不再,家裝行業的發展開始呈現出新的特點。認識到這些特點,并且抓住衍生出來的新機會,家裝行業的發展才能告別傳統意義上的發展邏輯,真正進入到一個全新的發展階段。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:人人都是產品經理   作者:孟永輝

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

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

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


          簡約有效的設計,讓產品變得不一樣

          資深UI設計者

          編輯導讀:隨著產品的迭代升級,增加越多功能,設計相對地也會越復雜,用戶需要花費更多的精力來理解產品邏輯和使用具體功能。因此對產品進行簡約有效設計是十分有必要的。本文作者對此進行了分析,與你分享。

          一、簡約有效的含義

          產品是一個功能集合體,隨著迭代優化,會變得越來越復雜,這也意味著用戶需要花費更多的精力來理解產品邏輯和使用具體功能。因此對產品進行簡約有效設計是十分有必要的。簡約有效原則跟一致性原則比較類似,本身的含義比較廣泛,此文中,對簡約有效的原則作如下約定:

          “簡約有效設計指的是設計方案在滿足用戶和產品需求的前提下,應該最大程度的降低產品復雜度和用戶使用成本,以保證用戶使用產品的體驗和效率,最終達到為用戶和產品提供更多價值的目的?!?

          簡約有效的設計最大特點是“簡約”和“有效”。

          簡約——能降低產品的復雜度

          “簡約”指的是在滿足需求的前提下最大程度的降低產品復雜度。從普遍的角度來講,一個簡約的設計一定能夠極大的提升用戶的使用體驗和產品的使用效率。

          有效——能滿足用戶和產品的需求

          “有效”指的是設計方案必須能夠滿足用戶和產品的需求,這是設計最為基礎的要求,如果設計方案不能滿足用戶或產品的需求,那什么樣的設計都是沒有意義和價值的。

          二、簡約有效設計的價值

          在設計中,遵循簡約有效原則不僅可以保證設計方案的合理性,還可以為用戶和產品提供更多的價值和服務。

          1. 提升產品的用戶體驗

          簡約有效設計對用戶的價值主要體現在提升用戶體驗方面。

          1)降低用戶使用的成本,提升產品使用效率

          簡約有效的設計可以降低產品邏輯結構 、頁面布局、交互操作等的復雜度,從而減少用戶的認知和使用成本以及提升產品的使用效率。

          2)更好的情感設計化

          從心理學角度來講,越簡單的東西會越符合用戶預期,也越容易獲得用戶的信賴和好感,而簡約有效的設計可以降低產品的復雜度,降低用戶的而使用和認知成本,因此簡約有效的設計可以有效地提升產品的情感化設計,為用戶提供更好的使用體驗。

          2. 保證產品的健壯性和可發展性

          簡約有效的設計對產品的價值主要體現在保證產品的健壯性和可發展性。

          1)減少產品邏輯的復雜度和耦合度,保證產品的健壯性

          產品功能的復雜和邏輯耦合是一個無法避免的問題,越是復雜的邏輯其犯錯的可能性越大,其普適性也越差,但利用簡約有效的設計可以降低產品功的復雜度,去除不合理的設計,減少各個功能模塊之間的耦合度,從而保證保證產品結構的的合理性和健壯性。

          2)為產品預留更多的拓展空間,保證產品的可發展性

          從設計經驗上來講,產品做減法的成本遠遠大于做加法。利用簡約有效的設計在一定程度上是可以避免產品“過度”發展的問題,因為其目的就是降低產品的復雜度,這也意味著為產品預留更多的拓展空間,保證了產品的可發展性。

          三、如何做到簡約有效設計

          簡約有效設計的內涵是非常廣的,不是簡單的刪減功能或者減少頁面的中元素就是簡約有效的設計,其最基本的原則是“先有效,再簡約”,即在保證設計“有效性”的基礎上,再進行“簡約性”設計,“有效”比“簡約”的優先級高且重要。設計中,可以從以下幾個方面和角度進行簡約有效的思考和設計。

          1. 保證設計的目的性和價值性

          設計中的任何邏輯或元素都必須要有明確的目的和價值,如果設計的目的性和價值性不明確或者達不到預期,那么這樣的設計是不合格的。設計的目的性和價值性可以說是所有設計的基本原則和要求,同樣也是是簡約有效設計的重要評估標準和指導原則之一。

          2. 保留設計的特征性

          簡約有效原則本質上就是對設計進行“簡化”設計,但不能為了單純的簡化而無限制的“刪減”設計,其中重要的一點就是需要保證設計的特征性。設計的特征性能夠表明設計的特點,用戶通過這些特點性,以快速的辨別,理解和使用產品。例如在剪切板圖標中,其剪切的含義就是其非常重要的特征,一般來說就是剪刀元素,而這個設計特征是不能被刪除簡化的,需要在設計中進行有效地表達。

          3. 合理規劃產品功能結構層次

          產品功能結構層次是產品的主要框架,決定了用戶的主要體驗路徑,其設計的好快直接影響了用戶體驗的好壞。利用簡約有效原則不僅可以合理規劃產品功能結構層次,還可以降低產品結構層次的“復雜度”,提升用戶的使用體驗。設計中,可以從以下幾個方面考慮產品結構層次的“簡約有效”設計。

          1)合理的橫向和縱向結構層級數

          產品結構層級設計中既不能讓橫向結構層次過于扁平,也不能讓豎向結構層次過于縱深,前者容易導致產品功能結構分散和用戶認知混亂,后者容易導致用戶操作路徑過長,操作成本過高。

          2)同級結構層次之間的獨立性

          簡約有效的設計可以讓產品同級結構層次之間保持相對獨立,這樣不僅可以減少結構層次之間的交叉和耦合,減少后續產品迭代優化時的“耦合障礙”,還可以保證層級結構本身邏輯的“簡約性”。

          3)父子結構層級之間的關聯性和邏輯性

          簡約有效的設計可以讓產品父子層級之間有含義明確的邏輯性和關聯性,從而減少用戶的理解認知和操作使用成本。一般來說,父級層次結構趨向于展示概括信息和重點信息,子級層級結構展示詳細信息和次要信息,從而使產品結構層級更加符合用戶的認知和習慣,提升產品的使用效率和使用體驗。

          4. 簡單有效的任務操作路徑

          產品中用戶的操作任務是相對是確定的,但同一個任務,可以通過不同的方式和路徑來完成,其成本和體驗也是不同的。利用簡約有效的設計原則可以讓產品的操作路徑更加合理有效,降低不必要的操作和路徑,提升用戶的操作效率和使用體驗。

          1)用戶路徑長度的合理性和邏輯性

          用戶的操作路徑的總長度應該相對較短且合理,一般來說不建議超過5個環節,否則用戶任務完成率和體驗會有斷崖式的下降。此外,用戶的操作路徑中上下文前后操作節點應該有著合理的邏輯性和關聯性,以便保證用戶對整個操作路徑的理解。

          2)單個操作環節的目的性

          每一個操作環節應該有著明確的目的和主題,即操作環節需要讓用戶集中精力處理一個重要的操作任務,不能讓沒有意義的任務和信息分散用戶注意力。

          3)單個操作環節內容的有限性

          每一個操作環節中,用戶需要處理的任務以及信息應該是有限的,不能讓用戶同時處理過多的信息或者過于復雜的任務,否則會極大地增加用戶的負面體驗。如果單個任務環節中包含的信息較多或操作任務較為復雜,可以考慮拆分任務和適當的增加用戶操作路徑的長度。

          4)線性的操作路徑

          不要為用戶操作路徑設置過多的分支路徑或選擇,而是應該讓用戶操作路徑趨向于串聯且線性的,這樣不僅可以降低產品的復雜度,還可以可以降低用戶的理解和使用成本,從而提升用戶體驗和操作效率。

          5. 簡單有效的頁面布局

          簡單有效的頁面布局不僅可以更好的幫助產品達到預期目標,還可以極大的提升用戶體驗。設計中,可以從以下幾個方面考慮頁面布局的“簡約有效”設計。

          1)頁面布局符合用戶認知和習慣

          頁面的布局一定要符合用戶的認知和習慣,否則再怎么“簡單”的頁面,用戶理解起來也會費勁或者產生理解歧義。例如中文用戶的閱讀習慣都是從左到右和從上到下,用戶的操作習慣大多是先閱讀信息再進行操作,因此常見的布局都是將操作按鈕布局在頁面右側或者底部。

          2)頁面布局的信息是有價值且有效的

          頁面中布局展示的信息一定要對用戶或產品有價值,如果對用戶和產品都沒有價值的信息,那頁面中就不需要這個信息,這是簡約有效設計的基本準則之一。此外頁面布局中的信息一定要是有效的,不能讓用戶產生歧義,從而達到降低用戶使用成本和提升使用體驗的目的。

          3)頁面信息布局的規律有序

          頁面中布局的信息一定要規律有序,其主要目的是方便用戶閱讀以及理解,從而提升用戶的使用效率和體驗。讓頁面中的信息規律有序,最常見最簡單的方法就是將信息分類成組后再在頁面中展示。

          4)避免頁面信息過載

          頁面中的信息密度必須適中,不能信息過載,否則就會導致用戶瀏覽效率低,理解成本高以及操體驗差的后果。簡約有效原則是避免頁面信息過載的基本方法之一,其原則就是重點信息優先展示,刪除不必要信息或者隱藏次要的信息,利用不同的頁面和層級結構將信息的“復雜度”轉移分攤出去,從而保證用戶當前操作頁面信息密度的合適。

          5)頁面應該聚焦用戶當前任務

          頁面布局的信息應該與用戶當前正在處理的任務緊密關聯,不讓無關的信息分散用戶注意力以及干擾用戶當前的任務流程。如在自有賬號登錄頁面中,忘記密碼,注冊以及第三方登錄等次要信息的布局和樣式就不能過分顯眼,否則就會影響登錄頁面主要任務的完成——輸入賬號和密碼。

          6. 簡約有效的UI設計

          UI設計是產品功能邏輯的視覺化表現,其直接影響了產品的使用體驗。與其他設計原則一樣,簡約有效原則也是UI設計的重要的標準之一,設計中,可以從以下幾個方面思考和衡量簡約有效的UI設計。

          1)一致的設計語言和風格

          一致的設計語言和風格可以確保產品在視覺上的統一性和規范性,進而降低用戶認知和使用成本,即從視覺形式上和用戶認知層面,降低了產品的復雜度,提升了用戶信息瀏覽、理解以及操作的效率和體驗。

          2)正確無誤的信息傳遞和表達

          UI是各種產品信息的視覺載體,因此其一定要能夠準確無誤的傳遞和表達出信息的真實含義,不能因為UI設計而導致用戶對信息產生誤解或者歧義,這也是“簡約有效”的UI設計中“有效性”的重要組成部分之一。

          3)重要信息重點表達

          UI設計需要做到信息表達準確且層次分明,即重要信息重點表達,次要信息次級表達。這樣設計的目的就是利用UI設計增強重要信息表達和傳遞的“簡約性”和“有效性”,即從信息層面上降低了頁面的復雜度。重點信息重點表達的最基本的方法就是在視覺上讓重要信息和次要信息形成較為明顯的對比,如常見的文本加粗,使用高亮顏色(彩色)等。

          4)清晰正確的邏輯表達

          UI也是功能邏輯的可視化載體,因此UI設計一定要保證產品功能邏輯表達的清晰和準確,不能因為UI設計而導致用戶對功能邏輯的錯誤理解。如賬戶模塊中,賬號密碼的校驗過程 和出錯提示等邏輯必須能夠通過UI清晰正確的表達出來,保證用戶在登錄過程中,能夠通過UI理解這些邏輯,且不會產生任何歧義。

          7. 簡單有效的邏輯設計

          產品功能邏輯設計是產品和用戶交互的直接決定因素,可以說,功能邏輯設計的好壞直接決定了產品體驗的好壞。簡單有效的邏輯設計不僅可以降低功能邏輯的復雜度,還可降低產品的迭代開發的成本和用戶使用成本。設計中,可以從以下幾個方面考慮“簡單有效”的邏輯設計。

          1)在保證邏輯完整性的基礎上,盡量降低功能邏輯的復雜度

          在設計中,保證產品功能邏輯的完整性是基礎的且必要的條件,在此基礎上,再考慮降低功能邏輯的復雜度,不能為了簡約而簡約。

          2)功能邏輯的獨立性

          在功能邏輯設計中,應該盡量保證功能邏輯的獨立性,減少功能邏輯之間的耦合性和依賴性。因為功能邏輯的耦合性和依賴性必然會導致對邏輯本身和用戶產生更多的限制性和要求。此外,功能邏輯之間的耦合性和依賴性不僅會提升產品的復雜度,還會影響產品的健壯性、后續的拓展性以及造成迭代成本的提升。

          3)為用戶設計,轉移邏輯設計的復雜度

          產品功能邏輯的復雜度是可以降低的,但是不可能無限制的降低。當無法降低功能邏輯的復雜度時,可以使用其他方法來降低功能邏輯的“復雜度”,最常見的就是“轉移復雜”,即不改變邏輯的設計,而是改變這些邏輯的表現形式和方式,將邏輯的“復雜度”轉移到不同的功能模塊中或者不同的形式上。例如在線請求數據的異常邏輯有很多種,這些異常對于邏輯設計和產品優化是有很大價值的,但對用戶來說這些異??赡苁请y以理解或者是沒有價值的,可以將這些異常邏輯進行歸類分組,同一組的異常使用相同的提示設計,如網絡故障相關的異常,都可以提示用戶去檢查手機中的網絡設置,而不用每一中網絡故障的異常都單獨設計一個異常提示。

          4)提供合理的參數值和默認項

          功能邏輯設計中涉及到大量的設置項和參數,為這些設置項和參數提供合理的數值和默認項,可以極大降低的用戶的理解和使用成本。例如在地圖導航軟件中,用戶選擇導航線路時,需要確定起點位置和終點位置,常見的起點位置默認參數就是當前用戶的位置,這種設計邏輯可以滿足絕大部分用戶在絕大部分場景下的導航需求,減少用戶起點位置的輸入。

          5)更少的操作和選擇

          在設計中,任何的操作和選擇對用戶來說都是一種負擔,所以應該避免為用戶設計過多的操作和選擇,較少的操作和選擇就是降低產品功能邏輯的復雜度。如果無法減少功能的操作和選擇,那么應該優化頁面信息層次、操作路徑和具體的頁面布局來使邏輯操作和選擇更加合理,使用成本更低,使用體驗更好。

          6)為絕大部分場景和用戶設計

          邏輯完整性是設計的基本要求,但在實際中經常會碰到低頻場景、小部分用戶群體需求或者大部分用戶群體的低頻需求等“異常條件”,這些都可能對產品的功能邏輯設計帶來影響,但是絕對不能因為這些“異常條件”去更改主體設計方案,即在任何時候,都應該為絕大部分場景和絕大數用戶設計,按照經驗來講,是不可能有滿足100%需求的設計方案。類似的,我們應該更多的考慮產品的正向使用場景,不要讓負向場景過多的影響功能邏輯的設計方案,即這些非正向場景可以為設計提供參考,但不能決定設計方案。

          簡約有效是一個非常普適性的設計原則,其可以為產品和用戶帶來非常多的好處,其具體內涵是非常廣泛的,其中有些內容不僅僅是簡約有效原則獨有的,可能與其他設計原則有著較強的關聯性和交叉性,如“一致的設計語言和風格”,雖然是一致性設計原則的內容,但卻可以讓設計很好的表達出“簡約有效”。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:人人都是產品經理   作者:小乞丐

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

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

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


          淘寶不“淘”了 | 淘寶的內容設計

          資深UI設計者

          1. 淘寶為什么不淘了


          1.1  “淘” 歷史


          淘寶成立于2003年5月,當時最早的slogan是:“淘你喜歡”,這句話的主體是以平臺角度出發,對用戶說的,意思是讓用戶來平臺選購商品。


          隨后2005年,slogan變成了“淘我喜歡”,主體從平臺轉變成了用戶,意思是讓用戶自主選擇來平臺購物。


          在最近的2021年,淘寶的slogan變為了“太好逛了吧”。代表性的是淘寶app打開的啟動圖從玲瑯滿目的商品圖,換成了新的slogan:


          圖:淘寶啟動頁變化


          圖:淘寶的slogan變化




          1.2 需求的類型


          淘,又有“篩選”的意思,而篩選行為是要對某具體目標進行的,不可能憑空篩選,這個目標產生的過程,就是我們常說的“用戶需求”。


          “用戶需求”的產生一般分為兩種:有目的的需求和無目的的需求。


          有目的的需求:需求產生的過程有戶外廣告、朋友推薦等。以這種方式產生的需求,用戶會帶著明確目標,這時用戶直接打開軟件,通過搜索,直接縮小商品范圍,更快觸達目標商品,在這種場景下,用戶明顯沒有“逛”的心情。


          無目的的需求:當用戶在沒有明確目標的情況下打開軟件時,用戶購物意向都是比較模糊的,沒有明確選擇區間。此時,如何讓用戶產生購買欲望,是產品設計時必須要重點思考的。



          圖:需求產生的類型



          我們都知道,淘寶最開始的定位是“淘”,主打的是以導購型社區為目標,主要解決“用戶來平臺需要買什么”的問題,也就是有目的的消費需求。


          針對這類用戶,最簡單的思路就是“讓用戶買到想要的東西”,基于這一思路,淘寶推出了“千人千面”的算法機制。


          隨著淘寶算法越來越精準,用戶購買越來越效率,導致很多用戶對于淘寶的使用心智固定在了購物平臺,而不是內容消費平臺。


          但是算法是有一定的滯后性的,只有在用戶產生數據后才能夠進行精準推薦。(這個數據可以是在淘寶平臺產生的,也可以是在其他平臺產生的,比如說通過搜狗輸入法輸入了某個商品名)


          所以單純的靠精準的算法推薦,并不能解決用戶的潛在需求。



          圖:不同需求類型的解決方案




          1.3  商家的流量成本


          在淘寶店鋪的運營中,有一項重要的指標叫UV價值,指的是平均每個客戶在店鋪的銷售額,數字越高說明訪客的轉化率越高,轉化高就代表最終的GMV會高。


          而根據淘寶的數據統計,店鋪粉絲級別越高,對店鋪的粘性越強,UV價值也就越高。最終反映在淘寶數據上就是GMV高,既利于平臺,也利于商家。


          粉絲的積累需要流量,而淘寶店鋪的流量來源一般分為:淘寶站內、淘寶站外,其中有包括淘寶推廣、搜索競價、淘寶客、直通車等方式,但這些流量通常是不穩定的,免費流量自不用說,付費流量的投入成本也對店鋪的資金有一定要求。


          所以店鋪需要把這些吸引的流量,轉化成店鋪的粉絲。


          舉個例子,在很多電商平臺上,店鋪會有自己的引流款,這些商品不是為了毛利。只是起到為店鋪引流的作用。


          因為對于平臺的店鋪來說,持續不斷且穩定的流量增長,不僅可以推動銷售的穩定增長,也利于長期的發展方向。



          圖:淘寶流量來源




          2. 淘寶的基礎內容建設


          2.1  內容整合成社區和去中心化


          早在2015年,當時淘寶內部孵化淘寶頭條,分享優質的消費類資訊內容,當時淘頭條的MAU(月活躍用戶)過億。但隨著視頻內容的崛起,圖文形式逐漸走下坡路,淘寶看準了直播帶貨的賽道,開始逐漸布局淘寶直播的內容形式。期間也相繼加入了微淘、有好貨、買家秀、好物點評團等內容形式。


          但是這些內容一直分散在淘寶各個功能模塊中,沒有形成一個整體的社區化。



          圖:淘寶的內容矩陣


          其中最成功的應該就屬淘寶直播了,根據淘寶直播2021年度報告:2020年淘寶直播帶來的GMV超過人民幣4000億元。


          但是,直播的內容形式注定是以主播自上而下中心化的,用戶是跟著主播走的,一旦主播下播以后,這些觀眾也會失去購買目標。


          并且由于直播屬于一對多的形式,越大的主播,觀眾越多,這時候主播和觀眾的互動率是很低的,久而久之,用戶的互動積極性也會受打壓。



          圖:以主播為中心化的淘寶直播


          除了淘寶直播,近年來另一個改動比較大的應該就是微淘的出現了,在逛逛出現之前,一直占據底部欄的二號位,它的內容形式主要以店鋪上新、直播、福利為主。


          這也是淘寶在店鋪私域流量運營上做的一次嘗試,目的是為了讓用戶更容易和店鋪產生連接。但是實際上,由于微淘的內容形式之間關聯性不大,業務場景混亂,一些剛起步的商家也沒有資源拓展多業務場景,導致內容質量參差不齊,影響轉化。


          淘寶做微淘中做內容的目的是為了讓用戶有東西可以逛,但是逛內容就代表著用戶購買需求不明確,這又與營銷場景相沖突(營銷場景是為了讓用戶快速下單完成購買),所以微淘也一直被詬病轉化率低。



          圖:微淘主要的三個問題




          2.2  信息流時代


          后來在2020年年底的時候,淘寶迎來了另一個比較大的改版,猜你喜歡變成了縱向的信息流,點擊猜你喜歡進入的是一個流量的中轉站。比如說點擊一件衣服,下面全是衣服的推薦。


          新版猜你喜歡的特點很明顯,犧牲轉化率,增加用戶使用時長。在實際點擊進入信息流中,用戶總感覺下面有新的內容,這時候用戶的心態普遍是浮躁的,會使用很短,甚至一兩秒的時間決定是否深入了解產品。如果不喜歡,就會滑到下一個產品,無形中增加了用戶在平臺的停留時長。


          據淘寶官方數據表示,此次猜你喜歡的大改版,淘寶用戶的點擊率和用戶時長都提升了20%。



          圖:猜你喜歡改版,通過犧牲轉化來提高使用時長





          2.3  “逛逛”來了


          逛逛是以UGC內容形式為主的種草平臺,顧名思義,就是消費者在無聊的時候,可以到處逛逛。


          如果說信息流是縱向的內容推薦,那么逛逛就是通過大數據,橫向的推薦內容,最終向商品引流。豐富的內容為其他消費者帶來沉浸式購物體驗,類比線下商圈,就是逛著逛著就把東西買了。





          3. 淘寶沒有種草經濟


          3.1  從AISAS模式到SICAS模式


          AISAS模型是一種用戶決策分析模型,由電通公司(日本第一大廣告公司)提出,是消費者行為學領域很成熟的理論模型之一。


          AISAS模式將消費者從產生需求到最終完成購買的路徑分成了五個階段,既Attention(注意) - Interest(興趣) - Search(搜索) - Action(行動) - Share(分享)。其中消費者在注意商品并產生興趣之后的信息搜集(Search),以及產生購買行動之后的信息分享(Share),是當下互聯網消費時代尤其重要的兩個階段。


          搜索就是當用戶對某商品產生興趣之后,消費者會通過線上或者線下渠道來收集相關產品的信息,比如說評價、打分等。分享是在購買路徑完成后,用戶自發向身邊人推薦商品的階段,也就是口碑裂變,當然也有可能變成商品吐槽大會。


          但是,在前文也提到了,搜索是在有明確對某個商品產生興趣之后才會產生的動作,整個消費路徑是單向進程的,缺少信息的互動與交換,用戶很難有效辨別信息真偽,用戶與商家依然存在信任問題,最終的購買壁壘依然存在。



          圖:AISAS消費模型的流程


          隨后,DCCI(互聯網數據中心)在AISAS的基礎上,提出了新的SICAS行為消費模型:


          既 Sense(品牌與用戶相互感知) - Interest&Interactive(產生興趣并形成互動) -  Connect&Communicate(建立聯系并交互溝通) -  Action(行動) - Share(分享)。


          Sense,感知:品牌(商家) - 用戶相互感知,通過多觸點,在商家個用戶之間建立感知,對用戶來說,關注、分享、訂閱、推送等,都是有效的感知行為,而商家要做的,就是想辦法,通過什么樣的方式或內容,讓用戶有效使用他們的感知行為(分享、點贊、訂閱等行為)。


          Interest&Interactive,產生興趣和互動。在產生興趣上,隨著用戶對傳統的廣告曝光和廣告產生的印象的敏感度在降低,理解并響應用戶的需求正在成為關鍵。站在用戶的角度,觀察用戶真正想要的內容,衡量內容的指標不再是廣告的傳播率、曝光率,而是變成了點擊率、點贊數、好評度等。


          Connect&Communication,建立連接和產生溝通。在用戶產生興趣之后,通過平臺提供的服務:客服,問大家,好評團等形式,完成用戶信任的積累,幫助用戶完成購買決策。


          剩下的Action(購買行動)和Share(體驗分享)與AISAS模式一樣,就不展開說了。



          圖:SICAS消費模型的流程,以及和AISAS消費模型的區別


          綜上,SICAS模式前三點的核心觀點是建立聯系,也就是互動,這也與時下流行的種草經濟不謀而合。





          3.2  基于社交的種草經濟


          種草行為本質上是人與人之間的一種互動關系,互動天然的容易產生強關系鏈,而強關系也意味著情感聯結和信任,最終會形成社群關系。隨著越來越多擁有相同消費偏好的用戶聚攏,用戶消費習慣逐漸圈層化,在各垂直的消費圈層中得到身份認同感。


          在這種社群氛圍的烘托下,用戶更容易表現出高表達欲和參與度,既用戶不僅是內容的消費者,同時也會發展為內容的生產者。



          圖:逛逛想打造的種草生態



          綜上結合淘寶的問題以及消費模式的轉變,我們可以得出淘寶近期瘋狂改版的思路:


          圖:淘寶改版思路



          4. 讓人逛下去的產品設


          在了解上述淘寶自身的問題和新消費類型帶來的沖擊后,可以總結淘寶最近經常改版的戰略可以分為兩個方向:轉化的歸轉化,內容的歸內容。



          4.1 微淘升級為訂閱


          淘寶第一個改版是將原來的微淘升級為了訂閱,并且放在首頁上的tab,與推薦并列。此次改版,最大的改變就是拆分了店鋪運營的內容,讓不擅長做內容的商家可以專注自家的店鋪運營。



          圖:首頁專注商品轉化,逛逛專注內容消費


          新版訂閱的精選一欄中:包括上新、買家、評測等,這些內容一起構成商家和粉絲的互動模式,吸引新客快速轉粉,同時也增加了老客戶的黏性。


          在之前微淘的版本,用戶需要點擊微淘-點擊店鋪-點擊訂閱,升級后的訂閱路徑變成了左滑進入訂閱頁面-直接訂閱店鋪。點擊直播可以直接進入直播間

          更短的觸達路徑加上私域流量的運營,優化之前微淘轉化率低的問題。



          圖:路徑圖,直接進入直播間,直接訂閱店鋪



          圖:提高直播入口權重




          4.2 “買家秀”社區升級成為“逛逛”


          另一個重要改版是“買家秀”社區升級成為“逛逛”,為了弱化逛逛的購物屬性,強化社區氛圍,逛逛在產品的商業化設計上十分克制,主要圍繞引導用戶進行內容消費和互動為目的進行設計。


          在內容分發形式上,分為了以平臺推薦為主的“發現流”和以社交關系鏈主導的“關注流”,更加注重內容垂直和精細化。



          圖:逛逛的內容分類


          逛逛的發現模塊與小紅書類似,都屬于種草型內容社區。內容主要以穿搭、彩妝等淘寶擅長的領域為主。


          頁面的布局形式和首頁的商品流一樣,以雙列信息流呈現,和單列相比,一方面,給用戶提供多樣化的選擇,承載不同的內容形式(短視頻、圖文),延長用戶在平臺的停留時長,同時也為其他內容引流,模擬更真實的線下“逛街”體驗。


          另一方面,和首頁注重轉化率的算法機制不同,影響發現流推薦算法的因素除了本身的內容質量,還會受到用戶瀏覽行為的影響,比如瀏覽內容時產生的關注、收藏、點贊、評論等互動行為。



          圖:表現內容互動率的互動指標


          逛逛相比首頁推薦,去中心化的機制也更加明顯,舉例來說,小米官方店的號,粉絲量達到了千萬級,但是內容的互動率很低,點贊評論甚至不超過個位數。


          個人認為是因為品牌天然的自帶營銷屬性,用戶在看到品牌賬號時,很容易形成品牌注冊賬號是為了賣產品給我的刻板印象。


          這也反映了逛逛的流量重點落在消費者的內容上,以消費者視角為突破口,擺脫和商品相關的品牌屬性,注重普通用戶對商品的真實評價,而不是圍繞IP賬號產生的內容消費。



          圖:小米賬號和個人賬號互動率對比


          在用戶路徑的引導上,發現頁并不支持點擊頭像進入用戶主頁,只能先點擊進入內容詳情頁然后才可以進行關注等操作,先看內容,再關注人。



          圖:更關注內容轉化率


          另外一個人關注流的動態則加強調社交關系的轉化,因為是經過用戶主動“關注”過后篩選出來的內容,是內容生產者和內容消費者相互選擇的關系,所以在產品設計上以單列大圖為展現形式,幫助用戶消費內容。為了防止讓用戶感受到廣告的營銷感,產品設計上特地強調了分享、點贊、收藏、評論等按鈕,弱化商品鏈接。


          和其他的社區一樣,關注信息流中也會推薦一些“你可能感興趣的人”,但不同的是,用戶無法直接關注推薦的博主,需要先“查看TA”,進入博主的個人頁后才可以進行關注操作,這樣的目的主要是為了讓用戶了解達人的領域內容之后,再決定是否關注,這樣的關注更加有效,粘性更強。



          圖:“關注流”視覺設計的思路


          “逛逛”的內容形式很好地彌補了淘寶缺乏用戶導購的問題(俗稱種草),依托KOL產出的優質內容,與消費者產生情感上的價值鏈接,創造出用戶的潛在需求。




          5. 逛逛和小紅書的產品設計區別


          這次改版之后,很多人說這是小紅書。關注、發現、垂直分類欄,都和小紅書很相似。



          5.1 內容起家和電商起家



          淘寶和小紅書對內容的分發模式是不同,小紅書默認分類欄處于收起狀態,只有主動下拉的時候太會出現,由此可以看出小紅書對自己的內容推薦還是比較有信心的,由于一開始就是做內容起家,所以對自身平臺用戶的喜好是有所了解的。


          但是淘寶是一個電商起家的平臺,在內容方面,缺乏對用戶的偏好判斷,所以逛逛的導航欄下方,會加入了“官方話題欄目”和“官方出品的內容”,利用精選話題引導社區內容的方向,一定程度上也可以通過話題數據了解平臺用戶的偏好。



          圖:小紅書比淘寶更懂用戶喜歡什么內容



          5.2 內容導向不同


          小紅書等平臺不光有購物種草,還有學習、音樂、科普等內容也相對成熟。和淘寶轉型社區內容一樣,小紅書也在進行圖文、視頻向直播內容擴展的戰略方向。所以我們會發現,在小紅書的編輯內容上,視頻和直播是強露出的,且不支持位置更換。


          再來看逛逛的內容,以穿搭、彩妝為首的消費品內容,這些都是淘寶擅長的領域,容易產出優質內容,反過來說,這些內容最終也都是可以在淘寶上可以消費到的,最終還是以平臺商品轉化為目的。



          圖:內容形式對平臺戰略的影響




          5.3  小紅書互動率更高,淘寶內容消費效率更高


          小紅書在內容消費形式上,比逛逛更加注重互動:首頁瀑布流點擊進入二級的內容頁后,可以直觀的看到博主全部的文本簡介,以及下方的用戶評論內容,用戶消費的不光是圖文本身的內容,也是其他用戶評論產生的內容,更容易產生社交關系鏈。


          逛逛則更注重內容本身的消費效率:產品設計上使用沉浸式的下滑體驗,用戶點擊產品圖后,進入的是同系列產品的瀑布流,如果想要查看評論的話,需要點擊評論icon進行二次跳轉,此時用戶會一直專注于內容的消費,容易忽略其他用戶評價等內容。



          圖:提高互動率的產品設計



           6. 寫在最后的一些思考


          此次淘寶做內容社區的優勢之處在于,淘寶將社交關系融入到了商品的消費鏈路中,消費者通過商品體驗、測評、種草等方式,和平臺產生互動,建立聯系。


          而淘寶最不缺的就是商品,并且擁有8億多的消費者,和其他平臺相比,更容易產生垂直領域的優質內容和專業的KOL,但是要想經營一個優質社群,除了需要一批優質的內容創造者,還需要考慮后續涌現的用戶是否會對現有社群模式產生沖擊。(比如知乎開放用戶注冊后,導致內容注水的現象)


          因為淘寶本身相當于一個巨型供貨方,大大縮短了帶貨變現的路徑和難度,不同于小紅書這類平臺,它們最開始是沒有帶貨模式的,常常需要通過接推廣給其他商品引流來變現。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:抓馬橋分橋 

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

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

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


          系統化思維如何輔助設計實現

          資深UI設計者

          設計師作為產研環節非常重要的角色,相信很多同學經常遇見這么一個情況:

          項目迭代周期緊,需求文檔堆成山,面對海量的需求,我們...

          要么遷就時間,成了只會畫圖沒有想法的機器。

          要么變身肝帝,成了用頭發做設計的靈魂畫師。



          那么,在緊張的業務迭代流程中,我們如何抓住重點,并有的放矢的“集中精力做大事”呢?

          所謂:不謀全局者,不足以某一域。

          在我們的設計工作中,很多時候“抓重點”比“好設計”更重要。

          這里我們基于酷大師的產品迭代,給大家分享一個思路。


          先給大家介紹一下酷大師的背景:

          酷大師產品定位:面向設計領域的在線建模工具和內容平臺。

          酷大師當前階段:0-1搭建并完善用戶體驗閉環。

          酷大師階段目標:服務用戶增長的同時,提高用戶留存。(站點留存→引流→工具留存)


          在一周一迭代,交付任務緊的敏捷流程中。以下是我們在其中的一些實踐:


          1、以系統化的視角來分析業務


          酷大師項目啟動至今,已經大致完成了站點從0-1的內容搭建。

          站點的主要模塊包含:首頁、模型廣場、工作臺、幫助中心、活動中心、課程中心。

          他們相互獨立,又相互影響。

          獨立好懂,聰明的親們通過名字就能猜出各個模塊的功能,并且這些功能彼此都不可替代。

          那么他們是怎么相互影響的呢?

          這里引出一個詞:系統化

          請看下圖:



          同樣一個事物,獨立的看,和把它放到一個系統中看,我們可能會有不同的理解。


          同理,當我們把酷大師站點當作一個系統來看時,再結合我們的業務指標,我們可以把這個系統轉譯成如下模型:



          從抽象到具象,我們把整個模型分為三個指標類型:

          1、核心指標:

          整個項目為之負責的目標,是評判所有項目行為的基本準則。

          2、策略指標:

          影響核心指標的所有變量集合,是基于產品策略拆解出來的二級支撐性指標。

          3、行為指標:

          隨著策略指標的精細化,產品的策略指標最后都會對應到一個或者多個具體的用戶行為指標。


          我們可以通過模型找到影響業務核心指標的重點發力板塊,也可以通過最底層的行為指標去反推上層的策略指標,進而量化設計價值。

          到這里,我們也就可以在這個系統中,找到對核心指標影響較大的策略指標,他們分別是:注冊UV數、站點引流UV數和客戶端引流UV數。

          這三個策略指標對應的產品板塊分別是:游客頁、詳情頁和工作臺。

          他們就是設計接下來需要在酷大師眾多產品模塊中著重發力的項目。


          2、以系統化的方式來分析用戶


          說完了產品目標和拆解,我們來看看用戶。

          市場和用研同學往往可以在項目前期給我們輸入很多關于用戶的數據,在項目初期,我們可以把這些信息抽象成幾個有代表性的關鍵詞。

          下圖是酷大師用戶關鍵詞,可以幫助我們定制大的設計思路,不過在一些更細的業務場景中,這些信息并不給到更清晰的設計指導。



          所以在此基礎上,我們可以把這些信息作為一個一個的內容切片,通過不同的標準來重新組織這些切片,進而得到一個相對系統化的用戶信息。


          我們換一個維度,再做一次梳理分析:



          可以看到,當我們把酷大師用戶以不同階段做劃分,從新游客到資深用戶,不同階段的用戶對于產品的訴求有著明顯差異性。

          游客和新用戶更注重價值和需求的匹配;資深用戶更注重實際產品價值的最大化。

          并且我們對于不同的用戶群體,需要對應不同的產品策略,甚至不同的“端”來承接用戶需求。

          到這里,我們已經可以通過以上信息,在產品的不同鏈路里規劃不同的設計策略了。


          不過有時候需求對標的用戶群體比較聚焦,以上信息還是不夠說服我們自己的話,還有最后一個技能,就是找到和需求高度對標的用戶(注意,是高度對標),和他們深度交流,為他們做用戶畫像:


          (圖中為虛擬數據,僅供參考)


          PS:這里的用戶畫像需要根據實際的業務需求來針對性的采集信息,這是一個比較靈活的過程,需要設計師拿捏其中的尺寸。


          通過以上三個維度的用戶數據,我們就可以根據產品的不同模塊,找到對標的用戶群體,然后為其做對應的設計策略。


          接下來就是第三步:


          3、以系統化的思維規劃設計策略


          面向資深用戶的設計策略(以客戶端改造為例):

          通過用戶訪談和調研結果看,如果用一句話來描述酷大師客戶端的用戶特點的話,應該是這樣的:



          基于用戶特點和業務訴求,我們再結合服務模型,我們可以一步步推導出我們的設計策略。



          當設計策略明確后,結合實際的業務需求,接下來就是有的放矢的設計實施過程。


          面向新用戶的設計策略(以游客頁改版為例):

          回想我們的生活,最吸引用戶眼球的傳播方式是什么?思前想后,我覺得是電視直播,因為通過它,自詡謹慎機智的我買了人生第一箱「生發水」...

          1、你是否有脫發的煩惱? → 訴求

          2、用了一堆產品,卻遲遲沒有效果? → 顧慮

          3、我們有北美硅谷防脫技術+南亞失傳生發秘方! → 優勢

          4、主持人和甲方撕破臉,工廠緊急調貨、買一送五!??! → 驅動


          事實證明,「生發水」沒有白買,因為后來我發現這和酷大師游客頁的業務目標幾乎一致:“在沒有互動的情況下以很短的時間把用戶從游客轉變為消費者。”

          通過前面的用戶分析我們可以知道:對于酷大師的游客用戶&新用戶而言,他們更多關注于產品價值和自己需求的匹配程度。

          那么如何在短時間里向用戶傳達信息,并促成注冊轉化呢?

          我們從訴求->顧慮->驅動三個維度來去組織我們的優勢信息。

          因此在面向此類用戶時,除了對他們介紹酷大師的共性價值外,需要重點介紹酷大師的差異性價值,以及足夠有吸引力的驅動利益點。

          如下圖:



          基于上文分析,我們再基于目前產品可提供的能力范圍,結合用戶反饋,把信息和用戶需求做一一對應,然后再給出設計解法。


          設計實現:

          正所謂:條條大路通羅馬,各個小道奔安康。只要設計策略是正確的,那么具體的設計方案就是合理的,篇幅有限,這里就不做展開。



          4、以系統化的模型驗證設計成果


          萬物皆可度量,設計并不例外。系統是度量設計成果的最好“尺寸”。

          怎么度量?還記得最初的指標模型么?

          1、通過技術手段監控用戶的行為指標:

          “按鈕點擊、停留時長、滑動屏數、返回&跳出率...”

          2、通過行為指標反推對策略指標的影響。

          “按鈕點擊提高 → 頁面引流效果提高。”

          3、通過AB測試、上線前后變量監測等其他手段,對比出設計在數據上帶來的變化。

          通過以上方法,我們可以直觀的看到設計在整個項目中的貢獻。


          那么在酷大師項目中,這個成果是多少呢?請看下圖:



          ps:圖中注冊轉化和老用戶登錄轉化是以設計為唯一變量帶來的數據提高。



          以上就是酷大師從0-1過程中的主要思考點,從前期業務拆解分析、用戶調研,到制定設計策略,再到設計實施,最后到成果驗證。



          到這里,我們也基本回答了最開始的問題:我們如何在業務迭代中抓重點,并有的放矢的“集中精力做大事”。

          以這樣的思路,我們就能以有限的精力,最大程度保證業務的目標的實現,也能對用戶的關鍵路徑做有效的體驗提升。


          寫在最后


          1):設計師不能盲目跟隨需求,更不能對需求一視同仁,什么都想做好的結果就是什么都做不好。我們需要有一個自己判斷標準。

          2):“系統”是一個標準,也是一個視角。他影響著我們對業務、對需求、對用戶以及設計的理解。

          3):“系統”本身不重要,用“系統”的思維來看待事物很重要。

          4):多個視角看到的東西,一定比單視角看到的更全面。


          以上內容,和諸位共勉。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:酷家樂UED 

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

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

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



          設計方法丨國際主流人機交互設計模型

          資深UI設計者


          眾所周知,人機交互是一門集調研,構思,設計和測試為一體的學科。作為一門覆蓋多領域的多學科,包括并不限于心理學,行為學,編程,工程,設計,調研,和工商管理,現代人機交互的核心已經不再是從技術層面去解決問題, 而是側重于以多個視角去挖掘問題的本質并思考問題背后的價值。也因此,人機交互學術界一直以來都試圖尋找一種思考模式,或者理論模型,去將復雜的思考流程提煉出來。




          01

          ————————

          主流交互模型


          近三十年來,人機交互領域的方法論可謂百花齊放,盡管許多知名研究機構與院校都發布了不同的設計模型與流程圖,但是其內核終究大致相同(尋找問題——定義問題——設計——測試)。


          以下是近年來國際最主流的七種人機交互設計模型:


          1. 尼爾森諾曼集團設計流程 (Nielsen Norman Group)


          2. 斯坦福大學設計學院設計流程(Stanford Design Thinking Process)


          3. 《情景化設計:為生活而設計》 中的設計流程 (Contextual Design: Design for Life)


          4. IBM環形設計模型 (IBM Loop Model)


          5. 英國設計協會雙鉆石設計模型(Design Council Double Diamond)


          6. LUMA 學院設計流程(LUMA Institute Design process)


          7. Dubberly Design Office 橋型設計模型(Analysis-Synthesis Bridge Model)


          其中,前6種應該都是大家相對熟悉的,我們在文末也附上了官方鏈接供大家探索。今天這篇文章我們將簡要的帶大家了解列表中最后一個也是最有特色的一個人機交互模型:橋型模型(Analysis-Synthesis Bridge Model)。




          02

          ————————

          橋型交互模型


          橋型模型是美國 Dubberly Design Office發表的設計流程圖(Analysis-Synthesis Bridge Model),對于不清楚的讀者,此公司的創始人Hugh Dubberly 曾發布超五十篇人機交互領域的研究型文章,在多個知名設計協會掛名,并被錄入美國 ACM 的 SIGCHI Academy, 成為公認對人機交互領域做出最杰出貢獻的人之一。Dubberly 也曾在多個美國知名大學任職,因此,此模型也是多數國際人機交互學科的公認理論。


          盡管相較于其他的流程圖,這個流程圖較為抽象,但是其所用的多維度分類卻相對明了的闡釋了設計的本質。如圖所示,橋型模型的x軸分為現在和未來,y軸分為具象和抽象,以此來定義設計的狀態。同時也加入了動詞“形容”,“分析”,“研究”,“制作”去定義設計中的操作。在這個橋型設計流程中,設計師從左下角到右下角的過程代表從現象走向抽象再從抽象走向產品的過程,與此同時也代表著從今天走向明天,或者說從問題的現在態走向解決問題后的未來態。



          現在態

          起點從左下角開始,(what “is”)代表著問題本身,而左上角的(model of what “is”) 代表問題的抽象模型或者問題的本質。這兩個階段代表著設計中的調研階段(Researching)。此時的設計師應該通過“形容具象的現象”(左下角格子 Describe+Concrete)即收集信息來拓寬對問題的了解然后再進行“分析抽象的模型”(左上角格子Interpret+Abstract)去制作問題模型來更清晰的看到現象的本質和規律。


          在這個階段,“世界并不清楚他想要什么樣的設計”—— Paola Antonelli


          在開始階段之所以要抽象出問題模型,是因為作為設計師不能單純的聽從人們的訴求。當生活中出現一個問題時,生活中人們往往不太清楚自己煩惱的本質是什么,要么他們只看到了問題的表面,要么他們被太多因素混淆了。因此在這個階段,設計師的責任就是去分析問題存在的環境與原因,并且以人為中心的角度去分析表象下人們的真正需求。也是因此,避免以技術為中心的分析(machine-centered-research)而選擇以人為中心的研究(human-centered-research)才是交互設計師應有的職責。


          在做以人為中心的研究時,收集和分析信息時避免內隱偏見(unconcious bias)是非常重要的。這里指由于生長在固定社會和文化下的而無意識帶有的偏見,比如身體健全的人忘記考慮殘疾人的需求,或者經常用電子產品的人下意識認為一些復雜操作很常規。在設計里,歧視不止包括在搜集用戶信息時忽略了個別群體,同時也包括設計師本身所帶的特定視角。一個成功的設計縱然應該滿足大多數人的需求,但是一個向善的設計也不應該忽視特殊群體的情況。這里不得不提到,雖然現如今很多設計往往依靠大數據來進行設計,但是大數據本身就代表著忽略少部分群體的需求,導致少數群體的歧視愈發嚴重,甚至一度威脅到一些小眾的題材。因此在調研時考慮到人種,年齡,經濟情況,教育程度,是否殘疾,和對科技的熟悉度可以更嚴謹的分析不同視角下問題的影響。


          左下角常用的用戶研究方法有情景調查(contextual inquiry),利益相關者邏輯圖(stakeholder map),和參與型研究(Participatory Research)等等。左上角常用的分析方式有帶入虛擬人格(persona)和流程圖(journey mapping)等等。



          未來態

          右側的兩個階段則代表問題的未來態或者設計原型態(prototyping)。右上角的 (model of what "could be")代表問題的未來的可能性,也就是一般說的設計和構思部分,而右下角的(what “could be”)就是將這些未來的可能性做出來,從概念化為產品。


          然而如何從右上角的抽象模型到右下角具體設計呢?在這里便需要了解一個大致的設計信息層級。




          如圖所示,一個設計的是由多層結構組成的,從抽象到具象分為五個階段,策略(Strategy),內容(Scope),結構(Structure),框架(Skeleton),視覺(Surface)。一個嚴謹的設計應該是從下而上發展的(從深層的策略到淺層視覺),并且每次在考慮深層的策略時應該避免淺層的干擾。這是因為淺層只是策略的表現的方式,而深層策略才是決定產品核心價值的關鍵。決定策略(Strategy)時應該直接依據模型左上角“問題的本質”來決定要設立什么樣的產品目標。只有策略定了,才能確定這個產品的內容與受眾群體。假如目標是讓盲人點餐,那么內容有可能就是在這個頁面提供特殊的菜單形式和電話快捷鍵。而假如目標是讓人聽音樂,那么內容可能就是提供音樂推薦與保存。而在結構方面,確立內容后只需要一個完善的邏輯,比如用戶的具體使用流程是什么,就可以快速具現這個產品的結構。最后,框架和視覺階段則更多只是一種表現手法的選擇。無論最終選擇如何設計,只要保證框架和視覺元素在整個產品中保持一致并且符合產品定位即可。


          從策略到視覺的過程也就是模型中從右上角到右下角的過程。每個設計師的目標都應該是以具象的產品實現相對抽象的策略。而要想讓視覺和策略緊密聯系,就應該盡可能在每一步的過度時都考慮到前后步驟的銜接是否邏輯通順,避免層與層之間脫節的現象發生。盡管在現實中,層與層之間的分隔往往沒有這么清楚,但是這種分層的設計邏輯可以作為一個有用的構思框架,讓設計師在發散思維的時候不偏離目標。


          而最后即便到了右下角的產品產出,一個完整的設計流程也不算結束。一個成功的設計總是需要多個設計迭代的。盡管在每一個一個迭代中,右下角可能是最終產出,但是在一個完整設計流程里,右下角還應該連接左下角,將已經完成的設計再一次進行分析和測試并總結出優缺點,再進行下一輪的設計。


          在右上角的設計部分中經常使用的方法有故事模版(story boarding),紙質低保真模版(paper prototyping),和以人為中心設計(human centered design)等等。


          總而言之,橋型模型作為國際人機交互院校最常用的模型,從多個角度描述了從一個問題從研究到解決的過程。我們可以看得出,設計從來都不是一個隨性而為的過程。從左側的無偏見而系統的分析問題到右側的遵循結構進行設計,設計師都應該在一個嚴謹的框架下進行思考和設計,這樣才能做到有針對性的解決問題。在這里也希望大家能多多關注各類人機交互設計理念并從中獲取靈感亦或找到適合自己的設計流程。




          03

          ——————————

          其他設計模型

          下面是六種其他主流國際人機交互模型和官方鏈接供大家探索:


          1. 尼爾森諾曼集團設計流程 (Nielsen Norman Group)


          研究問題領域(discover),探索不同可能(explore),測試設計(test),和傾聽反饋(listen)



          官網鏈接: https://web.stanford.edu/~mshanks/MichaelShanks/files/509554.pdf


          2. 斯坦福大學設計學院設計流程(Stanford Design Thinking Process)


          抽離問題(empathize),定義問題(define),尋找靈感(ideate),制作原型(prototype),測試成品(test)。


          官網鏈接: https://web.stanford.edu/~mshanks/MichaelShanks/files/509554.pdf 



          3. 《情景化設計:為生活而設計》 中的設計流程 (Contextual Design: Design for Life)


          理解問題(understand),發明未來(invent),情景話設計(design),制作原型(validate),和開發產品(develop)。



          書本鏈接:https://www.goodreads.com/book/show/33805307-contextual-design




          4. IBM環形設計模型 (IBM Loop Model)


          觀察(observe),反思反饋(reflect),和制作(make)。

          官網鏈接: https://www.ibm.com/design/thinking/page/framework/loop




          5. 英國設計協會雙鉆石設計模型(Design Council Double Diamond Model)


          發現(discover),定義(define),制作(develop),傳遞(deliver)。

          官網鏈接: https://www.designcouncil.org.uk/news-opinion/what-framework-innovation-design-councils-evolved-double-diamond




          6. LUMA 學院設計流程(LUMA Institute Design process)


          看(looking),理解(understanding),制作(making)。


          官網鏈接: https://www.luma-institute.com/about-luma/luma-system/




          04

          ——————————

          結語


          以上就是本篇的全部內容了,希望大家讀完后能對國際主流人機交互領域多了一些了解或者從中獲取一些啟發。感興趣的讀者們也可以通過點擊介紹中的鏈接直接去官網獲取更詳細設計理念的介紹。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

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

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

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

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



          一篇文章帶你深入了解“B端C化”的設計理念

          資深UI設計者


          中國互聯網公司的迅速發展正在推動著整個軟件行業的審美革命,在C端產品市場逐漸飽和的情況下,互聯網大廠正在將資本逐步轉移到B端市場的廣闊藍海中?!盉端C端化“的設計理念也應運而生,認為可以用C端的模式和思維來進行B端產品的設計。


          二、背景


          除了剛剛有說到的資本慢慢向B端市場的藍海轉移,還有一點就是中國互聯網環境的迅速發展,智能手機的大范圍普及,工作人群的年輕化,使得人們已經熟練的掌握了各種軟件的使用,并且在快速迭代的產品中慢慢變得挑剔、謹慎。


          并且不斷優化迭代的互聯網軟件產品也在無形中為用戶完成了底層認知的搭建,一些功能、操作、交互邏輯已經深入人心,用戶也已經被教育成了"高玩"。
          所以如今一些新型B端產品的設計理所應當的在用戶體驗五要素中最貼近用戶的結構層、框架層 和表現層中與一些C端產品在一定程度保持了一致,這種設計理念其實也很好的解決了傳統軟件的復雜、門檻高、難用等痛點,很大程度降低了用戶的認知成本和學習成本,把高效、簡單、易用的工具帶到大家的日常工作中。


          三、對B端C化的理解


          對這個概念的理解我認為是:"B端產品在使用體驗和視覺感受這兩個方面和C端產品接近"。這是我們設計師需要特別關注的,傳統的思維中,大多數設計師會認為B端是給公司內部人員或者商家使用的,只是一個管理系統,并不需要太過于精細,至于體驗也是停留在“能用就行”的程度。但是在我看來不管是C端還是B端,其實它的使用對象都是“人”,應該要遵循人們對于事物的認知和一系列復雜的人體工程學操作習慣。兩者都需要關注用戶在使用時的體驗感受,順暢的使用流程、清晰的信息展示和高效的行為效率,以及有效的引導都能夠快速的幫助用戶完成目標任務。無論是C端設計還是B端設計,滿足這些條件無疑可以給用戶帶來更好的體驗。


          但是也不能以偏概全的認為C端的設計思維可以完全復用過來。B端產品的場景其實比C端產品還是要復雜的多,應該說是各有各的側重點,思維和設計模式上不能完全照搬,下面我就先說說它們各自的不同處,再舉例帶你看看B端產品在哪些方面可以向C端產品借鑒學習。


          四、B端C端的不同


          1.使用者不同


          B端使用者多是同一個組織集體,以群體為單位進行協同。比如:老板、部門主管、員工或商戶。而C端使用者相對比較單一,目標用戶群體即是主要使用人群,使用目標、偏好、個性比較明確。


          2.業務不同:


          B端業務大多數會存在多重維度、場景,使用場景跟業務緊密相關,同一個系統不同角色使用時的業務處理和所關注的數據信息,側重點會有很大的不同,需要全局考慮。不同角色使用產品的流程差異大,需要不同業務上更專業的解決方案。而C端業務一般維度比較單一,業務邏輯相對固定,任務路徑和展示內容比較單一。


           3.價值主張不同:


          B端注重效率、成本、管控、數據分析等。追求產品的穩定性、業務的增長性,保證產品性能和技術上的安全性。而C端注重用戶的體驗、使用簡單、有樂趣。


          4.產品思維不同:


          B端產品多數基于服務思維,工具化思維,更加理性;更多的是幫助B端用戶提高效率,完成業務目標。而C端多數為產品化思維,游戲化思維,更感性,更多的是娛樂和情感的滿足。


          5.產品形態不同:


          B端產品注重業務的梳理,多數會用到圖表、表格、模型,多數產品形態偏向更垂直行業或更專業的面板形態。而C端更注重用戶的感受,會用到很多夸張的動效,炫彩的顏色。


          五、B端C化在產品中具體的表現


          1.結構層 


          結構層確定各個將要呈現給用戶的選項的模式和順序。結構層是用來設計用戶如何到達某個頁面,并且要考慮他們完成事情之后能夠去哪里。
          具體在B端產品的表單交付場景下可以體現出,以前的B端表單往往過于冗長,借鑒C端一些注冊場景的設計,把表單拆分成3步內的行為步驟,減少用戶的疲憊感提升體驗。

          2.框架層


          產品的框架層包括:按鈕、控件、照片、文本區域的位置。框架層是用于優化頁面設計布局的。
          具體在B端產品的列表頁可以體現出,列表頁中整體的按鈕、文本區域的位置、搜索和篩選的布局設計其實與C端產品中的商品詳情頁是類似的,遵循用戶的閱讀順序和視覺焦點來進行設計。


          3.表現層


          視覺、聽覺、(觸覺)的體驗設計。多體現在一些情感化的設計也被運用在了B端產品中。



          六、B端C化未來的設計方向



          反觀現在C端產品的一些設計風格和流行趨勢,有哪些可以運用在B端產品的設計中呢?

          1.3D化


          B端因為對數據的展示有較強的需求,用戶在使用過程中提高效率的判斷緯度也包括信息數據的獲取效率,而3D的視覺在數據可視化層面有著天然的優勢,可以幫助用戶更快速的理解數據維度所表達的核心價值。近年來網速等硬件設施的升級也為3D化視覺帶來可落地的基礎,設計師也嘗試在產品設計中融入更多的3D化元素。


          2.情感化


          人們對傳統B端產品的印象往往是覺得它們比較枯燥、呆板的,如今一些新型的B端產品的設計理念也試圖在拋開用戶對于產品的這種既定印象,所以很多產品在往一些娛樂化、IP化的方向嘗試,并且都達到了一些比較好的效果,未來在這方面的思考和嘗試只會越來越多。


          3.個性化


          B端產品的同質化嚴重,所以B端產品也需要從一些產品定位去定制更加富有個性的品牌基因,可以讓用戶產生對產品的感情,達到從同類產品中能夠脫穎而出的目標。



          七、總結:



          不管是B端還是C端,目的都是為了解決業務場景中遇到的問題,使用對象都是人,都應該站在“人性”的角度考慮問題,有人說B端產品一般都不注重設計,C端產品的設計更能滿足設計師對美的追求,我只能說它們的側重點不同,C端更注重視覺感受,要做到在視覺表現的感性層面吸引用戶,而B端其實更為復雜,需要做到底層的強大數據處理能力,產品的專業性包括交互、視覺的吸引力,這樣才能從眾多產品中得到用戶的認可并脫穎而出。設計師還需要不斷打磨細節和優化體驗來吸引和留住用戶。
          所以說“B端C端化”也只是在某些方面通用,但核心側重點不同,不能以偏概全、一概而論,但可以借鑒與參考,B端產品也可以做的很精彩。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:酷家樂UED 

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

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

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



          B 類產品設計細節:文本縮略

          資深UI設計者

          說明:文本縮略是指展示空間不足時,隱去部分內容并用'...' 替代。常見情況:

          · 文本內容長度或高度超過列寬或行高;

          · 圖表中空間有限,文本內容無法完全顯示;

          · 自適應調整時寬度變小。


          縮略方式

          末端截斷

          · 內容超過列寬時超出的用 '...' 省略;

          · 標簽內文案超出由 '...' 省略。

          · 長文本截斷的通用模式。


          中間截斷

          · 設置開頭、末端保留的字符數,在末端保留字符前顯示 '...' ;

          · 開頭保留字符數根據列寬以「顯示盡量多的字符」的原則來確定(極端情況為開頭不保留字符,即為「開頭截斷」;若空間十分有限,則盡量多地保留末端字符)。

          · 中間截斷在文本的開頭相同、末尾字符對區別字段起到關鍵作用時使用。


          場景舉例 1:實例名

          包括任務名、文件名、表名、系統名等等。

          典型案例:完整字段如下

          company_sales_record_20150116

          company_sales_record_20150117

          縮略結果:

          場景舉例 2:系列名稱

          開頭統一的系列長名稱,通過后半部分來區分的字段。

          典型案例:阿里集團的 BU 完整名稱如下

          口碑-本地生活事業部-北方大區-北方運營

          口碑-本地生活事業部-七星大區-東南運營

          縮略結果:


          設計要點

          · 重要數字、時間不建議縮略。

          · 名稱列縮略可結合表頭的拖拉控制顯示與縮略,內容完全顯示時 '...' 消失。

          · 單行文本省略使用 tooltip,多行文本省略使用展開與收起。

          · 描述 '...' 支持 hover,標簽整個支持 hover。

          · 標簽數量多時建議通過折行全部展示,不建議通過 '...' 隱藏后面的標簽。

          · tooltip 不承載復雜文本和操作。

          · 根據使用場景為字段設置合理的字數上限和展示空間,避免隱藏過多的內容。

          · tooltip 的尺寸不應過大,建議最大尺寸不超過長 320px、寬 160px。




          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:Ant_Design 

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

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

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


          日歷

          鏈接

          個人資料

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

          存檔

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