<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、什么是對比

          對比,是把具有明顯差異、矛盾和對立的雙方安排在一起,進行對照比較的表現手法。對比是把對立的意思或事物、或把事物的兩個方面放在一起作比較,讓讀者在比較中分清好壞、辨別是非。


          那么,為什么說對比度很重要呢?因為人眼最快速捕捉到的就是對比度。而圖像的最高可能對比度,我們稱它為對比度或動態范圍。更重要的是,對于色盲等弱視視覺障礙的人來說,對比度顯得更加重要,因為事物的對比度是成為他們看到的物體的核心特征,使他們能夠區分它們,沒有了對比度,對他們而言,也就失去了視覺。


          在學術藝術中,對比是處理對立元素和效果的一種排列方式,例如:明暗顏色、大小形狀、粗糙或光滑的紋理。在這種情況下,對比不僅可以用來吸引注意力,還可以設置情緒和氛圍,在藝術品中創造多樣性、視覺趣味和戲劇性。


          在設計中,對比度還是影響效果的關鍵因素之一。 不管是PC端網頁還是手機中的APP,它們的視覺層次、結構,設計師在通過對比度設計后,也能夠以一種獨特的方式呈現,并告知用戶哪些交互點是重要的,哪些是次要的。同時,對比度還可以有效地吸引用戶的注意力并將其吸引到特定元素上,因此它在產品的直觀引導和可用性方面也發揮著重要作用。

          Lucibel的網站設計展示了純粹的單色顏色對比,為頁面構建了堅實的視覺層次結構。


          LAUDEMIO的品牌網站使用黑色背景和產品主體進行層次分離,最后加上白色文案說明



          2、UI設計中的對比類型

          對比在UI中具有很多不同的特征屬性,其中就包括:

          • 顏色:顏色是人眼最快發現和最明顯對比之一,它適用于各種內容下使用,例如:通過互補色、對比色或類似色進行多種組合。這鞋方式最廣泛地用于潔面按鈕、導航、卡片、產品背景等地方,就是希望用戶能在打開的第一時間看到,并快速進行操作使用。

          • 大小:這種對比類型是希望重要元素或內容首先引起用戶注意所使用的,多數情況下設計師會將元素設計成明顯大于其他元素。

          • 形狀:這種對比類型屬于形狀改變,通過使一個元素的形狀與其他元素不同來吸引用戶的眼球。

          • 位置:在這種類型中,設計師以這種方式更改行中一個元素的位置,使其看起來不同,我們看到最多的這種對比案例就是閱讀文本片段時,新段落會以縮進開頭。

          • 紋理:這里的差異是由于使用彼此明顯區分的紋理而建立的。

          • 方向:在這里,設計師通過更改元素的物理位置,使其使用其他或意想不到的方向進行,通過這種不尋常的方式來吸引用戶的注意力。


          以上這幾種對比類型,我現在通過可視化的方式為大家呈現一遍,這樣可以加深大家對對比的理解。


          不同特征屬性的對對比方式


          其實,多數人只要想到對比,我想第一想到的會是黑白的東西吧。在沒有陰影和多種顏色的情況下,單色的對比度是表現潛力最好的形式。更重要的是,與藝術品或攝影作品相比,對比度不僅會影響美感,而且對布局的可用性和可見性也有重大影響。因此,對比度的使用應該算是用戶最友好、最易于使用的方法了。

          F2Pool APP的界面中,顏色對比有助于數據和內容形成分割,便于用戶閱讀使用


          區塊鏈APP界面通過使用多色的插畫設計,使整體產品更加具有活力和動感,同時吸引力更強


          根據相關數據結果表明,“黑白”的配色方式,是對用戶幫助和引導最大的。所以,使用黑白配色進行對比,可以有效提升用戶的體驗。當然,多色對比也是可以的,這里我提供一個色輪配色法,大家可以自行采納。

          色輪可以幫助設計師找到最佳水平的顏色組合



          3、排版對比

          除了剛才說到的哪些,接下來我在說一種對比類型,它主要是基于字體的區別進行做排版對比的。


          這里提供幾種關于字體、排版的對比方式:

          • 尺寸:通過對字體字號的設定進行對比實現,可以有效的展示主次分明。比如以及標題使用30px的字號,而內容文本則使用24px的字號。

          • 重量:主要的方式是將字體加粗呈現,在視覺上看起來更加具有厚重感,這樣加粗的文本在視覺上會更加具有地位和突出性。

          • 結構:形式在這里可以理解成是字體的字像,通過改變字體字象進行區別,比如標準的蘋方體和花體就是很好的視覺對比。

          • 形式:將字體加以傾斜,也可以呈現出不一樣的結果。

          • 顏色:這里的顏色不光是指字體顏色本身,同時也可以為字體添加背景色,用來襯托字體。

          • 方向:通過改變單個字體的方向、或一句話的排列方向,都可以形成有效的對比效果。

          藝術學院概念展示的不同類型排版對比



          4、對比的輔助功能

          說了剛才那么多,可能你已經抓住了設計的要害,那就是對比度越高,設計就越好。其實,并不是這樣的,任何事物都需要掌握一個度,超過那個度,有時候就會適得其反。雖然我們知道對比度會使內容更加明顯,但是你還應該知道,過高的對比度也會使用戶感到疲勞。按照文本視覺呈現的正確比例,我們應該將對比度控制在7:1之間才是比較合適的選擇。

          在當前這個概念APP界面中,通過明顯的顏色來提升按鈕的視覺焦點,同時,加粗的文本也是重點提醒,這些手法都是便于閱讀和操作的方式



          5、需要考慮的要點

          除了剛才說到的這些對比方式和規則外,作為設計師,還應該考慮的一些問題。


          內容加在了圖片上,要是用高對比度

          由于圖片本身的體積較大,覆蓋面積也大,所以用戶在瀏覽時,視覺很容易會被圖片吸引過去,但是,由于圖片內容的情況,很多相關文案就會顯得柔弱不堪,在這種情況下,一般的對比就無法解決視覺問題了,而是需要你加大提高文案和背景的對比,比如使用了類似黑色圖片的背景,就要使用純白色文本,如果使用了亮色的圖片背景,文本就需要考慮使用暗色。



          注意對比度給用戶帶來的傷害

          這種情況多數出現在閱讀類產品上,比如我們日常使用的小說類app,產品里就有一種功能叫做背景自定義,它的主要目的就是擔心用戶在長時間閱讀的情況下產生視覺疲勞,所以需要設計柔和的背景進行自定義切換。有的產品還會增加字體大小、顏色修改、夜間模式等多個功能,都是為了降低對比度,使用戶在體驗上不再那么刺眼。



          留白的重要性

          留白是極其重要的設計手法之一,它同樣是產生對比的好技法,通過給產品界面留有適當的空白余地,可使產品具有通透感,用戶在使用產品時也不會產生壓抑,另外由于留白是大面積的空白空間,這也就產生了和密集內容的強烈對比。



          6、為什么對比度很重要

          最后總結一下所有的內容,我們可以定義一下對比度的幾個關鍵優勢和好處:

          • 更強的視覺層次

          • 更好的專注

          • 創意氛圍

          • 增強可讀性

          • 與人類自然感知和反應的對應

          生活充滿了對比,無論你會采取什么方面。對于所有的生命,我們必須學會如何接受這一點,并嘗試享受如此多樣化和不可預測的生活。與現實相呼應,設計也充滿對比,并盡可能多地借鑒。

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

          文章來源:站酷  作者:西瓜的設計

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

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

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

          5個方面改善用戶體驗

          ui設計分享達人

          當你在一個既定的服務領域工作,但想要進行革新時


          1.詳細研究當前的用戶體驗


          分析當前的服務體驗,解讀用戶旅程中涉及到的行為,接觸點,出現的痛點。構建現有的體驗旅程圖可以捕捉到服務體驗的全貌,立即發現需要重新設計的關鍵問題,促進組織內部的一致性。對于這種復雜的服務,根據分析結果建立服務藍圖也大有好處,可以捕捉到流程中的關鍵問題還有不同接觸點的關系中的重要方面。

          建議:
          自己進行嘗試,能夠有效地發現細節,涵蓋分析中的所有步驟。


          2.分析服務構建


          體驗和過程只是服務的一部分:在分析現有服務時,我們也要考慮底層系統是如何搭建組件和動態結構的。只有對系統進行全面理解,我們才能發現連接缺失,精力和資源的潛在浪費和重復。創建一個系統地圖有助于讓團隊成員明確這些問題,討論潛在的改善機會。

          建議:
          我們需要將系統中的所有行為者聯系在一起,全面理解系統過程,減少重復,彌補差距。


          3.設定具體的目標,指導設想


          在開始構思之前,花些時間來思考系統和體驗的分析結果,并通過重新設計確定自己達到的關鍵目標。目標可以是橫向的(比如 “優化整個旅程中的信息流”),也可以是非常具體的(比如 “入職:從填寫表格到熱情的歡迎會”)。最重要的是,我們首先要詳細了解現狀,才能設定目標,制定正確的方法,同時意識到急需解決的潛在局限性和障礙。

          建議:
          我們也可以將期待體驗設定為目標旅程,為體驗中的每一步設定一個具體目標。


          4.創造新點子和解決辦法


          提出新的想法,解決旅程中所有已知痛點或系統中的差距,以及抓住有趣的機會。這些想法包括既稍微改進一些特定功能,也可以影響整個服務模式的寬泛概念。在這個階段,不要限制自己的想法數量,更不用考慮可行性:捕捉每一個想法,與其他團隊成員分享,并在彼此的思考之上建立一個新想法。

          建議:
          快速構思是一種頭腦風暴的練習,團隊中的每個人都寫下他們心中的每一個想法,然后再進行小組討論。


          5.確定最有可能實現的概念


          收集所有想法,確定下一步的行動計劃。如果項目很簡單,我們可以簡單地將所有的想法整合成一個重新設計方案,逐步發展。在其他情況下,你可能最終得到50多個想法,對當前的服務體驗進行創新,但顯然我們不能訴諸于每個想法,那么……從哪著手呢?我們可以建立一個評估矩陣,確定標準,分析每個概念(例如,對用戶的價值,實施成本,獨特性等),并對它們進行相應的評分。這樣我們就可以篩選出最有可能實現的想法,創造較大的價值(這些想法可能是最先開發的)。簡略的概念可以很好地改善部分服務,但不會產生較大的影響(容易實現的目標);而較復雜的概念從長遠來看會對服務體驗產生更積極影響,但需要投入大量的時間和精力。

          建議:
          我們需要考慮的最核心內容是新概念給用戶和組織帶來的價值,而不是實施的可行性或復雜性-但這可以根據具體環境而改變。

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

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

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

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

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

          設計賦能商業變現初探

          ui設計分享達人

          本文基于“價值鏈”理論、結合筆者當下支撐的業務去探究設計賦能商業變現的思路,旨在尋找設計賦能商業變現的理論方法,為設計師在商業層面如何發揮自身的最大價值以促進企業持續發展提供一定的方向指引。



          關鍵詞解讀


          為了更好的理解接下來的文章內容,筆者會首先對以下關鍵詞進行解讀:商業變現、設計賦能、價值鏈理論。 

          關鍵詞


          1. 商業表現 
          杰克·韋爾奇在《商業的本質》一書中提到:商業歸根結底是一項“團隊運動”,必須依靠團隊的力量。就企業而言,筆者解讀為「商業」的本質是:企業團隊(個體、群體)通過創造一系列的價值活動實現企業和外部客戶之間價值交換的運行模式;而「變現」則是指在此系統中“企業收入-支出成本”所得的實際收入,提升收入總額和降低支出成本均可以實現“變現”的目標。 



          2. 設計賦能
          設計師站在用戶和業務的視角,能夠從全鏈路的視角出發,洞察各利益相關者的關注點,運用專業的設計方法去挖掘產品和設計的機會點,最終促進業務持續健康向上發展。 

          3.“價值鏈”理論
          價值鏈的概念最早是由美國哈佛商學院的邁克爾?波特教授在其著作《競爭優勢》中提出的,稱作“價值鏈分析法”。把企業內外價值增加的活動分為“基礎活動和支持性活動”。基礎活動即企業生產經營的主體活動,涉及產品的物質創造及銷售、轉移買方和售后服務的各種活動,支持活動是輔助基礎活動,是通過提供采購、技術投入、人力資源、及公司范圍的職能支持的活動。不同企業參與的價值活動中,并非每一個環節都會創造價值,只有特定的價值活動才能真正創造價值。企業要密切關注組織的資源狀態,特別關注和培養企業在關鍵價值活動上獲得競爭力。 

          企業保持競爭  優勢,既可以來源于價值活動所涉及的市場范圍的調整,也可以來源于企業合作或調整價值鏈所帶來的收益。

          隨著社會分工的細化和專業化以及互聯網的普及和發展,價值鏈的內容也不斷向前發展,目前已發展為“合作競爭的價值鏈”理論。 



          合作競爭價值鏈


          價值鏈理論包含4個構成要素:價值主張、運營模式、界面模式和盈利模式。 



          1.價值主張:包括價值主張、客戶關系、客戶細分三大部分。 


          1. 價值主張:不但包含了企業的戰略方向,而且包含了企業提供給客戶滿足其需求的價值項,比如“快捷的渲染服務-10s出高清效果圖”。

          2. 客戶細分:確定目標客戶群體,并對其進行細分,探索不同細分市場的客戶需求。

          3. 客戶關系:是在明確用戶需求的前提下,找到吸引顧客、留住顧客、轉化顧客的方式,從而對所提供的產品和服務進行不斷的改進以維系和形成良好的長期往來關系,C端業務中常見的客戶關系即是“會員”。


          價值主張


          2. 運營模式:企業將資源和能力轉化為產品服務的過程模式。包括關鍵業務、核心資源兩大部分。企業的產品和服務作為企業價值創造的載體,需要通過一定的過程將資源和能力轉化為產品和服務,通過優化流程、提高效率則可以減少該過程中涉及到的成本和費用。 



          3. 界面模式:包含重要伙伴和渠道通路兩個部分。通過渠道通路,企業可以將自身的產品和服務傳遞給客戶,客戶也可將信息、資源、能力等回饋給企業。而企業的合作伙伴,在一定程度上促成了企業的產品和服務的產生,是企業外部的重要資源。 

          4. 盈利模式:包含包括成本結構和收入來源兩個構造塊,企業可以通過“開源節流”以實現商業的高效運作。 




          賦能維度提取



          初步確定 4 個維度
          可基于價值鏈模型從“公司角度”或“具體業務角度”去作分析,可更加靈活的應用該理論。但需注意,以上構成要素中,設計師很難全面切入,定要找準設計切入方向,才可發揮最大價值。 

          那么我們來看如何確定設計賦能維度? 
          一方面,在上述的價值鏈理論中,“客戶關系”“重要伙伴”通常會有專業的商務、銷售、售前、運營人員去維系,盈利和收入模式也會有高層管理人員進行制定和分析管理,設計師在工作鏈路上很難觸達盈利模式和客戶關系相關的內容?!爸匾锇椤眰?,設計師通常會進行客戶調研、競品分析等,以挖掘更多的產品機會點,促成業務價值達成,因此在賦能方向上,“重要伙伴”會合并到價值主張側進行分析,不再單獨展開來講。 

          另一方面,基于價值鏈理論的指導,我們進一步提煉企業或具體業務的核心價值鏈:企業需要將資源和能力整合,去生產或研發承載企業價值的產品/服務;產品/服務經過銷售到達客戶側,客戶付費購買則企業產生營收。在這條關鍵鏈路中,「生產/研發鏈路」「產品/服務」「銷售鏈路」「客戶/用戶」都是非常重要的環節且缺一不可。而設計師基于“全鏈路”的設計思維,利用豐富的設計研究等方法均可以在此四部分進行有效切入挖掘業務價值,因此初步確認將此四部分對應價值鏈中的「運營模式」「價值主張」「渠道通路」「客戶細分」作為設計切入的賦能維度?!干a研發鏈路」和「銷售鏈路」作為直接賦能“降本”和“增收”的關鍵鏈路可作為設計賦能的持續探索方向。 

          確認賦能維度和方向


          基于維度對業務進行分析,找到更加細分的賦能維度乃至設計機會點


          雖然初步確認了賦能維度,但是對于設計師如何尋找設計賦能機會點尚沒有清晰的思路,因此筆者從自己負責的房產業務入手,嘗試進行分析和挖掘。以下為簡要的分析,僅供大家參考。 


          1. 價值主張:房企業務在當下重要的價值主張在于探索全鏈路的業務解決方案。 
          思考設計可以做什么: 


          1. 目前的解決方案是否完整,能否在房產上下游繼續拓展。 
          2. 已經有的解決方案客戶是否真正用起來,能否真正滿足客戶的需求? 
          3. “數字化精裝”到底如何做到數字化? 
          4. 競品做了什么? 
          5. 如何鏈接到C端消費者?(客戶對戶型對喜好如何,對裝修風格喜好如何) 
            ... 



          設計做了什么: 


          1. 對新房營銷客戶的核心訴求進行分析,基于C端消費者的購房鏈路整理客戶關注的數據,提供到產品側進行參考。 
          2. 對同類產品進行詳細競品分析梳理得出產品的基礎功能、進階功能、增值功能,并且將報告提供到產品側在后續的產品設計中進行參考。 
          3. 基于對業務現狀的分析,整理出期望的業務表現,根據表現的內容整理出可衡量的指標以及尋找可切入的設計機會點。 


          業務現狀分析


          2. 客戶細分:提供更加精細化的產品和運營策略。


          思考設計可以做什么: 


          1. 目標客戶的類型? 
          2. 不同地產大客戶的共性和差異性? 
          3. 形成清晰的地產客戶畫像? 
          4. 地產客戶下的細分角色?不同角色的關注點? 
            ... 



          設計做了什么: 


          1. 通過“桌面調研、定性調研”的方法調研“新房營銷”場景下的主要用戶角色,梳理得出“決策者-營銷總、管理者-案場銷售主管、使用者-置業顧問”的用戶角色畫像,聚焦所服務客戶(用戶)的特征、動機、日常工作分析,為后續的產品功能規劃提供參考。 
          2. 根據當前客戶細分情況,整理在客戶細分側期望的表現,整理可衡量標準以及可切入的機會點。 


          目標客戶分析


          3. 運營模式:將資源和能力轉化為產品和服務的過程。前文已經提到,優化流程、提高效率均可以減少該過程中涉及到的成本和費用。針對此部分筆者還未進行系統分析,因此簡單說明。 
          1. 一方面可以思考產研基建能力建設是否完善,是否有進一步優化的空間。 
          2. 另一方面可以思考產研、商務、運營等角色涉及的協作流程是否高效,能否進一步提升人效。 



          4. 渠道通路:跟增收有直接的關聯,在 C 端業務中表現為「購買轉化鏈路」,而在面向大 B 客戶的業務中,可細拆為“產品 / 服務”從「觸達客戶 --> 新簽 --> 續約」的全鏈路。



          面向大B客戶的轉化鏈路


          思考設計可以做什么: 
          1. 運用鏈路分析法,對轉化鏈路進行系統梳理,并明確鏈路中期望的目標表現,發現可用于衡量的數據指標和可挖掘的機會點。參考下圖以“觸達鏈路”為例進行詳細說明:


          “轉化鏈路”分析


          首先,需要對線上和線下的觸達客戶渠道進行枚舉和系統梳理。比如線上涉及到官網、推文;線下涉及到展會、沙龍。線下渠道包含宣傳冊、折頁等,可透出二維碼引流到線上渠道;線上渠道還可以通過推文轉發分享、搜索等進行引流。 



           其次,在觸達鏈路中我們期望的目標表現是什么呢?在這個過程中,我們期望越來越多的人進入官網;希望線上的推文被大量分享;希望線下觸達的客戶量越多越好,期望品牌曝光次數越多越好,因為品牌曝光意味著觸達客戶量的機會增加,觸達客戶量也有可能隨之增加。 

          再者,如何衡量目標是否達成呢?最終指標:一方面是觸達客戶數量,觸達量增加很可能意味著轉化率提升;另一方面是咨詢率,在觸達客戶增加的同時,咨詢率提升意味著對業務感興趣的客戶多,轉化的可能性就更大。過程性指標包括官網訪問量,推文閱讀量與分享量,單場活動觸達客戶量等。觸達鏈路的主要目標是引流和拓客,最終轉化與否還要依賴新簽過程,因為轉化率不會作為觸達鏈路的最終指標。 
          (此處推薦大家使用GSM模型的方法確立目標表現及衡量指標,在后續的文章中會進行詳解,本文暫不詳細說明) 



          GSM模型


          最后,在觸達鏈路中,切入賦能的方向在哪里呢? 


          一方面線上線下的渠道能否進一步拓寬?-分析現有渠道,線下客戶掃碼二維碼后打開的是H5頁面,關閉頁面后無法再次查看頁面,進而無法了解業務。因此建議增加“小程序”作為線上客戶留存渠道,一方面可以依賴微信生態方便客戶再次查看,另一方面在留存的同時還能提高客戶間的傳播分享。(下圖是基于已有小程序時的觸達鏈路) 

          另一方面,已有渠道的品牌曝光量能否增加?-分析現有的官網,在官網中透出“酷家樂地產業務”的入口較深,且布點少,這些都影響了業務曝光度;于此,我們可以去思考,SEO搜索酷家樂時是否可以透出“酷家樂地產業務”?線下渠道是否可以增加可被客戶帶走的物料?線下展會中播放配音視頻,通過聲音傳達到更多客戶處,然客戶產生興趣,吸引客戶前來了解業務。 

          沿著上述的思路和方向,我們可以思考更多可切入的方向與機會點。 




          初步歸納整體研究思路



          上述的分析是基于價值鏈理論,從「價值主張」「客戶細分」「運營模式」「渠道通路」4個維度進行切入,從實際業務著手運用專業的設計方法進行分析,整理得出期望目標達成的具體表現,以及確定目標可衡量的數據指標或軟性評估體系,最后挖掘出可賦能的方向以及機會點。 

          從業務著手,嘗試挖掘賦能方向和機會點


          由此,筆者也形成了相對清晰的研究思路:
          基于價值鏈理論,選取賦能變現相關聯的維度。從維度切入,運用專業的設計方法對業務進行系統梳理,挖掘維度下更細分的方向,并且確定相關的評估體系用以確保目標達成。由于單條業務挖掘的方向可能有限,因此后續需要對其他典型業務進行分析,盡可能從業務實踐中抽離賦能方向,并且最后應用到其他業務實踐中。


          設計賦能商業變現的研究思路


          影響因素


          1. 產品 / 業務的生命周期:產品/業務所處的生命周期不同,所選擇的維度也會存在差異性。筆者當前所負責的業務還屬于從0->1階段,業務品牌影響力需要不斷增大,對外營銷推廣渠道也需要不斷拓展,因此在業務的品牌影響力建設、渠道拓展方面都存在可深入挖掘的方向;而對于其他相對成熟的業務,賦能維度仍需要側重在運營模式優化(內部流程優化、提效降本)和銷售轉化鏈路的優化與升級(直接影響營收)兩個方向。 

          2. 業務類型:B端業務和C端業務的類型不同,可挖掘出賦能方向也會存在一定差異性。尤其是在銷售變現鏈路上,B端業務重在分析「觸達客戶」->「新簽客戶」->「續約客戶」的鏈路,需要對轉化鏈路中涉及的商務、運營、市場人員的角色及其作用進行深入了解;C端業務更重在從消費者的角度對C端轉化鏈路進行分析,包含「初識/了解」->「產生興趣」->「下單購買」->「多次回購」->「分享推薦」的完整鏈路,更要側重于分析消費者的心理和購買動機。由于目標用戶/客戶、轉化鏈路、業務屬性的差異性,賦能變現的切入方向也會存在一定的差異性。 




          總結



          本文從“價值鏈”理論著手,選取設計賦能可切入的4個維度「價值主張」「客戶細分」「運營模式」「渠道通路」。并且從實踐出發,將上述維度落入到具體業務中進行分析,挖掘更加細分的賦能切入方向以及機會點。 

          讀完該篇文章,希望各位設計師們可以達成以下2個目標: 
          1. 了解價值鏈理論的概念,并且將理論應用到當前自己負責的業務中進行分析。 
          2. 在設計賦能商業變現中找準設計賦能可切入的維度以及挖掘細分的維度和機會點,并且真正落實到具體業務中。 

          以上內容為設計賦能商業變現的初步探索,在后續的持續探索中會力求總結出更系統的理論框架和方法并分享給大家。 



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

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

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

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

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



          表格設計-掌握表格設計方法(表格體驗篇)

          ui設計分享達人

          前言


          提起中后臺,除了高效、靈活和強大之外,不可忽視的還有它的海量數據。海量數據的篩選與呈現,直接決定決策人員的效率高低。我這邊主要是結合自己在實際工作中遇到的表格設計問題,針對Web端數據呈現方式之一,表格的設計進行探討。

          首先了解下表格的構成:頂欄、表格主體、底欄



          • 頂欄: 對表格信息進行概括,包含標題、篩選、搜索、操作按鈕等功能

          • 表格主體:承載數據內容,由 行 和 列 構成

          • 底欄:主要用于設置當頁條數及放置分頁器


          關于表格的文章有很多,這邊我僅僅針對表格內部(即表格主體)與大家探討需考慮哪些問題才能讓表格整體的閱讀體驗更好!


          “優秀的設計需要用心、規劃、思考和理解人們的行為方式”


          的確,表格作為中后臺海量數據呈現的載體,能夠【幫助用戶快速“閱讀數據”,獲取有效信息,提高決策效率】,但是實際業務中,很多設計師往往沒能夠結合產品和業務場景,找到一個合適的方案。所以我結合了自己在實際工作中遇到的表格設計問題,總結出以下幾點:


          一、表格需自我解釋 —【梳理數據關系,明確數據重點】


          自我解釋的最終目的就是讓人看懂你,試想下用戶面對一整張表格中數據卻不知道表達什么意思,這極容易給用戶帶來閱讀壓力最終放棄。因為很多B端產品的數據面向的用戶角色及場景都存在差異,所以在設計表格的時,我們首先需要對表格的表頭(列)進行合理的排列。


          如:管理員與普通用戶所展示的數據內容就可能存在差異,所以需要根據閱讀重點來定義表格 列的展示順序(依據信息重要程度從左到右放置),且思考每列間的數據關系,來引導用戶。


          案例:運用同學常見的拉新數據,其中的數據包含:日期、渠道、新增用戶數、活躍用戶數、用戶啟動次數、累計用戶數、版本信息等。


          首先我們應思考運營同學關注點是什么?作為運營方案的成果數據,他們肯定最想知道是否完成KPI「是否有效獲取到用戶?這些用戶活躍情況?哪幾天拉新效果最好等」。如果我們不考慮用運營同學特定的目的,隨便排列,就容易導致用戶第一時間很難獲取到自己想要的有效信息,極大影響閱讀效率。但如果抓住了這個主要目的,對指標進行排列,那么我們表格的邏輯性便會更強,更清晰,也更加貼合業務述求。



          二、【配置表頭類型,提高閱讀效率】


          表頭不僅僅有解釋當前數據內容,還可以集成:批量操作、排序篩選、解釋說明、分組、固定等查看操作,而這些功能均不是必要元素,需根據用戶查看數據的需要(如:用戶想快速找到拉新用戶數最多的某天等),適當的選配。


          2.1、批量操作


          在展示信息的同時,可以對表格主體內容中的數據進行刪除、下載等操作,幫助用戶批量操作,提高效率。如:QQ郵箱我們批量刪除郵件。



          2.2、排序篩選


          排序能讓用戶可以改變數據的排序,篩選則可以改變數據展示的類型,幫助用戶更好的觀察數據,發現數據規律。有兩種形式,一種是使用上下按鈕進行排序(正序與倒序),另一種是使用下拉菜單進行排序(適用于多種排序及篩選)。



          2.3、解釋說明


          • 表頭的字段名稱理應簡潔明了,但有時精簡后的名稱用戶還是看不懂,這時就需要跟一個釋義標識,鼠標懸停時出現該字段的詳細解釋,同時滿足不同用戶的需求。


          • 有時候寬度不夠,文字會溢出,則需要懸停時出現完整的字段名稱。



          2.4、分組


          適用于多種所屬關系的信息展示(如:地址>街道>街區>樓號>門牌號)



          2.5、固定


          固定不光可以固定 行,也可以固定 列,特殊情況可以同時固定 行 和 列。一般數據較多時,幫助用戶在滾動過程中可以實時看到 行 和 列 對應的內容,提高閱讀效率。



          三、數據展示 —【規范展示方式,營造良好展示效果,提升數據閱讀效率】


          3.1、對齊方式


          合適的對齊方式,能夠讓用戶閱讀時更加舒服。由于表格中的數據類型比較多,需根據數據內容選用合適的對齊方式。


          • 數字:右對齊,有小數點的數值需按照小數點對齊,且數值較大時需每隔三位數使用 , 隔開,便于用戶閱讀與對比數值。


          • 文字:左對齊,符合人們從左到右的閱讀習慣。


          • 混合型文本:左對齊(混合型內容包含圖片,進度,狀態標簽,人物頭像,鏈接等)。


          • 多選操作:居中對齊。


          ?。”眍^的對齊方式與數據展示的對齊方式必須保持一致,這樣能夠統一整個表格的表格對齊方式,便于提升閱讀與對比的效率。




          • 數字:數值、金額、比率

          undefined



          • 文本對齊:純文本



          • 文本:判斷性文本



          • 文本:時間日期



          • 混合型文本:狀態標簽、進度條



          • 混合型文本:人員(單人、多人樣式)



          • 混合型文本:操作



          • 混合型文本:顯示/隱藏



          • 混合型文本:評價



          • 可操作:多選



          3.2、數據多層級


          在復雜的表格中,由于數據量較多,并且數據有層級關系,所以會對數據表格進行分層處理,優先展示第一層級的數據內容,將二三層級的數據隱藏起來,用戶點擊后再展示(如:教育類產品中題目設置 章節信息編輯 知識點編輯)



          3.3、數據修改


          支持直接點擊內容,出現輸入框后進行編輯



          3.4、展示統計


          方便用戶快速了解總數



          四、表格分割線 —【建議選用水平線、斑馬條紋,閱讀舒適度最高】


          表格行列的分割方式有:

          • 網格式:類似excel,這樣的方式很好的所有 行 和 列 進行分割,但是網格很容易給人造成視覺疲勞。


          • 水平線:僅對 行 進行分割,通過間距與對齊的方式對 列 進行視覺上的分割,這樣的方式可以很好的對數據進行劃分,便于閱讀。


          • 斑馬條紋:通過低飽和度的顏色交替的對 行 進行分割,同樣很好的對數據進行劃分,便于閱讀。


          • 留白,不分割:直接留白,通過間距來劃分,不建議使用這樣的方式,因為數據較多的時候,用戶十分容易將行對應錯,容易造成混亂。



          五、空數據


          5.1、表格中經常會出現空數據或無數據的情況,留白處理會給用戶造成一定的困惑和誤解,是系統沒有加載出來嗎或誤以為出現了bug?明智的做法,是無數據時用「-」來填充顯示,數據為零時與上下數據單位、小數點相同的0來顯示。



          5.2、表格無內容


          • 沒有創建訴求的,數據是系統產生的,不是由用戶創建的,直接告之暫無數據。



          • 是用戶有創建訴求,數據是由用戶或系統產生的則直接示意用戶創建數據



          寫在最后

          通過合理的組織架構和呈現方式,使原本枯燥的數據呈現出生命力,這是一件很神奇的事。而用心、規劃、思考和理解人們的行為方式,圍繞用戶目的與實際使用場景,提供易讀性高且規范表格更是需要設計師反復思考的事情!

          最后感謝您看到最后,希望通過本篇文章的講述,能對大家有所啟示~~~~~~~

          文章來源:站酷   作者:小發歌

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

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

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


          以用戶為中心的設計:它是什么以及如何做

          ui設計分享達人

          以用戶為中心的設計在設計領域取得了許多突破。

          它提高了產品和界面的國際標準,擴大了設計中的創意機會,并協助了近代技術的發展。

          以用戶為中心的設計通過創建兼顧兩者的解決方案來幫助消費者和公司設計產品。

          可用性是這個設計過程的最前沿。每一步都是為了最大限度地提高設計團隊創造令人滿意和高效體驗的能力。

          什么是UCD?

          以用戶為中心的設計是一種設計過程,旨在通過根據用戶的經驗和要求創建設計解決方案來最大化可用性。

          它是一個迭代設計過程,在很大程度上依賴于有關用戶體驗的反饋和數據,以創建適用于潛在消費者和企業的解決方案。它在數字產品的生成方法中很常見,在 UX/UI 設計中尤其重要。

          例如,需要創建用戶友好的網站界面的設計團隊將應用 UCD 設計指南,以根據用戶的觀點、需求和愿望生成和完善解決方案。

          原型將通過質量測試,并通過反饋和對其體驗和行為的深入分析與用戶合作,這將影響有關產品功能的決策。

          為什么 UCD 很重要?

          用戶體驗在產品設計、網頁和界面設計以及營銷方面很有價值。

          消費者希望他們的生活變得簡單。網站、應用程序或產品的存在是為了滿足消費者,因此其成功取決于他們的經驗。

          以用戶為中心的設計方法對公司的好處包括:

          1) 不斷返回業務的忠實用戶

          2) 銷售額增加

          3) 開發精致、高效且易于獲取的產品

          4) 深入理解問題,創造優秀解決方案

          5) 客戶和團隊之間的協作

          6) 避免常見錯誤

          7) 提高競爭力

          8) 幫助他們了解他們的市場

          UCD 引領產品、軟件和設計的發展,使我們更接近輕松、高效。

          UCD 流程

          交互設計協會強調了從頭到尾考慮整個用戶體驗的必要性,并分4步定義了以用戶為中心的設計方法:

          1. 了解使用環境——這部分設計階段至關重要。我們通過深入觀察和采訪用戶來了解他們的行為和需求。這部分過程通常由行為科學專業人士執行,他們進行專家訪談。

          2. 明確用戶需求——一旦更好地了解用戶,設計團隊就可以編制一份用戶需求和粗略概念列表,以指導他們如何設計成品。

          3. 設計一個解決方案——這里的重點是“解決方案”。設計某產品的目的是為問題、需要或愿望提供解決方案。設計理念必須根據研究階段發現的內容來解決問題。

          4. 根據需求進行評估——一旦有了設計原型,就必須經過一個評估過程,在該過程中分析產品對發現的初始需求的滿足程度。只要有差距,產品就會經歷一個迭代過程,在這個過程中,將重新審視設計以填補這些差距,直到有一個滿足所有用戶需求的完整設計。通過可用性測試評估設計可以清楚地了解產品與用戶需求之間的差異,從而推動流程向前發展。

          最大化可用性的技巧

          以用戶為中心的設計過程旨在最大限度地提高可用性并滿足消費者。上面提到的基本四步過程是一個基礎。我們可以使用一些最大化可用性的技巧來充實它。

          1. 同情和理解

          同理心和理解是主要在用戶研究階段使用的關鍵設計技術,為團隊提供關鍵見解。

          同理心意味著理解和分享他人感受的能力。這是設計思維的第一步,因為深入了解各個級別的用戶體驗的本質有助于設計團隊獲得第一手的觀點并確切知道要解決哪些問題。

          移情設計略有不同。它是一種以用戶為中心的設計方法,明確關注用戶對產品的感受。這對于包含在以用戶為中心的開發過程中也很重要。人們對產品的感受在消費者體驗中至關重要。

          一種產品可能提供了很好的解決方案并且效率很高,但它可能缺乏與消費者的情感聯系和建立關系。用戶需要感受到啟發、關心和共鳴,才能取得成功。這就是視覺設計可以發揮重要作用的地方。

          美觀且鼓舞人心的界面和品牌大有幫助,并且是通過視覺品味吸引他們并與產品建立情感關系來與合適用戶建立聯系的門戶。

          2. 明確為什么

          設計是一個高度有意的過程。它需要被規劃出來,遵循步驟,最重要的是,以與業務目標一致為指導。

          設計師必須知道他們為什么要創造一些東西,以便能夠克服在實施階段會出現的障礙。每個人都需要清楚為什么設計對用戶和業務都有益?!盀槭裁础笔峭苿影l展的動力。

          它需要良好的項目管理和出色的領導能力——這是設計和商業成功的重要組成部分。

          3. 使業務需求與用戶需求保持一致

          歸根結底,企業也有必須滿足的要求。只關注用戶會存在局限性。一旦理解了他們的需求,他們就需要考慮收入、利益相關者和設計范圍的業務目標和結果。

          使用戶需求與業務成功保持一致歸結為目標和清晰的路線圖。業務需求和目標需要從一開始就非常明確地規定,具有靈活性的空間來滿足不可預見的用戶需求,同時仍然與業務需求保持一致。這是商業模式將有助于指導設計過程的地方。

          通過確保您擁有所需的所有資源、做出并履行承諾、與整體業務保持聯系以及擁有高效的項目管理和領導能力,保持業務需求得到滿足是從內部的角度為項目取得成功做好準備。

          4. 磨練用戶反饋循環

          反饋是一個基本的設計原則,在任何設計過程中都是必不可少的。

          用戶反饋是響應用戶輸入的行為。用戶反饋循環在以用戶為中心的設計過程中至關重要,因為它向設計團隊展示了改進和重新校準的地方。

          它在產品或系統的整個存在過程中都得到維護,因此在產品或系統的整個存在過程中都將依賴于用戶反饋循環或客戶反饋循環。

          它可以采用推薦和正面評論的形式,強調產品或系統運行良好的地方,因此可以保持原樣或進一步改進該區域以獲得更深層次的滿意度。

          5. 總是迭代

          設計過程是一次又一次地嘗試,直到它們奏效。

          正如你們許多人所知,設計過程是一個迭代過程。這是一個貫穿開發和維護的持續過程,其中產品或系統不斷得到改進。生活在如此快節奏的時代,對于必須掌握最新發展和技術的設計團隊來說,意味著要做大量的工作。

          迭代是任何設計過程和長期客戶滿意度的關鍵部分。在此過程中,原型將在重復循環中進行測試、調整和再次測試,直到找到解決方案。

          在迭代過程中,原型將經過用戶測試和可用性測試。用戶將測試設計、被觀察并提供反饋。

          6. 輕松就是一切

          設計中出色可用性的關鍵是使一切盡可能簡單易行。友好的體驗是一種愉快、輕松和令人滿意的體驗。創造簡約是一門藝術。這是一個淘汰的過程。它需要深刻的理解。以用戶為中心的設計實踐通過以下方式帶來便利:

          1) 減少用戶的工作量

          2) 使用簡單明了的語言

          3) 讓用戶主導并賦予他們權力

          4) 簡化導航

          5) 使信息完全清晰,并在輕松和復雜之間找到平衡。

          優秀UCD的例子

          以用戶為中心的設計實例無處不在,尤其是在我們今天使用的大多數知名數字產品和軟件工具中。我們列出了一些品牌的例子,這些品牌通過將用戶體驗放在他們所做的一切事情的中心,同時與業務需求保持一致而取得成功。

          蘋果網站

          Apple 知道如何提供出色的用戶體驗。他們的成功歸結為可用性。通過強調設計,品牌創造的一切都以簡約和美為核心,既吸引用戶,滿足他們,也讓他們的生活變得輕松。

          Apple 網站使用戶可以輕松訪問。它在直觀、組織良好的界面上以易于理解的語言提供有關產品的詳細規格。

          愛彼迎

          另一個用戶友好的直觀設計解決方案的絕佳例子,在線度假租賃市場 Airbnb 通過專注于滿足潛在消費者的每一個需求,將一個絕妙的想法提升到一個新的水平,從而取得了成功。

          該應用程序是個性化的,易于導航,可以輕松查找和預訂住宿,尤其是具有取消和退款等功能。他們還使用視覺設計作為激發用戶的一種手段。

          總結

          你對以用戶為中心的設計有更好的理解嗎?

          這個概念本身很簡單。并且,這個過程是有效的,你現在應該可以知道了。它需要跨學科的專家團隊、深入的分析和大量的迭代。如果我們不得不將其縮小到三個要點,它們將是:

          1) 通過深入研究和同理心了解用戶是設計解決方案的核心

          2) 簡單、輕松和愉快是我們的目標

          3) 需要多次迭代才能取得成功

          在本文中,我們了解了UCD 的關鍵原則、為什么它很重要,以及針對主要用戶的設計的一些技巧。希望這些內容可以幫助到你的設計。


          關于表單中存在編輯表格的情況

          ui設計分享達人

          需求:供應鏈系統,銷售價目表需要添加價目明細。


          問題:思考【添加】【刪除】按鈕放置位置及交互方式


          思考過程

           

          方案一:

          這是系統已有頁面?!咎砑印俊緞h除】按鈕固定于表格右上角。

          適用于數據1~10條的情況。


          方案二:以【輕流】舉例

          【添加】【刪除】按鈕固定于表格左上角。

          表格中有勾選框,支持【批量刪除】【部分刪除】


          同時在表格右側固定【添加】按鈕。


          當鼠標位于序列號時,出現【彈框填寫信息】按鈕。


          彈框頁面支持上下數據切換。




          方案三:

          【添加】按鈕位于表格下方左側,不固定?!緞h除】按鈕位于表格右側,固定。

          適用于數據10~100條的情況。


          優點:相較于【方案一】,縮短了操作路徑。

          缺點:不適用于表格存在分頁的情況。需要每個頁面存在【添加】按鈕。

                    不適用于表格存在橫向滾動條的情況。


          方案四:以【簡道云】舉例

          【添加】按鈕位于表格外下方左側,固定。


          當鼠標位于表頭左上角時,出現【切換】按鈕,表格會單獨在一個頁面打開。


          當鼠標位于序號時,出現表格【切換】按鈕和【更多】按鈕。


          點擊【切換】按鈕,出現【彈框填寫信息】。


          點擊【更多】按鈕,出現【刪除】和【復制到最后一行的】按鈕。


          總結:對于在表格中編輯的樣式,基于業務場景,目前都是弱化刪除按鈕。我更傾向于選擇【輕流】的方案。

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

          文章來源:站酷   作者:木丁西dwj

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

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

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



          如何從用戶角度出發打造產品體驗

          ui設計分享達人

          文章定位:

          好的產品能為用戶帶來高效的解決方案,在迭代升級中實現用戶價值。

          以下文章主要探討設計師 如何從用戶角度出發打造產品體驗,通過設計幫助產品帶來高溢價。

           

          01、用戶思維

          用戶思維最基本就是 圍繞用戶 去設計,幫助他們 解決實際問題。

          Q:為什么要圍繞用戶做設計?

          A:想將自己產品打造成為好產品,最終留住用戶。

          Q:什么是好產品?

          A:“讓產品自然生長,不要去碰用戶,不要去打擾他們,讓他們自然形成一種互動關系”。不要強塞東西給用戶,切切實實的在用戶需要的時候能快速給到他們價值,解決某個問題,或滿足他們的情感,情緒。

          即:幫助用戶解決實際問題,并提供解決該問題的優秀設計。

          所以設計師產出設計方案前需思考的是:

          1. 解決什么實際問題?

          2. 應該提供怎樣的設計?




          02、確定用戶面臨的問題點

          解決哪些實際問題是每個案子的核心,在該階段設計師常容易陷入誤區

          如:我要做 一個…東西、我要怎么怎么做……下意識的就去研究怎么做,而不是首要思考具體解決什么問題,該誤區到后期往往會造成設計偏離。

          為了避免該情況,首要需確定問題,并將問題清晰表述出來,表述的越清晰解決起來就越容易。

          那我們應該怎么去確定這個問題呢?


          – 利用同理性圖譜構建用戶認知

          好的設計需要與用戶心智相符合,貼合用戶當時情境下的訴求。

          為了讓優化方案更有依據,在發現問題的時候,需要從用戶視角出發,結合當前產品的頁面去分析是否符合當前用戶的訴求。

          ——可以采用 同理心圖譜 的方式:

          從 說了什么、做了什么、想了什么、感覺到什么 四個維度去勾勒用戶真實的想法感受。


          以下以優化案為例:

          在實際優化案中,可結合需改版頁面按照四個維度走一遍,可讓設計師更了解當前頁面幫助用戶做什么,后續有哪些優化方向。

          如:QQ支付頁面整體流程優化設計

          ① 用戶需給好友發紅包,在輸入完紅包金額點擊支付時,向上滑出了支付面板,用戶看到這個面板時候,其心理活動可能是怎樣的呢?

          ② 用戶想要更換支付方式,點擊更換后看到下方頁面,用戶對該頁面的的感受會是怎樣的呢?

          ③ 用戶輸入密碼后,以為馬上就成功了,卻發現卡里沒錢了,這時候用戶更加迫切的是什么呢?

          通過以上這樣 【移情】的方式,使我們更能了解用戶,在沒有用戶訪談的情況下對他們的 愿望、需求、訴求點 有個概念,當有了這個 共鳴 在后續就可以將這個共鳴變成一個有著明確優化方向的 問題陳述。


          – 自問自答式推理逐漸確定問題

          在挖掘用戶需求點過程中,可以采用不斷詢問不斷回答的方式,將自己腦子里想的直接寫出來,通過這樣的方式構建自己思考的邏輯。

          如:“在下單頁轉化率太低 > 在下單頁用戶無法快速驗證信息 > 在下單頁重點信息不集中,其余信息太顯眼 >…..”

          在這個過程其實就是刨根問底的過程,在反復的試錯過程中也會離真相更近。

          類似下面這張Julie Zhuo的自我審視圖:


          03、問題陳述(POV)


          – 什么是問題陳述

          通過陳述句將產品當前狀態(問題)和期望狀態(目標)的差距描述出來。POV有助于我們強調用戶痛點,保證自己將重點始終放在用戶身上。


          – 問題陳述怎么寫

          那怎么陳述才能更好的將問題及規劃表達好呢?以下有兩個方式:

          • 基于用戶角度來說:我看QQ群里搶紅包很熱鬧,我也想快速參與進去,但是輪到我發的時候,我因為我不是非常熟悉整個流程,導致我反應慢了,這讓群里的人以為我故意這么慢才發,影響大家氛圍,這讓我有點沮喪。

          • 基于用戶研究來說(4W):我們的初中生因為特別活躍,喜歡在群里踴躍發言參與活動,所以一旦群里有好玩的消息總是想第一時間參與進去。我們的解決方案應該 為他們 提供快速能夠完成紅包發送的鏈路與方式,不掃他們的興。

          以上兩種陳述方式都是針對同一個問題,只是表述方式不同。所以只要你足夠專注用戶,理解他們需要什么以及為什么需要,就可以快速構建你后續的設計方案。


          – 問題陳述注意點

          ① 用戶與他們的需求是問題陳述的核心,避免:我們應該怎么做、產品應該…作為開頭。

          ② 保持陳述的寬泛性,不要過早拋出細致的解決方案、技術限制等內容,避免團隊發散受限。

          ③ 專注一點,不要讓用戶的需求和目標過于寬泛,導致自己很難找到一個合適解決方案。所以不要視圖在一個問題陳述中解決太多用戶需求,一次解決一個就很好了。


          04、如何打磨設計方案

          在經過問題陳述我們對要解決的問題了然于胸,在解決方案上,設計師需要考慮 易用性、易理解性、及著力提升用戶任務效率,給用戶一個更好的體驗。面對不同的項目,可考慮以下幾點:


          – 結構簡潔,重點突出

          例1:


          該例子非常能體現出 訴求 與 解決方案 的契合。

          首先工作人員唯一的目的性就是 篩查 有問題的人,所以在眾多人中需 快速判斷,這個轉化到設計上解決方式:

          通過大面積的 色塊直觀反饋

          通過實時的 滾動時間+滾動背景反饋真實性;

          在結合下方核酸與疫苗輔助判斷,整體非常貼合實際訴求,重點突出,有節奏感。


          例2:

          通過體驗核心信息,將內容合理布局,重點突出,操作劃分明確,有助于信息獲取與確定。


          – 管理復雜(滿足不同訴求)

          人的認知資源有限,天生不善于處理復雜信息,所以在面對復雜信息時設計師需將復雜的內容以一定秩序邏輯管理,分而治之,減少用戶的選擇,讓正確的行為變得自然和明顯。


          例1:

          在58二手車頁面的改版中,可以看出在面對不同用戶訴求的情況下在 模塊化結構 與 坪效 找到了平衡:

          頂部按鈕直接 分流 不同目的用戶;

          中間模塊展示用戶 最關心的維度:價格、品牌、車類型;

          下方 透出推薦內容 吸引用戶往下逛。


          – 注重情感化

          情感化不一定都是很精美的插畫、動效等表現層面上的,有時候 貼心的記錄、舒緩的內容、小游戲…… 也可以起到 情緒調節 的作用,提高用戶看到復雜信息的 忍耐度


          – 場景化設計(預判你的預判)

          多考慮用戶使用場景,挖掘一些場景是可以通過我們的設計 幫助用戶多走一步,幫他們排除障礙,減少負擔。


          例1:

          打車軟件在特定時間點自動浮出目的地,以及截圖后立刻打開微信聊天窗,圖片自動在對話框中浮出的方式都是通過用戶的行為預判了用戶下一步的行為,


          例2:

          用戶輸入密碼后下意識認為操作成功,但卻被告知失敗,對用戶而言是一次打擊,若這時直接前置化用戶后續可能會的操作,將條路徑重新接上,可以讓整個過程更加高效。


          所以在具體設計方案上,設計師需要不斷的去思考打磨設計方案,讓自己的設計:

          ① 顯而易見的,讓用戶體驗后覺得「沒錯,就應該是這樣」;

          ② 有價值的,它為用戶解決實際的問題;

          ③ 與用戶的心理模型相符,它不意味著更多的設計。



          05、驗證體系

          驗證方式有很多,目前市場上有幾大比較成熟的體驗度量體系,針對不同的關注點進行 定性+定量 檢測。

          除去性能表現外,主要都是圍繞用戶行為數據及使用感受來進行度量

          在行為數據上,主要關注:訪問頻率、留存率、頁面訪問次數…

          在用戶感受上,主要關注:滿意度、用戶評價、推薦度…



          – 設計師怎么確定自己設計方案的驗證指標

          對于設計師而言,不需要做的這么全面,我們只需要針對我們 具體優化頁面、場景 找到可以直接驗證的指標即可。

          例:

          在上述的發紅包支付頁面的優化設計中,由于主要優化的方向是為了讓用戶更聚焦,提升整體支付體驗,所以基于這個目的,我們可以以 整體的支付成功率 來驗證大致優化效果;

          其次,可以從 每個觸點的轉化漏斗、和 各頁面停留時長 上分析具體頁面改版效果。


          – 面向真實用戶驗證設計

          除去行為數據上的驗證,用戶真實反饋同樣重要,我們可以采用用戶調研的方式了解用戶對產品體驗的反饋,主要可以從下面三個方面執行:

          ① 可用性測試:可針對核心優化的功能點設定測評任務,來觀察用戶的完成情況,如:如果你余額不足,你會怎么做?

          ② 滿意度測試:采用界面可用性問卷調研,可以采用SUS問卷收集反饋

          ③ 推薦度測試:通過NPS量表來衡量,通過將分值劃分為:0~6分為貶損者,7~8分為被動者,分值高于8分為推薦者,帶入計算公式(NPS值=推薦者% – 貶損者%)算出推薦度數值,數值越高,說明用戶滿意度越好,用戶的推薦意向越高。


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

          文章來源:站酷   作者:小發歌

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

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

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


          紅點獎作品揭秘,帶你了解AI時代的可視化設計

          ui設計分享達人



          引言


          隨著AI技術在工業、交通、醫療、應急等to B、to G(政府)場景中廣泛應用,呈現了今天“行業智能”遍地開花的局面。但在AI技術的應用推廣中存在著一個普遍現象:AI技術復雜難以理解,和客戶溝通成本高。其根本原因是:通??蛻魧夹g了解有限,使得AI技術與業務場景應用間存在明顯的信息鴻溝。

          面對這些問題,作為設計師我們能做些什么呢?


          對于設計師來說,我們的任務就是把復雜變得清晰簡單而且美,所以我們應該成為企業和客戶之間溝通的“架橋人”。通過設計的方法,把無形的、復雜的技術,通過有形的、可視化的方式展示出來,讓客戶更直觀、清晰的感受到AI技術能力,看得懂其在業務場景中產生的價值。


          下面我們就以“應急管理-森林火災智能監測解決方案”為例,介紹下我們的設計思路。同時,我們的設計方案也得到行業認可,獲得了2020年Red Dot Award國際設計大獎。

          (1-2020 Red Dot Award)

          (2-《森林火災智能監測解決方案》)


          正文


          森林火災等災害一直以來嚴重威脅著人們的生命和財產安全,百度與國家應急管理部成立“人工智能聯合創新實驗室”,開展應用技術攻關,希望能結合AI技術,以輔助風險評估、應急管理決策等。

           

          在森林火災監測中應用到的技術有 “遙感影像智能解譯、現場態勢與輿情智慧感知、安全類視頻智能分析、邊緣計算+AI、5G+人工智能、監管與救援智能裝備、區塊鏈、深度學習等”,這些技術名詞復雜難懂,怎么讓沒有技術基礎的客戶快速理解它們的價值呢?

           

          接下來我們將從“轉換視角,營造情景,信息可視”三個維度分享設計過程。


          一、轉換視角,建立共鳴


          站在客戶視角,聚焦客戶關注的核心問題,通過情景把內容有序組織起來,快速與客戶建立共鳴,有效降低內容理解難度。


          1、離客戶再近一些

          在任何項目中充分了解目標客戶都是首先任務。B/G端客戶的需求是非常明確的,他們最看重AI技術對業務的價值?!翱蛻簟边@個稱呼的背后包含了諸多角色,有技術人員、業務人員、決策領導層等,他們對AI技術的了解各不相同,我們需要讓各角色都能快速的理解、看得懂真正有價值的內容。


          2、玩轉業務

          森林火災監測是一個非常復雜的過程,監測訴求從全球到城市,從火災全貌到火災局部,監測場景包括火點識別、火情趨勢推演、救援指揮等多個場景,影響火災的地理環境因素包括危險源、居民區、水源、道路等,氣候因素包括天氣、風力、溫度等,救援因素包括設備和物資等。

          (3-思路框架)


          3、產品架構可以不那么復雜

          以業務邏輯為基礎,客戶需求為核心,聚焦技術可以帶來的業務價值。我們搭建了一個覆蓋森林火災智能監測全流程的解決方案。它可以精準識別全球森林火災并自動報警,全方位監測火災數據,智能推演火災蔓延趨勢、自動規劃救援路線、實時監控救援人員和物資情況,多維度智能輔助救援決策,滿足不同機構的監測訴求,讓客戶從方案中感受到AI技術的強大。


          轉換視角,有序組織內容,使產品架構符合客戶心理,讓客戶能快速的理解、看得懂。

          (4-產品架構)


          二、營造情景,構建信任


          真實還原場景,營造身臨其境的視覺感受,通過場景代入加強客戶對技術的信任和深入了解的意愿。


          1、身臨其境的震撼效果

          三維立體場景,不但能滿足更多維度的數據呈現,同時給觀看者帶來身臨其境、掌控一切的感受。利用3D建模打造接近于真實地貌特征的虛擬場景空間,在光影效果呈現上,模擬日光的光照效果,使場景更加真實。

          (5-全球場景)

          (6-國家場景)

          (7-火災局部場景)


          利用晨昏線、雪線、綠地的變化,表現季節、晝夜對于火災的影響。

          (8-火災受季節影響)


          2、像電影一樣的觀看體驗

          通過鳥瞰、環繞、穿行等鏡頭把從全球、國家到火災局部的多個場景串聯起來,清晰表達空間關系,帶著客戶更自然流暢的逐步深入體驗。

          (9-鏡頭轉換)


          3、扣人心弦地氛圍營造

          通過色彩基調和煙霧等特效的處理,營造森林火災和救援現場危急、緊迫的氣氛,調動觀看者的情緒,并留下深刻印象。

          (10-顏色設定)

          (11-緊迫氛圍營造-1)

          (12-緊迫氛圍營造-2)

          (13-緊迫氛圍營造-3)


          三、信息可視,清晰傳達

          提煉核心內容,借助圖形化手段,讓客戶以最直觀的方式理解信息,大幅度降低內容理解門檻。


          1、大膽地隱藏冗余內容

          面對龐雜的信息,去粗取精,提煉各場景的核心內容,避免冗余信息阻礙內容有效傳達。話術語言不單要簡單易懂,還要嚴格控制文字長度,保證內容可以被快速掃描和理解。

          (14-內容設計)


          2、給產品一個穩定的布局

          遵守人的閱讀習慣,強化主、次信息;統計數據浮于場景之上,形成內容上的空間感,又保證較高的擴展性。統一各視圖的排版規則,穩定的布局,能避免打斷觀看者心流。

          (15-布局結構-1)

          (16-布局結構-2-GUI)


          3、場景設計

          用可視化的方式,幫助客戶解讀、分析復雜的技術和功能。如在火災實況視圖中,把火災地點、蔓延趨勢、蔓延速度,植被、危險源、風向等轉換為視覺語言直觀展示在場景中,并通過掃描線、等高線和光感的設計,突出科技感,強化AI技術為現有業務帶來的強大的、智能化改變。

          (17-火災實況-GUI)

          (18-火災實況-GUI)


          救援路線一目了然,使救援調度清晰有序。

          (19-救援路線)


          救援人員、救援物資、救援進度實時呈現,救援指揮更加有理有據。

          (20-救援現場)

          (21-動態數據)

          (22-動態數據2-GIF)

          (23-動態數據3-GIF)


          最終大屏展示效果。

          (24-全球視圖)

          (25-國家視圖)

          (26-區域視圖)

          (27-單個火災視圖)

          (28-火災實況)

          (29-路線規劃)

          (30-救援現場)

          (31-多端展示-GIF)

          (32-點亮工業智慧,守護百姓安全)


          三、結語


          AI時代,在to B/G行業的商業化道路上,如何降低AI技術理解門檻,提高企業和客戶間的溝通效率是設計師面臨的巨大挑戰。設計師需要突破設計邊界,將設計回歸到解決問題的本質上,為業務賦能。在后續的設計實踐中,我們將繼續探索toB/G業務的設計創新,探索如何通過設計讓客戶以最直觀的方式理解產品,構建企業與客戶之間溝通的“架橋人”。

           

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

          文章來源:站酷   作者:ROC393

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

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

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







          設計師常用溝通秘籍:金字塔原理

          ui設計分享達人

          如何在很短暫的時間把你的建議和想法清晰的傳遞出去需要非常強的溝通技巧,那么今天和大家一起交流下我使用最多的一個溝通原則-金字塔原則。


          什么是金字塔原理

              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01eecb61302dcd11013f4720911215.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
          金字塔原理是由Barbara Minto創建的一種結構化思考方式,也是麥肯錫公司在用的重要工具之一。金字塔原理更多是一種邏輯呈現,很多的公司里面都會用到。也就是表達一個觀點時候,根據以下三個步驟: 
          1.首先從答案部分開始;
          2.分組并總結你的支持論點
          3.邏輯性的整理出你的支持性觀點。
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  我們一起來看看如何在平時項目和設計中運用這個原理。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <br />
              </p>
              <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
                  <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">先從事情答案開始</span> 
              </h1>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01c10a61302df711013f4720ed8c5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  作為產品設計師,我們要以一種結構化的方式與那些忙碌的主管、領導溝通,就必須首先從高管關心的答案開始,然后列出你的論點,<strong style="outline:0px;margin:0px;padding:0px;">通過這種「自上而下」的方式表達出你的想法。</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  今天我們的很多設計師其實邏輯不太好,在產出你的設計方案和設計提案時,往往先講很多分析,分析完了講方案。然后得出結論,這個是大多數人的做法,這樣做容易出現一個問題就是:有時候如果邏輯之間沒有串聯性,很容易牛頭不對馬嘴。舉個例子,很多同學在講作品集時候,很喜歡放一堆推導的過程,什么用戶畫像,人群特點,痛點等等一堆的觀點,但是最后呈現的視覺方案往往和前面推導的過程相差甚遠。推導的方向是ABC,結果設計稿是EFG,這樣的結果就會顯得你邏輯混亂。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/014a5661302e0411013eaf7036bed4.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <strong style="outline:0px;margin:0px;padding:0px;">按照金字塔原則,我們在表達一個觀點時候-先從答案開始</strong>,當你主管提出一個問題時,你的回復應該是「我們應該做某事」,觀點非常直接明了,只有這樣,在你拋出答案后,我們才能提出對應這樣做的理由。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01393661302e1311013f47201a7a5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  為什么我們要從先答案開始?因為今天你和你主管溝通也好,和產品或者高管溝通也好,你要最大程度上運用好你的時間,這些領導都是大忙人,他們每天的行程非常滿,沒有辦法聽你在介紹一個項目從項目背景,人群等等維度去徐徐道來。如果你前面講一堆他沒有關注的內容時候,就會變得尤其不耐煩。所以這也是為什么很多同學在設計提案時候總是讓人感覺啰嗦,因為<strong style="outline:0px;margin:0px;padding:0px;">你沒有關注到對方想要重點看到的內容,你只是在表達,你覺得好的。</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  所以為了最大限度利用你和一個領導短暫的溝通時間,你首先要做的就是拋出對于這個事情的答案和建議?;蛟S很多時候,<strong style="outline:0px;margin:0px;padding:0px;">領導可能已經心中對于這個事情已經有答案了,如果你們的觀點一致,他會快速接受你的建議,繼續到下一步,而不需要你從頭到尾講一遍。</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/0112e661302e2211013eaf70e11ab6.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  另一個很大的原因是,<strong style="outline:0px;margin:0px;padding:0px;">很多領導思考問題一般會從大局出發啊,會自上而下去思考,他們會把精力放到更高的點,他們不想太糾結于細節過程,他們在評審一個設計,或者一個產品功能時更多關注答案本身</strong>。然后再逐步了解細節,所以我們一定要學會融入這些主管思維模式。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01f6f061302e3511013eaf70e0c402.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  當你領導問你一個問題該怎么做時候?你直接丟出答案,會更加的有說服力和咨詢。而不是開始尋找理由,或者各種猶豫,因為你一上來就回答了別人問你的問題。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <br />
              </p>
              <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
                  <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">分類并總結出觀點</span> 
              </h1>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01358761302e4811013f47202f397d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  前面我們拋出了我們的答案和觀點,那么接下來我們就要分類并且說出能夠支持你結論的理由,一般我建議以3個論點去闡述,為什么是3,大家可以看看之前我寫的《設計師常用的思考秘籍:三的法則》。闡述的時候,參加會議的人或者領導自然而然的會把你的論點和想法歸納總結,同時也會更容易記住。這樣去表述觀點,會讓你整體的方案更加容易被接受。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/0129f061302e5311013f4720fb9b7d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  我們來舉個例子,你的主管問你,你覺得蘋果的設計為什么好?那么你可以先拋出答案:因為蘋果的設計很簡約,非常易用,讓用戶感覺很貼心,同時它的設計很好將商業和美完美的結合。具體的表現有三個:
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  第一個簡約,蘋果的設計非?,F代,簡單的線條,白雪的設計語言,讓蘋果系列產品非常具有識別性。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  第二點蘋果設計沒有過多裝飾性設計,每個設計都會讓你感覺很貼心,比如根據光線,自動調節屏幕,時鐘會隨著時間而變化,系統會根據時間調整顏色等等。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  第三點蘋果的設計很好的將商業價值最大化。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  那么你從上面幾個維度去和領導溝通,就能很有說服力,你上來就給出了答案,同時還分組的闡述了你的論點。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01752861302e6211013eaf70ce9e40.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  再來一個案例,比如可口可樂出了一個新的茶品牌,融合植物、茶淬取物和其他健康成分。所以他品牌設計是個綠色,假如今天你在和領導提案時候,領導問你,為什么要選擇綠色作為品牌設計?
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  你是不是可以這樣回答他:因為綠色能給人自然,環境,健康的感受,具體表現有以下三個方面:
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  1.從色相情感表中選擇綠色也是自然健康的代表,用戶會第一時間感知到。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  2.同時綠色也和新鮮環保概念能很好的結合。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  3.我們的配料也是從綠色植物里面提取的。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  當你分組并總結你的論點時候,能更容易把你想法傳遞出去,并且讓人很好的理解,邏輯性的歸納總結你的觀點。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01cdd061302e7911013f47202efda1.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  金字塔原理在做設計提案或者作品集時也非常有效,我們會經常去說產品問題有哪些,然后得出我們的設計目標ABC,然后利用金字塔原因,我們根據設計目標A得出設計方案A,根據設計目標B得出設計方案B,根據設計目標C得出設計方案C,這些方案之前有關聯關系,有互相映射的關系。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  很多同學容易在這一步出現問題,設計目標是ABC,設計方案卻是DEF,完全沒有關聯性。還記得我之前和大家分享的,<strong style="outline:0px;margin:0px;padding:0px;">今天你在闡述一個觀點時候,一般可以基于三個點去表達,第一個點一般是最主要的,根據重要程度,最重要到次要逐步呈現。</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <strong style="outline:0px;margin:0px;padding:0px;"><br style="outline:0px;margin:0px;padding:0px;" />


          金字塔原則在生活各處可用

              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/0155af61302e8e11013f4720a158d7.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  比如寫作上,很多人問我平時寫作有什么方法么,其實很簡單就是運用金字塔原理,比如我想寫一篇關于魯班取代設計師文章,那么怎么去寫:
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/019a7161302e9a11013eaf7041a5d8.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <strong style="outline:0px;margin:0px;padding:0px;">1.先拋出答案:</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  魯班不會取代設計師,取代的只是重復性的設計,設計創意和設計理念不會被取代。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <strong style="outline:0px;margin:0px;padding:0px;">2.分組并總結出支持你觀點的內容</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  比如觀點一,設計理念是機器無法去做的,設計文化,設計歷史這些有文化傳承的內容,舉例說明。觀點二,有創意是設計無法取代,比如很多創意廣告這些,這些需要大量腦洞等等。觀點三,重復性的工作會被去掉,所以設計師要把精力關注到設計創意和設計理念,設計思維層面上。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <strong style="outline:0px;margin:0px;padding:0px;">3.設計總結</strong> 
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  那么根據上面那些觀點,得出我今天文章想傳遞的三個觀點:
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  1.魯班不會取代設計師,反而會減輕設計師壓力,幫我們解決重復性設計,我們可以把精力放到更有價值的設計上去。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  2.設計師要把價值放在產品體驗上,產品問題,使用不順暢這些是設計師可以發現,機器無法發掘的,我們需要去洞察用戶,做出好的設計驅動業務。
              </p>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  3.重點多花精力在設計理念和設計創意上。
              </p>
              <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
                  <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">最后</span> 
              </h1>
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
                  <img src="https://img.zcool.cn/community/01affa61302ea911013f472023a554.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
              </p>
          了解一個事物的結構,可以幫我們反思并且發現一些問題漏洞。這也是為什么我推薦設計師一定要學會金字塔原則,因為今天 我們在做產品的過程中,首先要建立共識:我們的產品主要解決什么問題?為什么應該如何去解決,怎么判斷優先級?我們的解決思路是什么?數據上有什么問題?這些問題都需要我們去提前思考。同時金字塔能夠幫你了解更多你不知道的事情,并且得到很多設計驗證。 
              <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;line-height:32px;text-align:justify;">
                  <br />
              </p>
              <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:0px;caret-color:#333333;color:#333333;white-space:normal;font-family:-apple-system, BlinkMacSystemFont, &quot;text-align:justify;outline:0px;padding:0px;">
                  <span style="box-sizing:border-box;color:#666666;">藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。<br style="box-sizing:border-box;" />


          文章來源:站酷   作者:我們的設計日記
              <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;background-color:#FFFFFF;text-align:justify;">
                  分享此文一切功德,皆悉回向給文章原作者及眾讀者.
              </p>
              <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
                  免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
              </p>
              <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:rgba(0, 0, 0, 0.84);font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
                  <strong style="box-sizing:border-box;font-size:14px;font-family:微軟雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微軟雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><a href="http://www.syprn.cn/blog/admin" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;">藍藍設計</a>(&nbsp;<a href="http://www.syprn.cn/" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#0C386E;transition:all 0.5s ease;vertical-align:baseline;padding:0px;margin:0px;text-indent:34px;background-position:0px -60px;">www.syprn.cn&nbsp;</a>)是一家專注而深入的<a href="http://www.syprn.cn/index.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">界面設計公司</a>,為期望卓越的國內外企業提供卓越的UI界面設計、<a href="http://www.syprn.cn/bs.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">BS界面設計&nbsp;</a>、&nbsp;<a href="http://www.syprn.cn/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">cs界面設計&nbsp;</a>、&nbsp;<a href="http://www.syprn.cn/scjm.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">ipad界面設計</a><a href="http://www.syprn.cn/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、&nbsp;<a href="http://www.syprn.cn/baozhuang.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">包裝設計&nbsp;</a>、&nbsp;<a href="http://www.syprn.cn/icon.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">圖標定制&nbsp;</a>、&nbsp;<a href="http://www.syprn.cn/yhty.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">用戶體驗 、交互設計、&nbsp;</a><a href="http://www.syprn.cn/web.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">網站建設</a><a href="http://www.syprn.cn/WEB.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、<a href="http://www.syprn.cn/xz.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">平面設計服務</a></b></b></b></b></b></b></strong></b></strong></b></strong></b></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></b></strong> 
              </p>
              <div style="font-size:16px;">
                  <strong style="box-sizing:border-box;font-size:14px;font-family:微軟雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微軟雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><br />




          </div>



          交互設計師該如何高效地分析問題

          ui設計分享達人

          一. 明確和理解問題

          明確和理解問題就是要看透這個問題的本質是什么,明確要解決這個問題可以用到的資源都有哪些。

          理解問題的重要步驟:1.問題痛點梳理;2.產品功能流程圖梳理;3、用戶畫像分析;4.數據分析(熱力分析、留存分析、事件流分析)


          二. 拆分問題

          拆分問題就是問題痛點的出現核心問題,拆分問題涉及的維度的關聯性拓展有哪些。

          拆分問題的重要步驟:1.用戶的核心行為路徑分析;2.功能頭腦風暴;3.解決方案的探討


          案例:配送管理的業務組件【打印交互組件重構】

          【背景】

          配送的打印功能主要服務于行政管理人員,每天對配送模塊的訂單和司機管理,進行打印操作,打印前會頻繁配置不同打印需求

          【現有問題】

          1、滿足功能上,體驗上缺乏引導,導致用戶學習成本較高;

          2、歷史包袱,隨著功能需求不停迭代,功能層級劃分混亂,導致用戶操作理解時間成本較高;

          【前期準備】

          理解問題模塊—問題的梳理:

          交互上:操作復雜,交互組件錯誤使用,體驗感差,難用

          功能上:功能臃腫,層級劃分混亂,難理解

          【理解問題模塊—功能流程圖梳理】



          【解決問題模塊—數據分析(熱力分析、留存分析、事件流分析)】


          1.熱力分析(GIO)

          配置的需求基本上30天數據反饋可以看出,沒必要進行“配置頁”為主路徑。


          這里可得出:是否存在每次打印設置的需求,為以后的交互迭代提供快捷配置的可能性。


          2.拆分問題—用戶的核心行為路徑分析:

          主路徑:查看列表——批量打印——打印完畢(80%)



          特殊:查看列表——批量打印——設置模版——打印完畢(20%)



          3.拆分問題—解決方案的探討:【核心:以人為中心 解決問題】

          交互上:操作復雜,體驗感差,難用

          功能上:功能臃腫,層級劃分混亂,難理解


          【功能層:功能梳理重組】

          【交互層:信息關聯】

          1.交互關聯性更強,現在是聯級反饋,解決點擊一級內容不知道二級內容的編輯的可視區域;

          2.功能信息更直觀,布局界面可看出功能邏輯,勾選后及時反饋,解決經常忘記勾選打印的選項;



          【方案輸出】

          方案一:配置頁的構想,假設在設置模塊有單獨承載打印配置的區塊,而當前對話框的勾選內容是便捷選項,如需要更深設置,需跳轉到打印配置區塊

          方案二:列表的打印功能添加,全局設置,與當前對話框選擇設置進行協助配置,如:列表全局的打印功能設置“不再彈出窗口”設置,點擊當前的對話框,是直接打印操作


          【可用性測試】

          采用行為觀察法。


          【迭代成果】


                 迭代前                                                                      迭代后




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

          文章來源:站酷   作者:麥海欣

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

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

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



          分類

          日歷

          鏈接

          個人資料

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

          存檔

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