首頁

5個方面改善用戶體驗

ui設(shè)計分享達人

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


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


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

建議:
自己進行嘗試,能夠有效地發(fā)現(xiàn)細節(jié),涵蓋分析中的所有步驟。


2.分析服務構(gòu)建


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

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


3.設(shè)定具體的目標,指導設(shè)想


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

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


4.創(chuàng)造新點子和解決辦法


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

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


5.確定最有可能實現(xiàn)的概念


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

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

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

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

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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

設(shè)計賦能商業(yè)變現(xiàn)初探

ui設(shè)計分享達人

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



關(guān)鍵詞解讀


為了更好的理解接下來的文章內(nèi)容,筆者會首先對以下關(guān)鍵詞進行解讀:商業(yè)變現(xiàn)、設(shè)計賦能、價值鏈理論。 

關(guān)鍵詞


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



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

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

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

隨著社會分工的細化和專業(yè)化以及互聯(lián)網(wǎng)的普及和發(fā)展,價值鏈的內(nèi)容也不斷向前發(fā)展,目前已發(fā)展為“合作競爭的價值鏈”理論。 



合作競爭價值鏈


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



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


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

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

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


價值主張


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



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

4. 盈利模式:包含包括成本結(jié)構(gòu)和收入來源兩個構(gòu)造塊,企業(yè)可以通過“開源節(jié)流”以實現(xiàn)商業(yè)的高效運作。 




賦能維度提取



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

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

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

確認賦能維度和方向


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


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


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


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



設(shè)計做了什么: 


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


業(yè)務現(xiàn)狀分析


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


思考設(shè)計可以做什么: 


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



設(shè)計做了什么: 


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


目標客戶分析


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



4. 渠道通路:跟增收有直接的關(guān)聯(lián),在 C 端業(yè)務中表現(xiàn)為「購買轉(zhuǎn)化鏈路」,而在面向大 B 客戶的業(yè)務中,可細拆為“產(chǎn)品 / 服務”從「觸達客戶 --> 新簽 --> 續(xù)約」的全鏈路。



面向大B客戶的轉(zhuǎn)化鏈路


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


“轉(zhuǎn)化鏈路”分析


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



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

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



GSM模型


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


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

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

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




初步歸納整體研究思路



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

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


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


設(shè)計賦能商業(yè)變現(xiàn)的研究思路


影響因素


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

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




總結(jié)



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

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

以上內(nèi)容為設(shè)計賦能商業(yè)變現(xiàn)的初步探索,在后續(xù)的持續(xù)探索中會力求總結(jié)出更系統(tǒng)的理論框架和方法并分享給大家。 



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

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

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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



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

ui設(shè)計分享達人

前言


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

首先了解下表格的構(gòu)成:頂欄、表格主體、底欄



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

  • 表格主體:承載數(shù)據(jù)內(nèi)容,由 行 和 列 構(gòu)成

  • 底欄:主要用于設(shè)置當頁條數(shù)及放置分頁器


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


“優(yōu)秀的設(shè)計需要用心、規(guī)劃、思考和理解人們的行為方式”


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


一、表格需自我解釋 —【梳理數(shù)據(jù)關(guān)系,明確數(shù)據(jù)重點】


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


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


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


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



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


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


2.1、批量操作


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



2.2、排序篩選


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



2.3、解釋說明


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


  • 有時候?qū)挾炔粔?,文字會溢出,則需要懸停時出現(xiàn)完整的字段名稱。



2.4、分組


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



2.5、固定


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



三、數(shù)據(jù)展示 —【規(guī)范展示方式,營造良好展示效果,提升數(shù)據(jù)閱讀效率】


3.1、對齊方式


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


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


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


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


  • 多選操作:居中對齊。


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




  • 數(shù)字:數(shù)值、金額、比率

undefined



  • 文本對齊:純文本



  • 文本:判斷性文本



  • 文本:時間日期



  • 混合型文本:狀態(tài)標簽、進度條



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



  • 混合型文本:操作



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



  • 混合型文本:評價



  • 可操作:多選



3.2、數(shù)據(jù)多層級


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



3.3、數(shù)據(jù)修改


支持直接點擊內(nèi)容,出現(xiàn)輸入框后進行編輯



3.4、展示統(tǒng)計


方便用戶快速了解總數(shù)



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


表格行列的分割方式有:

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


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


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


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



五、空數(shù)據(jù)


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



5.2、表格無內(nèi)容


  • 沒有創(chuàng)建訴求的,數(shù)據(jù)是系統(tǒng)產(chǎn)生的,不是由用戶創(chuàng)建的,直接告之暫無數(shù)據(jù)。



  • 是用戶有創(chuàng)建訴求,數(shù)據(jù)是由用戶或系統(tǒng)產(chǎn)生的則直接示意用戶創(chuàng)建數(shù)據(jù)



寫在最后

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

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

文章來源:站酷   作者:小發(fā)歌

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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


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

ui設(shè)計分享達人

以用戶為中心的設(shè)計在設(shè)計領(lǐng)域取得了許多突破。

它提高了產(chǎn)品和界面的國際標準,擴大了設(shè)計中的創(chuàng)意機會,并協(xié)助了近代技術(shù)的發(fā)展。

以用戶為中心的設(shè)計通過創(chuàng)建兼顧兩者的解決方案來幫助消費者和公司設(shè)計產(chǎn)品。

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

什么是UCD?

以用戶為中心的設(shè)計是一種設(shè)計過程,旨在通過根據(jù)用戶的經(jīng)驗和要求創(chuàng)建設(shè)計解決方案來最大化可用性。

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

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

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

為什么 UCD 很重要?

用戶體驗在產(chǎn)品設(shè)計、網(wǎng)頁和界面設(shè)計以及營銷方面很有價值。

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

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

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

2) 銷售額增加

3) 開發(fā)精致、高效且易于獲取的產(chǎn)品

4) 深入理解問題,創(chuàng)造優(yōu)秀解決方案

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

6) 避免常見錯誤

7) 提高競爭力

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

UCD 引領(lǐng)產(chǎn)品、軟件和設(shè)計的發(fā)展,使我們更接近輕松、高效。

UCD 流程

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

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

2. 明確用戶需求——一旦更好地了解用戶,設(shè)計團隊就可以編制一份用戶需求和粗略概念列表,以指導他們?nèi)绾卧O(shè)計成品。

3. 設(shè)計一個解決方案——這里的重點是“解決方案”。設(shè)計某產(chǎn)品的目的是為問題、需要或愿望提供解決方案。設(shè)計理念必須根據(jù)研究階段發(fā)現(xiàn)的內(nèi)容來解決問題。

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

最大化可用性的技巧

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

1. 同情和理解

同理心和理解是主要在用戶研究階段使用的關(guān)鍵設(shè)計技術(shù),為團隊提供關(guān)鍵見解。

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

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

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

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

2. 明確為什么

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

設(shè)計師必須知道他們?yōu)槭裁匆獎?chuàng)造一些東西,以便能夠克服在實施階段會出現(xiàn)的障礙。每個人都需要清楚為什么設(shè)計對用戶和業(yè)務都有益。“為什么”是推動發(fā)展的動力。

它需要良好的項目管理和出色的領(lǐng)導能力——這是設(shè)計和商業(yè)成功的重要組成部分。

3. 使業(yè)務需求與用戶需求保持一致

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

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

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

4. 磨練用戶反饋循環(huán)

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

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

它在產(chǎn)品或系統(tǒng)的整個存在過程中都得到維護,因此在產(chǎn)品或系統(tǒng)的整個存在過程中都將依賴于用戶反饋循環(huán)或客戶反饋循環(huán)。

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

5. 總是迭代

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

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

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

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

6. 輕松就是一切

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

1) 減少用戶的工作量

2) 使用簡單明了的語言

3) 讓用戶主導并賦予他們權(quán)力

4) 簡化導航

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

優(yōu)秀UCD的例子

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

蘋果網(wǎng)站

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

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

愛彼迎

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

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

總結(jié)

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

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

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

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

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

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


關(guān)于表單中存在編輯表格的情況

ui設(shè)計分享達人

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


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


思考過程

 

方案一:

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

適用于數(shù)據(jù)1~10條的情況。


方案二:以【輕流】舉例

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

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


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


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


彈框頁面支持上下數(shù)據(jù)切換。




方案三:

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

適用于數(shù)據(jù)10~100條的情況。


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

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

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


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

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


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


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


點擊【切換】按鈕,出現(xiàn)【彈框填寫信息】。


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


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

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

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

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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



如何從用戶角度出發(fā)打造產(chǎn)品體驗

ui設(shè)計分享達人

文章定位:

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

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

 

01、用戶思維

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

Q:為什么要圍繞用戶做設(shè)計?

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

Q:什么是好產(chǎn)品?

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

即:幫助用戶解決實際問題,并提供解決該問題的優(yōu)秀設(shè)計。

所以設(shè)計師產(chǎn)出設(shè)計方案前需思考的是:

  1. 解決什么實際問題?

  2. 應該提供怎樣的設(shè)計?




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

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

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

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

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


– 利用同理性圖譜構(gòu)建用戶認知

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

為了讓優(yōu)化方案更有依據(jù),在發(fā)現(xiàn)問題的時候,需要從用戶視角出發(fā),結(jié)合當前產(chǎn)品的頁面去分析是否符合當前用戶的訴求。

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

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


以下以優(yōu)化案為例:

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

如:QQ支付頁面整體流程優(yōu)化設(shè)計

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

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

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

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


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

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

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

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

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


03、問題陳述(POV)


– 什么是問題陳述

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


– 問題陳述怎么寫

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

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

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

以上兩種陳述方式都是針對同一個問題,只是表述方式不同。所以只要你足夠?qū)W⒂脩?,理解他們需要什么以及為什么需要,就可以快速?gòu)建你后續(xù)的設(shè)計方案。


– 問題陳述注意點

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

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

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


04、如何打磨設(shè)計方案

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


– 結(jié)構(gòu)簡潔,重點突出

例1:


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

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

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

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

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


例2:

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


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

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


例1:

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

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

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

下方 透出推薦內(nèi)容 吸引用戶往下逛。


– 注重情感化

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


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

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


例1:

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


例2:

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


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

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

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

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



05、驗證體系

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

除去性能表現(xiàn)外,主要都是圍繞用戶行為數(shù)據(jù)及使用感受來進行度量

在行為數(shù)據(jù)上,主要關(guān)注:訪問頻率、留存率、頁面訪問次數(shù)…

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



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

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

例:

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

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


– 面向真實用戶驗證設(shè)計

除去行為數(shù)據(jù)上的驗證,用戶真實反饋同樣重要,我們可以采用用戶調(diào)研的方式了解用戶對產(chǎn)品體驗的反饋,主要可以從下面三個方面執(zhí)行:

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

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

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


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

文章來源:站酷   作者:小發(fā)歌

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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


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

ui設(shè)計分享達人



引言


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

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


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


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

(1-2020 Red Dot Award)

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


正文


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

 

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

 

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


一、轉(zhuǎn)換視角,建立共鳴


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


1、離客戶再近一些

在任何項目中充分了解目標客戶都是首先任務。B/G端客戶的需求是非常明確的,他們最看重AI技術(shù)對業(yè)務的價值。“客戶”這個稱呼的背后包含了諸多角色,有技術(shù)人員、業(yè)務人員、決策領(lǐng)導層等,他們對AI技術(shù)的了解各不相同,我們需要讓各角色都能快速的理解、看得懂真正有價值的內(nèi)容。


2、玩轉(zhuǎn)業(yè)務

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

(3-思路框架)


3、產(chǎn)品架構(gòu)可以不那么復雜

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


轉(zhuǎn)換視角,有序組織內(nèi)容,使產(chǎn)品架構(gòu)符合客戶心理,讓客戶能快速的理解、看得懂。

(4-產(chǎn)品架構(gòu))


二、營造情景,構(gòu)建信任


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


1、身臨其境的震撼效果

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

(5-全球場景)

(6-國家場景)

(7-火災局部場景)


利用晨昏線、雪線、綠地的變化,表現(xiàn)季節(jié)、晝夜對于火災的影響。

(8-火災受季節(jié)影響)


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

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

(9-鏡頭轉(zhuǎn)換)


3、扣人心弦地氛圍營造

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

(10-顏色設(shè)定)

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

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

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


三、信息可視,清晰傳達

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


1、大膽地隱藏冗余內(nèi)容

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

(14-內(nèi)容設(shè)計)


2、給產(chǎn)品一個穩(wěn)定的布局

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

(15-布局結(jié)構(gòu)-1)

(16-布局結(jié)構(gòu)-2-GUI)


3、場景設(shè)計

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

(17-火災實況-GUI)

(18-火災實況-GUI)


救援路線一目了然,使救援調(diào)度清晰有序。

(19-救援路線)


救援人員、救援物資、救援進度實時呈現(xiàn),救援指揮更加有理有據(jù)。

(20-救援現(xiàn)場)

(21-動態(tài)數(shù)據(jù))

(22-動態(tài)數(shù)據(jù)2-GIF)

(23-動態(tài)數(shù)據(jù)3-GIF)


最終大屏展示效果。

(24-全球視圖)

(25-國家視圖)

(26-區(qū)域視圖)

(27-單個火災視圖)

(28-火災實況)

(29-路線規(guī)劃)

(30-救援現(xiàn)場)

(31-多端展示-GIF)

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


三、結(jié)語


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

 

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

文章來源:站酷   作者:ROC393

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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







設(shè)計師常用溝通秘籍:金字塔原理

ui設(shè)計分享達人

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


什么是金字塔原理

    <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創(chuàng)建的一種結(jié)構(gòu)化思考方式,也是麥肯錫公司在用的重要工具之一。金字塔原理更多是一種邏輯呈現(xiàn),很多的公司里面都會用到。也就是表達一個觀點時候,根據(jù)以下三個步驟: 
1.首先從答案部分開始;
2.分組并總結(jié)你的支持論點
3.邏輯性的整理出你的支持性觀點。
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        我們一起來看看如何在平時項目和設(shè)計中運用這個原理。
    </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;">
        作為產(chǎn)品設(shè)計師,我們要以一種結(jié)構(gòu)化的方式與那些忙碌的主管、領(lǐng)導溝通,就必須首先從高管關(guān)心的答案開始,然后列出你的論點,<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;">
        今天我們的很多設(shè)計師其實邏輯不太好,在產(chǎn)出你的設(shè)計方案和設(shè)計提案時,往往先講很多分析,分析完了講方案。然后得出結(jié)論,這個是大多數(shù)人的做法,這樣做容易出現(xiàn)一個問題就是:有時候如果邏輯之間沒有串聯(lián)性,很容易牛頭不對馬嘴。舉個例子,很多同學在講作品集時候,很喜歡放一堆推導的過程,什么用戶畫像,人群特點,痛點等等一堆的觀點,但是最后呈現(xiàn)的視覺方案往往和前面推導的過程相差甚遠。推導的方向是ABC,結(jié)果設(shè)計稿是EFG,這樣的結(jié)果就會顯得你邏輯混亂。
    </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;">
        為什么我們要從先答案開始?因為今天你和你主管溝通也好,和產(chǎn)品或者高管溝通也好,你要最大程度上運用好你的時間,這些領(lǐng)導都是大忙人,他們每天的行程非常滿,沒有辦法聽你在介紹一個項目從項目背景,人群等等維度去徐徐道來。如果你前面講一堆他沒有關(guān)注的內(nèi)容時候,就會變得尤其不耐煩。所以這也是為什么很多同學在設(shè)計提案時候總是讓人感覺啰嗦,因為<strong style="outline:0px;margin:0px;padding:0px;">你沒有關(guān)注到對方想要重點看到的內(nèi)容,你只是在表達,你覺得好的。</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;">
        所以為了最大限度利用你和一個領(lǐng)導短暫的溝通時間,你首先要做的就是拋出對于這個事情的答案和建議?;蛟S很多時候,<strong style="outline:0px;margin:0px;padding:0px;">領(lǐng)導可能已經(jīng)心中對于這個事情已經(jīng)有答案了,如果你們的觀點一致,他會快速接受你的建議,繼續(xù)到下一步,而不需要你從頭到尾講一遍。</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;">很多領(lǐng)導思考問題一般會從大局出發(fā)啊,會自上而下去思考,他們會把精力放到更高的點,他們不想太糾結(jié)于細節(jié)過程,他們在評審一個設(shè)計,或者一個產(chǎn)品功能時更多關(guān)注答案本身</strong>。然后再逐步了解細節(jié),所以我們一定要學會融入這些主管思維模式。
    </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;">
        當你領(lǐng)導問你一個問題該怎么做時候?你直接丟出答案,會更加的有說服力和咨詢。而不是開始尋找理由,或者各種猶豫,因為你一上來就回答了別人問你的問題。
    </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;">分類并總結(jié)出觀點</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;">
        前面我們拋出了我們的答案和觀點,那么接下來我們就要分類并且說出能夠支持你結(jié)論的理由,一般我建議以3個論點去闡述,為什么是3,大家可以看看之前我寫的《設(shè)計師常用的思考秘籍:三的法則》。闡述的時候,參加會議的人或者領(lǐng)導自然而然的會把你的論點和想法歸納總結(jié),同時也會更容易記住。這樣去表述觀點,會讓你整體的方案更加容易被接受。
    </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;">
        我們來舉個例子,你的主管問你,你覺得蘋果的設(shè)計為什么好?那么你可以先拋出答案:因為蘋果的設(shè)計很簡約,非常易用,讓用戶感覺很貼心,同時它的設(shè)計很好將商業(yè)和美完美的結(jié)合。具體的表現(xiàn)有三個:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第一個簡約,蘋果的設(shè)計非常現(xiàn)代,簡單的線條,白雪的設(shè)計語言,讓蘋果系列產(chǎn)品非常具有識別性。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第二點蘋果設(shè)計沒有過多裝飾性設(shè)計,每個設(shè)計都會讓你感覺很貼心,比如根據(jù)光線,自動調(diào)節(jié)屏幕,時鐘會隨著時間而變化,系統(tǒng)會根據(jù)時間調(diào)整顏色等等。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第三點蘋果的設(shè)計很好的將商業(yè)價值最大化。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        那么你從上面幾個維度去和領(lǐng)導溝通,就能很有說服力,你上來就給出了答案,同時還分組的闡述了你的論點。
    </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;">
        再來一個案例,比如可口可樂出了一個新的茶品牌,融合植物、茶淬取物和其他健康成分。所以他品牌設(shè)計是個綠色,假如今天你在和領(lǐng)導提案時候,領(lǐng)導問你,為什么要選擇綠色作為品牌設(shè)計?
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        你是不是可以這樣回答他:因為綠色能給人自然,環(huán)境,健康的感受,具體表現(xiàn)有以下三個方面:
    </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.同時綠色也和新鮮環(huán)保概念能很好的結(jié)合。
    </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;">
        當你分組并總結(jié)你的論點時候,能更容易把你想法傳遞出去,并且讓人很好的理解,邏輯性的歸納總結(jié)你的觀點。
    </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;">
        金字塔原理在做設(shè)計提案或者作品集時也非常有效,我們會經(jīng)常去說產(chǎn)品問題有哪些,然后得出我們的設(shè)計目標ABC,然后利用金字塔原因,我們根據(jù)設(shè)計目標A得出設(shè)計方案A,根據(jù)設(shè)計目標B得出設(shè)計方案B,根據(jù)設(shè)計目標C得出設(shè)計方案C,這些方案之前有關(guān)聯(lián)關(guān)系,有互相映射的關(guān)系。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        很多同學容易在這一步出現(xiàn)問題,設(shè)計目標是ABC,設(shè)計方案卻是DEF,完全沒有關(guān)聯(lián)性。還記得我之前和大家分享的,<strong style="outline:0px;margin:0px;padding:0px;">今天你在闡述一個觀點時候,一般可以基于三個點去表達,第一個點一般是最主要的,根據(jù)重要程度,最重要到次要逐步呈現(xiàn)。</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;">
        比如寫作上,很多人問我平時寫作有什么方法么,其實很簡單就是運用金字塔原理,比如我想寫一篇關(guān)于魯班取代設(shè)計師文章,那么怎么去寫:
    </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;">
        魯班不會取代設(shè)計師,取代的只是重復性的設(shè)計,設(shè)計創(chuàng)意和設(shè)計理念不會被取代。
    </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.分組并總結(jié)出支持你觀點的內(nèi)容</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;">
        比如觀點一,設(shè)計理念是機器無法去做的,設(shè)計文化,設(shè)計歷史這些有文化傳承的內(nèi)容,舉例說明。觀點二,有創(chuàng)意是設(shè)計無法取代,比如很多創(chuàng)意廣告這些,這些需要大量腦洞等等。觀點三,重復性的工作會被去掉,所以設(shè)計師要把精力關(guān)注到設(shè)計創(chuàng)意和設(shè)計理念,設(shè)計思維層面上。
    </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.設(shè)計總結(jié)</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;">
        那么根據(jù)上面那些觀點,得出我今天文章想傳遞的三個觀點:
    </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.魯班不會取代設(shè)計師,反而會減輕設(shè)計師壓力,幫我們解決重復性設(shè)計,我們可以把精力放到更有價值的設(shè)計上去。
    </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.設(shè)計師要把價值放在產(chǎn)品體驗上,產(chǎn)品問題,使用不順暢這些是設(shè)計師可以發(fā)現(xiàn),機器無法發(fā)掘的,我們需要去洞察用戶,做出好的設(shè)計驅(qū)動業(yè)務。
    </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.重點多花精力在設(shè)計理念和設(shè)計創(chuàng)意上。
    </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>
了解一個事物的結(jié)構(gòu),可以幫我們反思并且發(fā)現(xiàn)一些問題漏洞。這也是為什么我推薦設(shè)計師一定要學會金字塔原則,因為今天 我們在做產(chǎn)品的過程中,首先要建立共識:我們的產(chǎn)品主要解決什么問題?為什么應該如何去解決,怎么判斷優(yōu)先級?我們的解決思路是什么?數(shù)據(jù)上有什么問題?這些問題都需要我們?nèi)ヌ崆八伎肌?/strong>同時金字塔能夠幫你了解更多你不知道的事情,并且得到很多設(shè)計驗證。 
    <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;">藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。<br style="box-sizing:border-box;" />


文章來源:站酷   作者:我們的設(shè)計日記
    <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;">
        免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
    </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://m.yvirxh.cn/blog/admin" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;">藍藍設(shè)計</a>(&nbsp;<a href="http://m.yvirxh.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;">m.yvirxh.cn&nbsp;</a>)是一家專注而深入的<a href="http://m.yvirxh.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;">界面設(shè)計公司</a>,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、<a href="http://m.yvirxh.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界面設(shè)計&nbsp;</a>、&nbsp;<a href="http://m.yvirxh.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界面設(shè)計&nbsp;</a>、&nbsp;<a href="http://m.yvirxh.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界面設(shè)計</a><a href="http://m.yvirxh.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://m.yvirxh.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;">包裝設(shè)計&nbsp;</a>、&nbsp;<a href="http://m.yvirxh.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://m.yvirxh.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;">用戶體驗 、交互設(shè)計、&nbsp;</a><a href="http://m.yvirxh.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;">網(wǎng)站建設(shè)</a><a href="http://m.yvirxh.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://m.yvirxh.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;">平面設(shè)計服務</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>



交互設(shè)計師該如何高效地分析問題

ui設(shè)計分享達人

一. 明確和理解問題

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

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


二. 拆分問題

拆分問題就是問題痛點的出現(xiàn)核心問題,拆分問題涉及的維度的關(guān)聯(lián)性拓展有哪些。

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


案例:配送管理的業(yè)務組件【打印交互組件重構(gòu)】

【背景】

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

【現(xiàn)有問題】

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

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

【前期準備】

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

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

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

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



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


1.熱力分析(GIO)

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


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


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

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



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



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

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

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


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

【交互層:信息關(guān)聯(lián)】

1.交互關(guān)聯(lián)性更強,現(xiàn)在是聯(lián)級反饋,解決點擊一級內(nèi)容不知道二級內(nèi)容的編輯的可視區(qū)域;

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



【方案輸出】

方案一:配置頁的構(gòu)想,假設(shè)在設(shè)置模塊有單獨承載打印配置的區(qū)塊,而當前對話框的勾選內(nèi)容是便捷選項,如需要更深設(shè)置,需跳轉(zhuǎn)到打印配置區(qū)塊

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


【可用性測試】

采用行為觀察法。


【迭代成果】


       迭代前                                                                      迭代后




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

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

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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



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

ui設(shè)計分享達人

一、社會背景  Social Context


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



1.大廠的變化

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


谷歌的 Aandroid 11 

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


蘋果的 IOS 14

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


微軟的 Fluent UI

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


2.社區(qū)中的熱門設(shè)計

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


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



二、UI設(shè)計 User Interface


1. 設(shè)計服務與內(nèi)容

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


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


2.更大的圓角


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


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



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


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


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



4. 新材料新擬態(tài)


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



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



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


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


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



6. 來自未來的風格


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



7. 深色模式


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




三、插畫風格  Illustration


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


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


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


2.情感化的插畫設(shè)計


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


3. 插畫的組件化與創(chuàng)新


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


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





四、交互方式  IInteraction


1. 多屏協(xié)同辦公


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


萬物互聯(lián)已經(jīng)是很久的話題了。在 2020 年華為的鴻蒙系統(tǒng),發(fā)布了跨設(shè)備進行的分布式交互,實現(xiàn)了多屏協(xié)同。我感覺,這將是很重要的一步。 



2. 秒驗身份認證


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


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




3. 單手交互的挑戰(zhàn)


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


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





4. 折疊屏

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



五、技術(shù)升級  Iechnology


1. 關(guān)注隱私保護


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



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




2. 智能自動化辦公


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



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




3. 腦機

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



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



4. 虛擬現(xiàn)實&增強現(xiàn)實


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



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



5. 5G 運用


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


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


不管如此,5G 在 2020 年度過各種坎坷,最終普及到我們每個人身上。5G 對許多領(lǐng)域都會有質(zhì)的影響,特別是依賴網(wǎng)絡環(huán)境的場景。其中就有辦公領(lǐng)域,大文件上云、協(xié)同辦公或遠程會議,5G 將會給這些場景提供更好的體驗,也會讓更多可能變?yōu)楝F(xiàn)實。 



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


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

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

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

免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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


分類

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.yvirxh.cn

存檔