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

          前言


          提起中后臺,除了高效、靈活和強大之外,不可忽視的還有它的海量數據。海量數據的篩選與呈現,直接決定決策人員的效率高低。我這邊主要是結合自己在實際工作中遇到的表格設計問題,針對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. 明確為什么

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

          設計師必須知道他們為什么要創造一些東西,以便能夠克服在實施階段會出現的障礙。每個人都需要清楚為什么設計對用戶和業務都有益。“為什么”是推動發展的動力。

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

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

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

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

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

          4. 磨練用戶反饋循環

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

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

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

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

          5. 總是迭代

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

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

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

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

          6. 輕松就是一切

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

          1) 減少用戶的工作量

          2) 使用簡單明了的語言

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

          4) 簡化導航

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

          優秀UCD的例子

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

          蘋果網站

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

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

          愛彼迎

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

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

          總結

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

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

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

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

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

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


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

          ui設計分享達人

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


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


          思考過程

           

          方案一:

          這是系統已有頁面。【添加】【刪除】按鈕固定于表格右上角。

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


          方案二:以【輕流】舉例

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

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


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


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


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




          方案三:

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

          適用于數據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;">
                  第一個簡約,蘋果的設計非常現代,簡單的線條,白雪的設計語言,讓蘋果系列產品非常具有識別性。
              </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界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務



          從視覺、交互和技術三個方面淺析2021設計趨勢

          ui設計分享達人

          一、社會背景  Social Context


          2020年因為疫情,讓協作、云端、即時通訊、遠程會議、AI智能等等,成為了遠程辦公的必需品。目前,疫情在國內已經獲得了控制,后疫情時代已經到來,許多最初沒有的習慣,在發現新的工作模式更加有效率后,也即繼續保留了下來,這些保留下來的習慣,也將在2021年會更進一步的發展。



          1.大廠的變化

          在視覺設計層面,個大設計語言陸續推出了新的設計版本,更為突出個各自設計風格,以建立自己的視覺護城河,谷歌發布了 Android 11,Apple發布了 IOS 14,微軟持續宣傳他的 Fluent UI 設計理念,在國內的辦公領域,騰訊文檔推出了類似 Fluent UI 設計理念風格,石墨文檔依舊保持獨特的東方韻味,飛書發布了飛書文檔,繼承飛書本身簡潔的 UI ,以及活潑的插畫風格。


          谷歌的 Aandroid 11 

          基于 Material Design 設計的 Android 11 ,裝飾上運用簡潔的幾何圖形,UI 細節上開始趨向圓角的運用,色彩方面選擇了更為協調的配色,對比之前版本純度有所降低,顯得更為高級。視頻鏈接:file:///Users/javascript/Desktop/0bf2miadcaaa7eamerkc6fqfaywdgfraamia.f10003.mp4


          蘋果的 IOS 14

          UI 設計延續原有的風格,清晰的字體,大圓角的運用,加上豐富的動態效果,并且新增了許多貼心的新功能,例如懸浮播放視頻、主屏幕的Widget。


          微軟的 Fluent UI

          這是微軟為跨平臺,而提出的設計解決方案。支撐設計概念的關鍵詞有深度、材質、動畫、光線等等,這聽起來感覺與 Material Densign 特別相似。不過在最終的視覺呈現上微軟會更接近于真實世界。例如,透明的毛玻璃效果,或更為立體的圖標等。


          2.社區中的熱門設計

          Behance 和 Dribbble 在2020年出現了許多以 3D 插畫為主視覺的設計方案,因為技術的發展,設計師借助 Figma 或 Dimensions 就可以輕松的創作所需的 3D 素材。關鍵的這不是設計方案中的“花瓶”,因為在Mac的最新系統 Big Sur 中,已經開始運用了 3D 的圖標,相信在以后的 3D 的運用場景將會不斷的被挖掘出來。


          2020年初時在Dribbble流行起來的一個風格叫“新擬態”,這是將投影運用到極致后出現的效果,正如作者所說的:讓我們想象一下,如果在移動界面設計中,投影的形式發展的更好的話,那將來的界面將會是什么樣子的,這是我的愿景”。新擬態在視覺上表現確實很驚艷,為此Aandroid還制作了一個新擬態的12宣傳視頻,但是主觀感覺這應該很難廣泛運用到實際產品當中。



          二、UI設計 User Interface


          1. 設計服務與內容

          設計專注于表現內容,這是從包豪斯到現在一直遵循的規則,而這個理念也將會持續下去。設計目標終將是需要把關鍵信息傳達到用戶手中,讓用戶知道自己為什么在這,這里有什么,并且能到哪里去。


          技術的發展,形式也一直在發生變化,提升信息傳達效率,這已經不單是平面設計專屬。學會運用動效,交互或智能推薦等綜合的方法,來達到設計目標,會是將來常用的設計手法。


          2.更大的圓角


          在以前由于屏幕分辨率太低,窗口四角正常會運用直角,因為圓角會出現鋸齒或者模糊,影響界面美觀。而現如今移動屏幕質量早已超過紙媒的印刷技術,圓角也開始被廣泛的運用。另一方面圓角在之前的認知中,是兒童的專屬,是更為親和力的表現形式。而經過幾年的發展,這個偏見正在慢慢改變,因為圓角也可以做的很高大上,也能設計的很潮流。


          蘋果總是第一個吃螃蟹的公司,Mac 的最新系統 Big Sur 整體變得更加圓潤,窗口四角從以前的 10px 增加到 20px ,并且全新的控制中心也沿用了 IOS 14 的設計風格和設計布局。值得在一提的是,微軟 Win 10 的概念稿中也開始嘗試運用起了圓角。所以這個趨勢是蠻值得關注的一點。



          3.用有含義的插畫提升用戶體驗


          設計師常常會陷入形式主義,而忽略了本該表達的內容,特別是在插畫上。也許這個道理每位設計師都懂,但為何還是會前仆后繼的撲倒在自我滿足的陷阱中呢?也許原因中會有一點是,當內容過于直接表達,或者元素過于普通,就很容易讓作品變得毫無趣味,這就是矛盾所在了。


          那如果設計師既不想脫離內容,又不想設計出乏味的設計,怎么辦?這就需要讓插畫具有含義,而不是淪為純粹的形式。優秀的插畫多承載的信息量,能夠遠比文字或界面UI來的豐富。



          4. 新材料新擬態


          包豪斯有個教學目標,“培養感覺清晰,認知準確的設計師”。因此在包豪斯的基礎教學中,會讓學員研究各種材料的不同屬性。在 UI 設計當中,我們也能制作出各種各樣的材料,在擬物化的時代就能證明這一點。但在 2020 年初時,當某位設計師發現了一種新材料,并把這種材料運用到了 UI 設計當中,一時間火爆整個社區,這就是上面提到的“新擬態”。 



          這世界是充滿可能的,所以我相信在未來還會有更多的材料會被發現,或者被以新的方式使用。例如,在 2020 下半年又有一種風格開始回歸“毛玻璃”,其中我們所知道的釘釘,在釘釘 6.0 的設計概念中就融入了毛玻璃的效果。在社區中,毛玻璃也被運用到 UI 的各種場景中卡片、彈窗或圖標等。實話實說,毛玻璃的材質的確能增加許多品質感。 



          5. 自然的界面和運動效果


          這里所說的自然,是能讓人感到熟悉和安心,是以人為本的設計。王敏老師說過:“科技求真,藝術為美,設計從善,設計可以作為結點,讓真善美實現統一?!辨溄尤伺c產品之間的紐帶是 UI 界面,它需要承載不僅是信息內容,還有用戶體驗,因此,以人為本的設計終會贏得用戶的喜愛。


          自然運動效果,不是那種大開大合的炫酷效果,而是讓界面過渡更為自然合理。想要讓界面體驗更為自然,那必然要遵循真實世界的物理規則。例如,重力、摩擦力、向心力、浮力等動態效果。



          6. 來自未來的風格


          科學技術的快速發展,讓我們感覺未來近在咫尺,但又十分迷茫不知何去何從。我相信承載UI的媒介,必然不僅僅是現在我們所使用的各種設備。VR、AR 或全息影像等技術發展,將使得UI設計會有更多的可能性。賽博朋克2077也許真的離我們不遠,那種滿世界無處不在屏讀的社會,怎樣的設計才能真正滿足需求呢?這是我們需要長期思考的問題。



          7. 深色模式


          在2020年各大廠都推出了暗色調模式,這已成了如今APP的標配。除了深色模式外,以后還會在可視性、場景和現實成本等因素方面,更近一步的打磨。




          三、插畫風格  Illustration


          1.更具裝飾性的平面插畫風格


          雖然在 2020 年不管是社區,還是實際項目,許多設計師都開始熱衷于 3D 插畫,就連蘋果微軟也不例外。但是 Google 卻繼續堅守自己的設計風格,扁平的裝飾性插畫,例如 Android 11 就運用簡單的幾何圖形進行裝飾,相關的插畫也是更多運用的扁平風格,這種堅持必然會有其重要的原因。


          裝飾性插畫在各種屏幕的適配性更廣泛,并且在繪制成本和實現成本方面也會更有優勢。在屏幕媒介還沒發生顛覆性改變前,我認為扁平的裝飾性插畫在未來將還會大放異彩。 


          2.情感化的插畫設計


          后疫情時代的遠程辦公,我們需更加考慮如何緩解合作的疏離感。如何拉近人與人之間的協作,打破遠程的空間桎梏,讓合作更具沉浸感。這時情感化的設計就能充分體現它的價值,例如,這幾年開始火的 emoji 頭像,或者各種表情包,它們讓溝通的雙方產生情感共鳴,而不是面對著冷冰冰的屏幕。


          3. 插畫的組件化與創新


          皮克斯運用技術的創新,提升了質量和效率,從而改變了整個動畫的歷史。對于我們來說,未來的插畫需求會越來越多,并且還要求獨特的創新性,這就需要有更優的解決方案。


          Ant Design 的 HiTu 在 SEE Conf 的時候提出了解放圖形化生產力,那就是將插畫各部件組件化,這有效的提升插畫效率。然而在插畫庫的維護方面,還需要設計的創新。因為效率的提升,讓設計師能有更多時間,專注于更有創造性的工作,然后將新的創意理念融入部件,最終完善整個插畫組件庫。 





          四、交互方式  IInteraction


          1. 多屏協同辦公


          凱文凱利在《必然》里討論了關于未來的生活方式,他認為我們的未來環境會充滿各種屏幕,它將會在各種事物的表面出現,屏讀會從我們起床開始到晚上睡覺,一直出現在我們視野中。如今的人們每人都有各種各樣設備,因此,多屏協同辦公是必然的趨勢,不管你是與人合作,還是獨立工作。


          萬物互聯已經是很久的話題了。在 2020 年華為的鴻蒙系統,發布了跨設備進行的分布式交互,實現了多屏協同。我感覺,這將是很重要的一步。 



          2. 秒驗身份認證


          身份認證是信息安全最關鍵的一步。我們通常會用身份 ID 加密碼進行登錄,并且為了驗證你不是機器人,還會加上人工輸入驗證碼,如果再有其他的設置選項,那我們的登錄交互就會被拉的很長,有時還會出現登錄失敗的情況。在如今浮躁的社會,許多用戶也許在前幾步就已經失去了耐心。 


          移動設備擁有有豐富的傳感器,并且精度也在逐年的提高。隨著指紋、面部、虹膜等等技術成本的降低,這些技術也開始越來越普及化。如今使用新的識別技術,很輕松就能完成各種身份認證。 




          3. 單手交互的挑戰


          當年喬幫主一直堅持的單手操作,而如今,手機屏幕逐漸越來越大,單手操作已是一種奢望。為此,各手機品牌想方設法的改變交互方式,為的就是能實現單手操作,并且為此作為宣傳的噱頭。iPhone 輕點兩下 home 鍵或向下輕滑虛擬 home 鍵,就能讓整個內容向下移動半屏,從而方便單手操作頂部功能。 


          想達到目標的第一步,就是辦法讓拇指能觸及到功能。但我們還需要進一步思考的是,拇指本身的靈活性并不高,并且也只能是單點觸控,那怎樣的交互形式能滿足日益復雜的交互需求呢? 





          4. 折疊屏

          屏幕可拓展,將會是移動辦公的重要轉折點。不管是需要長篇編輯的文字,還是畫板無限大的表格,或者是需要強大美化功能的演示,這都需要足夠大的屏幕才能有更優的體驗。折疊屏的出現讓手機能代替平板,滿足更多使用場景。折疊屏目前由于成本的原因,在大眾眼中還屬于新事物。但我相信成本在未來不會是問題,更重要的問題是,屏幕形式的變化,對于交互來說將會有哪些影響,并且如何挖掘其中真正的潛力。



          五、技術升級  Iechnology


          1. 關注隱私保護


          自 MIUI12 隱私功能發布后,APP 訪問隱私頻次大幅下降,這使得應用的行為越來越規范,也因此獲得了用戶、國家相關機構和媒體的認可。 



          在凱文·凱利的《必然》中描述了這樣的一個未來景象,我們的各種狀態將會被設備所跟蹤,大到你的地理位置,小到你的心跳,你所經歷的一切都將被上傳到網上,設備能通過對過往的分析,給你推薦各種商品或服務。這很美好,但同時也存在許多風險。在《竊聽風云》的電影情節中,就是由于先進的竊聽技術,造成了各種無法預估的災難。所以這是一把雙刃劍,在技術進步的同時,我們也需要時時刻刻關注隱私的保護。 




          2. 智能自動化辦公


          在 2019 的 Google I/O 大會上,Google Lens 展示的 AR 點菜功能可以智能識別用戶掃描的菜單并將美食網站上的相關推薦直接呈現在屏幕上。當識別到小票信息時,可快速提取小票上的金額,且可自動彈起計算器快速幫助用戶計算人均消費,節省人工計算的時間成本。 



          在辦公場景下,如何幫助用戶減少無謂的工作,讓更多精力專注于內容。把排版規范、素材提取、文件管理、功能查找等瑣碎的事情,交給人工智能來完成。在以前工業時期有機器的賦能下,人們的生產效率進行了一次飛躍,而下次的效率提升將會是人工智能。 




          3. 腦機

          是否希望自己學會“量子閱讀法”呢?也許 5 分鐘實現十萬字快速閱讀不是夢。Neuralink 發布了 Link V0.9 版的腦機接口,并且已經在動物上進行實驗,他們通過把一塊微芯片植入猴子的大腦,然后讓其通過意念玩電子游戲。雖然這產品在人類普及的概率幾乎為零,但是這也算是人類向前邁出了一大步。 



          這只是一個開始,未來的設備將不局限于可穿戴,而會是與人體緊密相連?;蛟S可以想象一下,在未來人們會像在醫院預約掛號一樣,在科技公司樓下排隊更新升級身體里的“機械器官”。 



          4. 虛擬現實&增強現實


          如果要說接下去哪個技術變革,將對我們生活工作產生重大影響,我認為將會是 VR 和 AR。在溝通方面,體驗將會變得更為真實。遠程溝通常常效率很低,其中很重要的一點是空間的距離感,而空間的距離會產生雙方鏈接的不穩定性,因為雙方無法達成眼神、肢體等信息的交流,有時候一個眼神或者動作就能完成的事情,需要反復的語言交流,甚至會陷入各種尷尬的境地。 



          除了溝通之外,在工作、生活、學習等領域,VR 和 AR 也將會有更多可能,媒介的屬性不再是二維平面,而是三維空間,這使得它能提供更為沉浸式的交互體驗。 



          5. 5G 運用


          依稀記得上大學時 4G 時代的到來,旁邊的人都在說網速多快多快,聽歌看視頻一點都不卡。 


          而如今 5G 開始普及,網速也再次提升,但外界對其的評價褒貶不一,其中最為常見的話題就是“5G 對我們的生活將會有什么改變呢?”,有人覺得它只會提高我們每個月的話費,也有人提出 VR/AR 全景直播、高清遠程會議、無人機作業、自動駕駛等技術將會更為成熟。


          不管如此,5G 在 2020 年度過各種坎坷,最終普及到我們每個人身上。5G 對許多領域都會有質的影響,特別是依賴網絡環境的場景。其中就有辦公領域,大文件上云、協同辦公或遠程會議,5G 將會給這些場景提供更好的體驗,也會讓更多可能變為現實。 



          這篇文章是對當下的思考,也希望能對 2021 年的工作帶來些許幫助。在這過程中越是總結,越是對未來的趨勢感到迷茫,一篇文章并不能囊括所有內容,不足之處也希望理解。在未來或許會有數不盡的黑天鵝,也可能因為技術爆炸,使得新的潮流突然的興起,未來是無法預測的,所以,就讓我們一起擁抱變化吧~


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

          文章來源:站酷   作者:籃子瑤

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

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

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


          如何與利益攸關方合作進行醫療設計項目?

          ui設計分享達人

          一些有用的建議和工具幫助你與患者、醫生、醫院管理人員和其他醫療保健利益相關者一起進行設計。

          近年來,醫療保健組織開始使用“設計師”方法進行創新,以提高患者和護理人員在設計和提供醫療服務的參與度。然而,將設計方法引入醫療部門也是困難重重:思維方式的差異可能導致雙方關系緊張,同時我們仍需要提供更多的證據,證明設計實踐會給醫療保健部門帶來更多的價值。


          1.調整所有人的目標


          在處理服務設計項目時,無論是參與式還是共創式,我們需要從一開始確保所有利益相關者的目標和期望一致,以促進合作順利有效,產生有意義的成果。


          所以我們可以用到Expectation Map或者the Alignment Canvas這兩個工具可以幫助理解人類的愿景和優先排序,從而使團隊對項目的理解同步起來。


          這兩個工具在項目初期調整成員目標,構想用戶對服務的期待,建立同理心,全面地呈現了不同的觀點。


          這個工具包提供的帆布是個簡單的表格,幫助確定每個涉眾的價值和目標,突出公共點和交叉點,利用不同角色不同價值的可視化卡片填充畫布。


          建議

          -每個利益相關者可以從卡片中選擇自己的價值觀或添加價值觀,討論相同點和沖突點,制定共同目標。
          -如果項目涉及三個以上的利益相關者,可以采用相同的概念模型來反映所有價值觀和共同點。


          2.了解項目生態系統


          醫療服務中有各類行為者,行為者之間以及行為者與用戶之間存在特殊的關系。因此,我們必須清楚當前設計服務的影響人,以及影響程度。


          使用利益相關者地圖反映不同行為者的角色和責任,以便更清楚地了解你正在設計的服務生態系統。


          利益相關者地圖不僅有助于可視化服務系統和用戶體驗中的不同利益相關者,還可以可視化相關者與主要用戶的互動程度。這個模版將醫療領域的利益相關者分為三類:醫療經營者,輔助人員和大型病人群體。


          建議

          -將代表主要用戶或利益相關者的行為者卡片放在中心位置。
          -將行為者卡片按照利益相關者群體進行分類,并將卡片放在畫布的相應區域。
          -將那些與主要利益相關者互動程度較高的行為者放在內圈;除了醫療系統外,還要考慮的更廣闊的生態系統。


          3.反應不同的用戶類型


          研究項目背景,收集服務生態系統中人們的行為、動機和特點等第一手資料。構建角色有助于更好地了解設計醫療服務中的病人和醫生(或其他醫療經營者)的需求、習慣和態度。


          為了更好地促進這一階段的分析,工具包中的角色模板記錄了病人和醫生簡歷上的一些具體的醫療信息,如疾病類型和醫療知識。


          建議

          -對于病人角色,首先選擇病人和疾病類型。
          -對于醫生角色,首先選擇醫生簡歷,記錄痛點。
          -利用卡片,選擇與角色互動的環境和行為者,喜歡的互動渠道,價值觀和經歷的情感。


          4.分析經歷 構想更好的服務流程


          我們都清楚,用戶旅程是一個強大的工具,能夠繪制服務體驗,包括現有服務和待設計的服務。


          我們也可以與病人或醫療行業的其他利益相關者共同繪制用戶旅程,建立對用戶體驗的理解。


          你也可以直接與利益相關者合作,確定具體痛點和在服務中可能造成摩擦的其他因素。


          這套工具所建議的醫療旅程圖可以用來分析病人和/或醫療操作者的體驗并進行可視化,涉及到體驗的所有成分:角色,行為,方式以及在接受或執行醫療服務時所經歷的感情變化。


          建議

          -寫出用戶旅程地圖需要的人物簡歷。

          -卡片用為觸發材料,促進病人和醫療相關人員分享經驗,講述故事。

          -選擇每個動作所經歷的情緒,并將其垂直投射在相應的動作上。

          -患者的用戶旅程可以按照整個治療過程繪制,有助于理解不同醫療步驟之間和相關部門之間的交叉點,以及可能出現的問題,形成一個全面的體驗觀。


          5.通過評估 確定想法的優先性


          在建立背景框架,分析了觀點和體驗之后,我們開始設計解決方案。讓不同的利益相關者參與概念生成,方便作出改變或促進相關方接受新服務。


          一旦確定了解決方案,接下來就要挑選最有潛力或最合適的解決方案,這項任務也十分困難,尤其是在復雜的環境中,比如與醫療有關的環境中。

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

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

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

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

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


          設計沉淀錄:如何讓你的設計更有價值

          ui設計分享達人

          前言:如何讓你的設計更有價值,設計有價值代表你的方案有價值,你的方案有價值代表你的理論有價值、你的理論有價值代表你的專業能力體現,歸根到底,說明了什么人作出什么樣的作品的同時會帶來相應的價值。站在設計師的角度看,在公司里,屬于站在用戶體驗上的提出的設計建議或者設計方案,基于“以用戶為中心”理念和交互設計原則,通過自己的設計思維與專業能力,為公司創造更大的價值,不單只是一個美觀的輸出。

          目錄:

          一、設計行業的發展趨勢

          a)設計與產品的關系

          b)找到自身價值的重要性

          二、了解設計師的價值分層

          a)設計協同

          b)推動業務增長

          c)設計驅動產品

          三、設計師需要具備的哪些思維?

          a)雙鉆模型解決問題

          b)“五度”設計成果評估模型

          c)培養數據思維,利用數據提升設計的價值


          一、設計行業的發展趨勢

          a)設計與產品的關系

          以前,設計師在團隊里的位置會比較尷尬,因為沒法驗證自己對業務的推動是否產生了什么明確的價值。而大數據的來臨,設計的價值變得顯性化,作為與用戶關系密切的設計師,善用好數據,可以發揮的作用其實很大。我們可以通過自己的設計思維與專業能力,為公司創造更大的價值,不單只是一個美觀的輸出。這就使得設計與產品業務關系越來越密切,是整個行業發展的必然趨勢。


          舉一個設計以小成提高業務的實例。這是我之前做的分揀軟件迭代首頁的自定義配置組件。在改動前分揀首頁功能多,甚至有時候需要滑動尋找。尋找點擊率大概是不到16%,改動后提高到了40%,不消耗任何其他人力、物力成本,就可以用設計讓CTR翻倍。

          設計目標:減少首頁模塊尋找的時間,加大成功點擊率,考慮延展性發展

          現有問題:主次功能混淆、視覺點不夠集中、點擊按鈕不明顯

          優化方案:1、主次布局調整,主上次下;2、面積放大提高模塊命中率;3、色彩區分主次按鈕;4、添加“?”自定義配置首頁主功能,加入人性化設計理念。

          體驗連接:https://www.growingio.com/projects/lPQ7bOj9/product-analytics/heatmap/j9yvlyRy(賬戶/密碼miaomiao/liuge1)


          b)找到自身價值的重要性

          自身價值顧名思義就是你的工作成果會帶來什么價值,按照公司更看重我們的設計能給產品的發展帶來多大的價值。雖然職位的性質已經很明確你的價值的體現,但是這里注重成果的價值,設計師的成果更多是設計方案,方案成果的價值的接受度也是需要從易到難的漸進的。


          舉一個設計價值體現的實例。這是我之前做的新Station組件庫——GM Design。設置組件和設計規范不僅保持了產品的統一性,且減少用戶在使用過程中的行為認知負擔,快速同事達成合作,還可以減少不必要的操作和排查,提高易用性。

          設計目標:保持產品的統一性,減少認知負擔,降低時間和人力成本,提高易用性

          現有問題:同個功能存在組件多樣、組件學習成本高、反復修改,

          優化方案:1、建立組件庫;2、功能類型劃分,采用同一個組件的變形處理;3、組件集中化; 

          體驗連接:https://lanhuapp.com/url/rKmeX 


          二、了解設計師的價值分層

          設計師的價值可以分為以下三層:設計協同、設計推動業務增長、設計驅動產品。

          a)設計協同

          一個完美的執行者,能夠在拿到需求后高效又完美地實現落地。簡單地說就是手上功夫好。

          做好這個階段需要有優秀的專業能力,良好的溝通能力,并參與到產品的探索與構思中來。


          舉一個設計協調的實例。Q2階段的B-Shop商城交互迭代。前期輸出設計基礎和設計規范,有助于開發高效實現,實時跟進UI進度和設計協助。在產品的探索中發現數字鍵盤組件的問題點,由于自己寫的數字組件具有局限性,導致體驗上無法滿足部分需求,如:輸入框的定位在數字鍵盤之上?;谶@個問題點,我們提出A/B方案,A方案是自己寫的數字組件,B方案是自己寫的數字組件延用原生的邏輯,從用戶測試得出,A方案是更符合用戶操作習慣。

          設計目標:組件高效快捷輸入,側重交互體驗提升,視覺優化,提高易用性

          現有問題:學習成本高、缺少設計基礎、信息分層不明顯、體驗差

          優化方案:1、劃分主次信息,閱讀更直觀;2、建立設計規范;3、組件優化,符合用戶操作習慣;4、圖文結合,按鈕優化,加強頁面指導性

          體驗連接:https://bshop.guanmai.cn/?cms_key=miaotest&timestamp=1561085945884#/product(賬戶/密碼miaomiao/1qaz2wsx)



          b)推動業務增長

          這個階段的設計師,會比上一個階段更能體現設計師的設計價值,并對產品產生一定的影響力。能在以用戶為中心的基礎上,推動業務的增長,所以這個階段的設計也被稱為UGD(User Growth Design)。


          需要設計師具備用戶洞見力,數據分析能力,從這兩個維度出發,去熟悉業務、分析業務,從而推動業務。

          舉一個推動業務增長的實例。Q2階段的采購APP的交互迭代。表頭的功能布局與標簽欄的“?”添加功能的調整,其實在用戶調研階段的熱力圖數據和觀察法分析得出,工具類移動端側重點在功能區,需要一目了然知道我的當前任務數是很重要的信息,且是高頻操作,所以放置頂部;標簽欄的添加功能是為了快速添加采購單據和詢價為目的,用戶群體特殊性,需要一鍵新建添加的需求。

          設計目標:側重交互體驗提升,提高工作效率,提高易用性

          現有問題:學習成本高、缺少設計基礎、操作路徑長、體驗差

          優化方案:1、操作路徑簡化,采用路徑集合彈框;2、建立設計規范;3、組件優化,符合用戶操作習慣;4、一鍵新建“?”的功能,達到快速新建

          體驗連接:http://station.env-bugfix.dev.k8s.guanmai.cn/purchase_assistant/#/login(賬戶/密碼zhangsan0001/ liuge1)



          c)設計驅動產品

          這個階段的設計師,在團隊中的價值可以說是非常大了。從被動的需求接收方,轉化為從戰略層,能主動提出需求的一方。也是UXD發展的終極方向。


          三、設計師需要具備的哪些思維?

          a)雙鉆模型解決問題

          什么是雙鉆模型?

          雙鉆設計模型由英國設計協會提出,該設計模型的核心是:發現正確的問題、發現正確的解決方案。一般應用在產品開發過程中的需求定義和交互設計階段。


          雙鉆設計模型把設計過程分成4個階段:發現問題(挖掘)、定義問題(創意)、構思方案(制作)和交付方案(落地)。



          采購APP進行雙鉆模型思維構建的基礎,提供交互迭代的底層設計理論支持,在挖掘需求階段,屬于用戶調研階段;創意階段,關注點在于問題梳理、實現目的、設計層面;制作階段,尋找潛在的解決方案;落地階段,解決方案的分析和驗證,輸出最適合一個。


          b)“五度”設計成果評估模型

          用戶體驗周期(由阿里巴巴UED提出概念)


          用戶體驗周期指的是用戶與產品的關系隨著時間變化而形成的不同周期階段。用戶體驗周期可以分為「當前」和「長遠」兩個階段,每個階段中有不同的細分。

          • 「當前」階段,分為 3 個過程:

            • 觸達:用戶來訪問網站,包括第一次訪問網站的新用戶和再一次訪問網站的老用戶;

            • 行動:用戶在網站上進行相關操作;

            • 感知:用戶在操作完成后對產品形成的主觀感受。


          • 「長遠」階段:分為 2 種表現:

            • 回訪:用戶自己再次使用該產品;

            • 傳播:用戶推薦給其他人使用該產品。


          如何在具體項目中體現呢?下圖,運用一個具體項目舉例:

          c)培養數據思維,利用數據提升設計的價值

          項目與需求上線后,去驗證自己的設計是否有效地達成了目標。這個時候你就需要去看數據反饋。沒有數據就就沒有比較,沒有比較就不能進步。

          關于數據的用處有很多,舉個例子,當兩個人對各自的方案爭執不休,分別覺得對方不好,但站在各自的邏輯上似乎都能說得通,那怎么辦呢?分別做一個A/B測試,數據不會說謊,哪一個方案更有效,一目了然。

          那么如何將數據結合到我們的設計中呢?首先在設計前,我們需要先定一個目標,而每一個目標就應有一項對應的數據指標。比如,提高了某一塊的CTR(點擊通過率),提高CVR(轉化率),提高商品曝光、1/7/15/30日留存率等等。方便之后去驗證自己的的action是否完成了自己的Goal。


          拿到了數據之后,還需要分析數據。不管是有沒有達到目標,都要去分析原因,進行復盤總結。復盤的好處是可以讓我們在這一次項目中吸取有價值的經驗—失敗了就找失敗的原因,方便以后避開同樣的錯誤;成功了就分析成功的原因,并將成功的策略復制運用到今后的工作中,增加以后的成功率。如此,不管有沒有成功,都能給我們帶來最大化的價值。我們也會更加的接近用戶、接近產品、接近業務。從而幫助我們進一步洞察用戶、挖掘新的需求。


          小結:

          以上就是今天所要分享的全部內容。再帶大家回顧一下,一共分為三部分:第一個是了解設計師的發展趨勢,第二個是趨勢下的設計師價值分層(設計協同、設計推動增長、設計驅動),第三個就是在價值分層的逐步遞升中所需要培養的雙鉆模型、GSA的策略、數據增長思維等。

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

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

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

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


          分類

          日歷

          鏈接

          個人資料

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

          存檔

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