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

          首頁

          中秋節排版設計這樣做,真出效果??!

          seo達人



          圖片

          接下來就是看看如何將這些元素用到設計中了,我們先來整理好文案。

          圖片

          然后將信息分布與構圖用方塊表現出來,深色重要,淺色次要,這樣前期的構思就OK了。

          圖片

          接下來我們先刻畫主體,這里主體我想用中秋與燈籠相結合,字體的筆畫風格加入中式的回紋效果。

          圖片

          接著我們進行墊字設計,用畫筆先勾出大概的骨骼,以畫筆為基礎用鋼筆工具去完善。

          圖片

          然后我們將文字與燈籠結合,搭配小文字豐富細節,海報主體就確定了。

          圖片

          如果單獨展示字體,可以找個中秋的背景素材,然后以橫版banner去展示。

          圖片

          接著我們繼續做海報,將主體放到畫面中,由于兩側比較空,可以加上兩個疊加的圓圈擴大占比,顏色以紫與金結合。

          圖片

          接下來將剩余的信息處理好,部分信息加入圖形,字體統一用襯線體,也會更有韻味。

          圖片

          然后將處理好的信息放入相應的位置,根據空間布局來進行排放,要使畫面平衡統一。

          圖片

          最后我們可以加入小英文與裝飾線豐富畫面,裝飾線與主體相呼應,同時會使畫面節奏性更好,信息之間的關聯性更強。

          圖片

          那么這時我們可以上個樣機,增強視覺效果,設計就完成了,噔噔噔噔~

          圖片

          OK,這次的分享就到這里,學會巧用AI自己帶的工具,應用到我們的設計中,不僅會使我們的效率增加,還能更出效果哦。

           

          原文地址:趣投記(公眾號)

          作者:趣趣熊

          轉載請注明:學UI網》中秋節排版設計這樣做,真出效果??!

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

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          設計師“進階輔技” —— 高效溝通術

          seo達人



          一、什么是溝通?

          溝通的本質:

          雙向信息傳輸,除了清晰傳遞自我信息以外還需要引導對方,讓其也能準確表達訴求。

          溝通的誤區:

          “表達”與“溝通”有巨大區別:前者是單項輸出,如何把自己的觀點清晰地傳遞給別人,后者是雙向傳輸,除了清晰傳遞自我信息以外還需要引導對方,讓其也能準確表達訴求。

          舉個例子:一個不善言辭的人在生活中遇到一個溝通感覺特別順的人,能讓自己愿意說出自己的想法,再復雜的事都能和他相談甚歡。仔細觀察一下,這往往不是因為對方表達能力好,而是對方的“溝通引導能力”特別好。

          圖片

           

          二、設計師為什么需要溝通?

          圖片

          1.提升工作效率:

          溝通到位能讓我們始終保持正確的目標和方向,避免無效溝通和模糊猜測,讓工作事半功倍。

           

          2.設計師技能加持:

          設計師的專業能力是立足之本,而溝通能力是解決一切訴求的前提和助攻!具備良好的溝通能力不僅能展現設計師的職業素養和個人魅力,溝通中也能鍛煉全局思考和解決問題的能力;

          圖片

           

          3.服務行業特性:

          設計師作為一個服務行業,首先要保證是客戶想要的(方向正確),其次是帶給用戶驚喜的(體驗升級),能洞察/挖掘出客戶真正的的訴求/痛點,才能解決根本性的體驗問題。

           

          三、如何完成一次有效溝通?

          如何完成一次有效溝通?形成一套良好的“溝通”閉環機制?

          有效溝通是指有效的把信息以明確的目的傳遞給對方,與對方達成共識并付諸行動的過程。只有溝通雙方真正理解各自表達的東西,并能針對異議,達成共識,這樣才能算一整個有效的溝通。

          圖片

           

          四、高效溝通法則

          圖片

          心態好

          • 01.尊重和合作意識:這一點是高效溝通的前提,前面也說到了溝通跟表達的區別,溝通閉環是需要雙方合作的,彼此尊重,抱著合作的態度一起推進目標達成,實現共贏那是再好不過了。
          • 02.保持同理心:『百度對同理心解釋為:同理心(Empathy),或稱做換位思考、神入或共情,指站在對方立場設身處地思考的一種方式?!弧白晕乙庾R”是同理心的基礎。感知到別人情緒后,通過換位思考,用“自我意識”去理解別人的情緒,最終了解他人的想法。

           

          擅表達

          表達能力在工作中體現在方方面面,日常需求對接,組內主題分享,向上管理,述職晉升面試等,都離不開表達能力的支持。如果一個設計師不懂得推銷自己的設計方案,明明作品很優秀卻輸在了表達上,專業能力會遭受質疑,也會阻礙個人影響力的拓展。

          • 01.“三點式”表達法則:明確表達的核心,邏輯清晰,思路完整,訓練自己對于復雜事情都能總結1.2.3的能力
          • 02.多樣性表達方式:溝通是要用對方聽得懂的語言——包括文字、語調及肢體語言,針對不同的溝通場景和溝通對象,選擇更適合的溝通方式
          • 03.控制時間節奏:大多數人注意力集中的時間是有限的,大部分人難以關注細節

           

          多交流

          • 01.引導:主動跟需求方“聊天”,引導需求方說出“隱藏”訴求,明確目標和價值
          • 02.傾聽:消化理解訴求,反饋問題,思考方案
          • 03.反饋互換意見:建立情感氛圍,復述重點

           

          找共識

          • 01.價值導向:針對業務訴求點提供專業設計意見,求同存異,找到視覺偏好的“平衡點”
          • 02.有理有據:針對目標和價值模糊不清的部分,理清思路并提供專業一件,有理有據

           

          五、多場景下的溝通要點

          1.獨立需求的設計對接

          Q:如何減少設計溝通中“試一試”的行為?

          W:1.需求方沒有預先的期望;2.需求方有自己的期望但無法準確表達。

          Point:

          1.風格稿很重要!擅長用圖片去探索需求方的風格意向;

          2.多跟需求方“聊天”,培養合作默契,有共識才能對話;

          3.提供專業意見,主動介紹設計思路及過程,增強作品的說服力;

          4.培養需求方的審美情趣,共鳴好的設計。

           

          2.統籌角色的多任務協作

          圖片

          Q:如何提升多人協作的效率和質量?

          多方溝通:

          1. 反復溝通確認
          2. 專業思考判斷
          3. 預研方案效果

          內部協作:

          1. 同步信息準確
          2. 思維共通交流
          3. 傳達合作意識

          以上就是我在實際項目中對溝通的一些心得體會。

          結語:溝通能力能讓我們更好的與他人建立信任,探究隱藏的核心問題,提高工作效率,同時也鍛煉我們從感性認知上升到理性規律的歸納總結的能力,不斷進階為更優秀的體驗設計師!

           

          原文地址:京東設計中心JDC(公眾號)

          作者:何鵑

          轉載請注明:學UI網》設計師“進階輔技” —— 高效溝通術

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

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          設計賦能商業變現初探

          ui設計分享達人

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



          關鍵詞解讀


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

          關鍵詞


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



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

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

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

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



          合作競爭價值鏈


          價值鏈理論包含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. 明確為什么

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

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

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

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







          一秒就上癮,這個風格簡直讓人欲罷不能!

          lanlanwork


          什么剪紙疊加風格?

          剪紙藝術是最古老的中國民間藝術之一,作為一種鏤空藝術,它能給人以視覺上以透空的感覺和藝術享受。傳統意義上的剪紙,用剪刀將紙剪成各種各樣的圖案,如窗花、門箋、墻花等。
          圖片
          圖片
          然而現今飛速流行起來剪紙風格,大多以軟件設計完成。在設計中添加陰影、色彩等使用疊加效果,因此看上去層次和細節十分豐富。
          圖片
          剪紙風格因其特殊的質感和造型美學,在現今越來越受到大眾喜愛和設計師的追捧。特別是每年重要節日,比如中秋節和春節等,在禮盒設計和C端運營上都大量出現剪紙風格設計作品
          圖片
          在復現傳統節日氛圍沉的同時,又將現代美學與剪紙風格融合,形成一種全新的視覺感受。
          圖片
          圖片

           

          剪紙風格的基本特征

          由于其獨特的視覺特征,這種風格幾乎可以立馬被任何人識別。剪紙疊加風格在如今受歡迎是有其原因所在,除了其具有深厚歷史底蘊,如今演變成現代感時尚設計。
          可以用幾個關鍵詞來形容:簡潔、形象夸張、層次疊加豐富、故事性、多層投影和紙張肌理效果。
          現代剪紙風格,它打破了傳統文化中單一的剪紙藝術特點,從而形成一種新視覺特征,出現在大眾眼前,其幾何化紙張感最具吸引力。
          圖片
          剪紙風格色彩單純明快,色彩要求在簡中求繁,在對比色中求協調,盡量避免多余色彩噪音。
          圖片
          多層的疊加,讓圖形之間互相帶有穿插效果,讓剪紙藝術風格不在扁平枯燥,而是富有更多細節表現。設計師通過投影、色彩等明暗關系營造層次。
          除了本身帶有強烈的藝術氣息外,它還可以表達故事性和情感性等特征。
          圖片
          圖片

           

          剪紙風格的應用

          剪紙藝術風格在諸多領域中都有它的身影,目前也出現了很多優秀的設計案例,下面我們來一起來學習下這些案例。
          #01. 平面設計中的剪紙風格
          圖片
          圖片
          圖片

           

          #02. LOGO設計中的應用
          圖片
          圖片
          圖片
          圖片

           

          #03. 動態設計中的剪紙風格
          http://mpvideo.qpic.cn/0b78b4aaoaaaiyaoc37dovqfad6da4hqabya.f10002.mp4?dis_k=5e5f632c341fd30804918a7dd9dc0c02&dis_t=1629453344&vid=wxv_1945420369956306956&format_id=10002&support_redirect=0&mmversion=false
          Sudio的紙藝術定格動畫

           

          http://mpvideo.qpic.cn/0b78c4aaoaaa5aaofbhdpzqfaf6da4lqabya.f10002.mp4?dis_k=99b1672f2acc8c7a01e2f587189400f0&dis_t=1629453344&vid=wxv_1945419139196518401&format_id=10002&support_redirect=0&mmversion=false
          情人節定格動畫

           

          剪紙風格藝術家推薦

          #01.Eiko Ojala
          圖片
          https://www.behance.net/eiko

           

          #02.Margaret Scrinkl

          圖片

          https://www.behance.net/scrinkl

           

          #03.Mary Komary
          圖片
          https://www.behance.net/marykomary

           

          原文地址:功夫UX(公眾號)
          作者:功夫UX
          轉載請注明:學UI網》一秒就上癮,這個風格簡直讓人欲罷不能!

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

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          設計思維 | 在58同城,如何設計內容系列產品品牌?

          lanlanwork



          圖片

          隨著部落的發展,內容的形態越來越多。身為視覺設計師需要整合設計不同的內容話題,運用設計思維,通過品牌設計來打造不同系列的內容運營活動。經過長時間的實踐,我發現活動方案的最終效果是三方相互作用的結果。設計師、產品經理、內容本身,內容本身的包含了用戶、第三合作方。涉及到美學、營銷學、心理學、經濟學等,圍繞這三方的品位,相互沖突、啟發、磨合、協作,最佳的設計方案處于三者的平衡點。下面就項目從視覺設計的角度出發,以部落內容為例向跟大家聊一下。
           

          圖片

          面對大量的話題運營活動,我從品牌設計入手,打造了品牌系列感的一整套部落話題運營活動,讓部落的用戶對品牌形象產生信賴,持續參與到活動中來。在接到部落話題需求時,會主動發起和運營產品一起,以系列品牌運營出發點去做,以不同的話題去打造不同的系列運營。

           

          01.我和我的朋友

          《我和我的朋友》活動專題,58同城作為項目發起?,聯合勞務茶館,邀請朋友圈的企業好友,共同面對當下的企業發展、品牌服務以及 C 端聲音進??業交流與消費者傳達。
           

          · logo創意

          從手寫連筆字中找到靈感,用簡潔等粗的線條書寫,給人親切、流暢的感覺。
           

          圖片

          圖片

          · 海報宣傳

           

          圖片

           

          02.瞧別人家公司

          最先部落對外合作項目,已經和十幾家企業合作,打造了不同職業話題社區,將職業類信息更聚焦,讓每一位用戶都可以在職業上找到適合自己的圈子,進行職業生活的交流互動。欄目也帶動了不同業務間更多不一樣的合作形式,為未來創造更多可能性。

          · logo創意

          “瞧”字有吆喝的意思,我放大了這個字的比重,小喇叭植入到了字的右上方,喇叭口有放射狀的虛線,logo整體用對話框圍了起來,可以使它看起來更聚合。整體以字為主體,輔助元素也采用簡潔的線條,現代感同時非常的易用。在不同企業話題里都能輕松適用。

          圖片

          · 海報宣傳

          海報風格受到外部企業文化的影響較大,完全統一很難。但是我希望每張海報的主體都是企業真實的員工照片,員工的服裝、展現出的狀態,也可以反映出企業文化。不足之處是企業提供的照片質量很難控制,會影響到海報的效果。合作方的常常對海報的風格有自己的想法和目的,需要反復的對稿。
           

          圖片

          03.小金庫滿兜

          針對平臺上的用戶核心痛點:賺錢和找工作,尤其是疫情開始后,在很多人失業的情況下,我們打造了小金庫的系列。通過邀請賺錢專家、創業專家、副業推薦官、以及本地商家的方式,通過直播的形式與用戶交流分享,為用戶推薦賺錢方法、幫用戶解決賺錢難題,涉及領域包含餐飲/美業/母嬰等品類。獲得商家及用戶的認可及好評。

          · logo創意

          從傳統的書法漢字尋找靈感,把金幣與漢字結合起來,并且做了傾斜,使之更生動,在空白區域點綴了星星,logo整體看起來更加飽滿了。

           

          圖片

          圖片 

           

          04.同行侃門道

           58部落打造的《同行侃門道》IP系列線上內容中,包含餐飲、裝修、家政服務、美妝、財務服務、寵物等多個行業,更多行業陸續加入中。為部落用戶帶來賺錢等行業知識分享與就業避坑指南,還為部落用戶帶來了更多工作機會。

          · logo創意

          以“同行侃門道”作為logo的主體,用平直的筆畫語言組合,把“門”“道”擬物化,整體傾斜帶來了前進感。

          圖片

          圖片

          · 海報宣傳

          用報紙的形式展現信息,這種方式可以把不同的第三方機構融合在報紙形式的框架里。

          圖片

           

          05.掌柜專家計劃

          將建立商家社群,利用現有平臺中小B的生意經驗,產出賺錢紅寶書,形成體系化課程,推廣給想要賺錢的C,形成內容閉環。

          圖片

           

          06.總結

          品牌設計包裝只是內容的展現形式,優質的內容才是關鍵,但是在內容的前期目標是獲得更廣泛的關注,那么品牌視覺設計的個性和獨特就能產生很大的作用。logo在視覺中發揮著橋梁的作用,輔助元素和整個內容的的布局也非常關鍵。

           

          參考資料:
          《治字百方》-左佐
           
           

          圖片

           

          原文地址:58UXD (公眾號)

          作者:環鐵藝術家


          轉載請注明:學UI網》設計思維 | 在58同城,如何設計內容系列產品品牌?

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

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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




          日歷

          鏈接

          個人資料

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

          存檔

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