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

          首頁

          設計基礎(1):格式塔理論在B端產品中的應用

          seo達人

          格式塔主要包括7個基本原則:

          圖片

          今天我們就來總結下,格式塔原理在B端產品中是如何應用的?

           

          #01 接近性原則

          我們先看2張截圖,分別是不同分辨率下的界面效果。

          圖片

          可以明顯的感覺到高分辨率下,菜單列間距離較大,菜單的歸屬關系很清晰。而低分辨率下,菜單間的距離變小,特別是后面兩列的菜單會給人混在一起的感覺。

          這就是格式塔原理中的接近性原則,距離近的關聯親密,距離遠的就各自獨立分組。

          當我們想要傳達給用戶層級關系時,就需要善于利用接近性原則。例如表格上方的功能按鈕,通常我們將高頻、核心操作放置在左側,低頻、輔助功能放置在右側。通過增大元素間的距離,達到功能分區的目的。

          圖片

           

          #02 相似性原則

          相似性原則是通過顏色、尺寸、圖形等方面的共同屬性,實現信息的分組或者高可讀性。

          例如在可視化圖表中,不同范圍值的指標采用不同的背景色。通過背景色的差異,將同一范圍內的數據形成視覺關聯,提高用戶對信息的識別效率。

          圖片

          通過圖形尺寸的相似性也可以構建內容分區。例如阿里云、騰訊云控制臺的首頁,都采用了雙列設計,左側主要以高頻的業務功能信息為主,右側是輔助運營信息。兩列尺寸寬度有明顯差異,用戶會將相同寬度的卡片歸為一組。這樣有助于用戶理解兩類卡片的內容差異,并有效地突出業務信息。

          圖片

           

          #03 閉合性原則

          IBM、蘋果的Logo設計,無論是“用刀砍過”,還是被“偷咬了一口”,用戶仍然可以識別出完整圖形。這就是視覺閉合性原則的一種表現方式。

          圖片

          在UI設計中,則會通過對齊方式,形成虛擬空間。例如下圖中阿里云通過明顯的背景色、陰影等手法形成有形的內容空間。而微信公眾號則是平鋪背景色,內容區借助標題、卡片對齊形成視覺閉合空間,最終將頁面劃分為左側導航菜單和內容區兩個空間。視覺表現上更輕量化。

          圖片

          另外閉合性是需要元素之間相互輔助的,單獨的元素無法構建出閉合空間。以下圖為例,雖然四個小的卡片做了間距分割,但是由于界面整體上是橫向分割的。我們會將4個卡片看作是整體元素去理解和認知。

          圖片

           

          #04 連續性原則

          用戶更習慣于從左到右的橫掃閱讀,因此連續性主要體現在橫向空間中。

          下圖中,雖然左側的標簽文字與右側的內容信息有較為明顯的間距,高度尺寸差距也比較大。但是用戶不會將內容看作是4個獨立的個體,而是理解為兩組信息。

          圖片

          在某些場景中,如果信息平均分布,不會產生連續性的視覺感知。

          例如下圖指標監控中,指標都是采用小卡片,間距、尺寸較為統一。這種情況下用戶就很難對信息分組處理。在我看來這些指標只是一個個的視覺散點,沒有明確的視覺重點。用戶無法感知到內在的邏輯性。用戶想要找到某個指標時,需要逐個檢索,花費的成本更高。

          圖片

           

          #05 簡單對稱原則

          通過上述很多圖片,我們可以看出頁面元素基本都是橫平豎直,中規中矩的元素和分割方式?;蛟S有些單調乏味,但是勝在簡單,不會帶來額外的視覺噪點。

          特別是B端產品,基本看不到異形的存在,甚至全圓角矩形都很少見到。即使有異形,也只是作為視覺表現元素存在于內容中,而不會作為空間的劃分邊界。

          圖片

           

          #06 主體與背景原則

          主體與背景原則最典型的應用就是蒙版彈窗。通過拉大主體與背景的差異性,凸顯彈窗信息。

          當我們需要著重表現內容時,同樣適用于主體與背景原則。例如登錄界面的設計,會通過差異化的背景、陰影等方式,帶給用戶清晰的視覺層級,適當凸顯輸入框的主體地位。

          圖片

          而B端內容區是核心空間,基本都是采用純白背景,與頁面背景形成對比,從而占據信息的主體地位。

          圖片

           

          #07 共同命運原則

          共同命運原則聽起來有點玄學,指的是相同運動特征的元素會被認為是同一組或者是具有相關性的內容。運動的元素在B端產品中應用很少,我沒有找到合適的案例解釋這個原理。

          在移動端產品中有些應用案例。比如iOS系統中,桌面布局編輯態下抖動的圖標,可以與靜態不可編輯的內容形成隔離效果,視覺引導性更強。同樣今日頭條頻道編輯時,也采用了抖動效果。

          圖片

           

          總結

          雖然B端產品沒有C端色彩豐富,表現力上沒那么炫酷。但是兩者對信息傳達的要求是一樣的,要求和諧、有序、層次分明,輔助傳達內在的業務層信息。靈活地運用格式塔原理將對產品的體驗提升會有很大的幫助。

          格式塔原理不僅限于視覺表現,產品經理或交互設計師在原型設計時,也要重視格式塔原理,輔助設計方案表達,提高團隊間的協作效率。

          今天的分享就到這里了。如果有更好的案例,歡迎評論區留言分享給大家~

           

          原文地址:子牧先生UXD(公眾號)

          作者:子牧先生

           轉載請注明:學UI網》設計基礎(1):格式塔理論在B端產品中的應用

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          產品細節剖析,讓你看看大廠是如何做設計的

          seo達人


          2021 | 第15篇分享目錄(211~225

          211.「微信」授權登錄-多重身份 保護個人隱私

          212.「愛奇藝」上/下手勢交互-不只是調亮度和音量

          213.「餓了么」配送進度-便捷的操作及同理心地圖

          214.「微信」語音消息-個性化的內/外音自動切換

          215.「網易云閱讀」Word模式-摸魚生涯的巔峰時刻

          216.「QQ」情懷-用故事和記憶減少用戶流失

          217.「支付寶」收款碼-信息自動翻轉提升視覺舒適度

          218.「自如」背景圖-模擬現實世界的晝夜變化

          219.「淘寶」物流信息-最新動態 一目了然

          220.「微信」搖一搖-不同性別、不同的圖片你如何理解?

          221.「紙條」簡單的彈窗-暖心的設計

          222.「高德地圖」風景名勝區-超贊的手繪版實景地圖

          223.「英語·流利說」保存退出-再堅持一下好嗎?

          224.「即刻」細節控-走心的設計總會打動一些人

          225.「網易云音樂」生日快樂-有溫度的交流“俘獲人心”

           

          211.「微信」授權登錄-多重身份 保護個人隱私

          產品體驗:

          我們在其他應用選擇微信第三方登錄時,進入授權頁面,可通過新建用戶信息,設置全新的頭像和昵稱授權給其他應用作為基本信息,還能使用隨機選擇系統默認提供的頭像和昵稱。

          設計思考:

          用戶選擇第三方登錄最主要的原因就是不想注冊賬號,在這個應用多如牛毛的時代,很多應用可能用一次就卸載,在非必要的情況下,手機號碼能不使用最好,而第三方賬號無疑就是最好的捷徑,無需記憶賬號密碼,而且方便快捷。但即便是用第三方賬號登錄,也有不想泄露基本信息的時候,比如用微信登錄xxx社交平臺,美其名曰聊天交友,實則“…”,這時候如果被老朋友從自己的頭像、昵稱中認出來就尷尬了。

          在第三方登錄中選擇微信登錄時,可在授權頁面通過新建用戶信息重新設定頭像和昵稱,或者使用微信提供的隨機信息,在成功登錄其他應用后變成一個全新的自己,這種方式有助于保護用戶隱私,能避免在其他應用未及時修改微信昵稱、頭像導致泄露給自己帶來不便,通過新的個人信息登錄用以增加安全系數,讓用戶用的放心。

          (PS:尤其是喜歡將自己的真實相片設為微信頭像的用戶,頻繁授權第三方應用,多少都有一定的風險)

           

          212.「愛奇藝」上/下手勢交互-不只是調亮度和音量

          產品體驗:

          使用愛奇藝APP橫屏觀看影片時,在左右滑動(快進/快退)過程中,可在不松手的情況下進行上下滑動并根據提示切換劇情。

          設計思考:

          關于手勢交互的應用越來越多,雖然學習成本較高,但有很多常規的手勢已經把用戶的操作習慣給培養出來了,當進入到似曾相識的頁面中,條件反射性的自然運用。比如視頻類應用在橫屏觀看時,左右滑動調整播放進度、左側上下滑動調整亮度、右側上下滑動調整音量,這么一看,好像該屏幕所在區域都給合理的安排上了,如果還想在哪個區域添加功能入口的手勢交互,幾乎不可能了。

          愛奇藝APP橫屏看片的交互手勢真是無所不用其極,將其做到了最大化程度的利用。當用戶在左右滑動調整進度時,最有可能出現的想法是對當前內容或劇情不感興趣,通過進退的方式逃離此畫面,在滑動過程中,界面會出現“上下智能跳劇情”的文案提示,在不松手的情況實現階段性的劇情跳轉。文案提示能降低用戶的學習成本,讓其快速知曉系統所隱藏的交互手勢,以達到教育用戶的目的,上線滑動則方便用戶根據提示快速定位至新的劇情,跟左右滑動總是停留在未知區域相比,定位更清晰,讓用戶享受到更便捷、精準的服務體驗。

           

          213.「餓了么」配送進度-便捷的操作及同理心地圖

          產品體驗:

          ①在餓了么下單后再次進入,APP左下角后顯示正在進行中的訂單快捷入口,點擊快速查詢配送進度;

          ②配送進度騎手地圖頁面,會顯示實時的天氣信息(尤其是雨天,特別突出)。

          設計思考:

          都知道買衣服及各種生活用品上京東、淘寶,到了飯點就上餓了么、美團外賣。我們可以在在淘寶逛上幾個小時,反復進進出出看著在平臺算法下給我們推薦的各種東西,隨時購買,但卻沒辦法在外賣平臺呆很久,如果頻繁進入應用,最大可能就是查看下單后的配送進度。

          餓了么APP存在外賣訂單時,用戶二次進入應用的需求絕大多數都是查看配送進度,平臺也是基于用戶的這種心理需求,通過行為預判給予用戶最便捷的操作,并通過情感化的方式觸發其同情心理。

          ①下單后再次進入平臺,右下角會提供正在進行中訂單的快捷查詢入口,點擊即可快速查詢當前配送進度,省去了原來需要從訂單功能去查詢的多步驟操作,“一步到位”節省用戶更多時間。

          ②如果天氣狀況較為惡劣,騎手地圖會顯示當前的實際天氣情況,尤其是雨天,當我們的外賣久久沒有送到時,看到騎手地圖上的傾盆大雨,足以能引發同情心理,對遲到的外賣也能表示諒解,以減少對騎手的投訴、訂單的差評,同時提升餓了么平臺的整體服務質量,優質服務的平臺能吸引更多的用戶使用,形成良性循環。

          (PS:同理,我們在上班途中遇到大雨,很容易想象自己當時的心理,最終導致上班遲到,但并沒有受到相應的處罰。惡劣天下時,領導可以容忍我們上班遲到,我們又為何不能容忍騎手遲到呢?)

           

          214.「微信」語音消息-個性化的內/外音自動切換

          產品體驗:

          在微信聽語音消息時,默認是揚聲器播放,當碰到不方便收聽或噪音較大的環境時,將手機聽筒貼近耳朵,系統會自動切換至聽筒播放。

          設計思考:

          在溝通交流時,文本消息使用的最為頻繁,但并不意味著文本消息是最好的表達方式。相較于文本消息,語音消息屬于一種強提醒的方式并附帶感情色彩,接收者的感知度更強,接收效果也會更好,如果你是一個精英/教育類型的職業者,每天面對幾百上千條回復,就知道用語音消息回復有多香了,但是,這也意味著接收者的干擾程度也更強,如何讓接收消息的一方把干擾降到最低,是值得產品團隊深思的問題。

          微信在很早之前就上線了語音轉文字功能,雖然能解決部分接收者不方便聽的問題,但此功能是建立在發送者普通話非常標準的基礎之上,否則即便轉成文字也會看的一臉蒙圈??紤]到語音消息接收方的場景問題,如果不方便聽語音或者外面很吵時候,播放語音時,將手機聽筒靠近耳朵,無需任何操作,會自動切換至聽筒播放,方便在任何環境都能收聽語音消息,對用戶十分友好,不得不說,微信團隊為用戶創造出了既便捷又個性化的使用體驗。

           

          215.「網易云閱讀」Word模式-摸魚生涯的巔峰時刻

          產品體驗:

          用瀏覽器進入網頁版的網易云閱讀,點擊閱讀頁面的“Word模式”或直接按F2鍵,畫風突轉,整個網頁會變跟Word極其相似的畫面。

          設計思考:

          你是否有過在上班時間里將工作完成后去打發時間?是否為了勞逸結合而忙里偷閑、或者自己本來就是摸魚黨“楷?!?,這時可能會去看看新聞或小說,可總是提醒吊膽,冷不防就被某個領導給瞧見了,不管你切換畫面的速度有多快,總是快不過暗處的一雙眼睛。

          網易云閱讀網頁版上線了Word模式之后,簡直開啟了小說類摸魚黨的巔峰時刻,點擊“Word模式”或按F2,就可以對著電腦假裝“上班”了,就算領導從身邊經過,只要不仔細看“Word”內容,就很難發現這是在看書,當你的同事和領導發現你目不轉睛的盯著電腦,沒準就會認為你是一個全神貫注工作的后生仔。網易云閱讀的“Word模式”應該算是摸魚黨的必備神器之一了,如果你在工作之余有閱讀的習慣,在條件允許的情況下不妨試一試吧。

          (PS:word模式并非鼓勵我們在上班時間去摸魚,成年人的任何事情都是靠自覺,如果你是為了緩解工作壓力或在工作完成的情況下去看會書卻又總是擔心被領導發現后的尷尬,Word模式或許可以幫你解決這個問題)

           

          216.「QQ」情懷-用故事和記憶減少用戶流失

          產品體驗:

          使用QQ聊天時,在對話框頁面空白區域左滑,會進入與該好友的關系頁面,在這里,可以看到成為好友的累計天數、共同屬性、添加時間等一系列信息。

          設計思考:

          每一個80、90后都有一個無法忘記的QQ號,還記當年去網吧的情景,可以不玩游戲、不看電視劇、不聊天,但是不能不掛QQ,時至今日,雖然心已被微信“掏走”,但不管是手機還是電腦,QQ軟件依然是這群人的裝機必備,就算不關注了,可“小太陽”還在默默升級,因為它承載著我們太多的記憶和故事。

          在QQ好友的聊天界面左滑,可進入與該好友的關系界面,能看到添加好友時間、成為好友累計天數、星座等相關信息,滿滿的回憶殺,似乎一切都會回到了最初的美好。不得不說,QQ用賣弄情懷的方式能在很大程度上加深用戶對產品的印象,增加其使用粘性,在微信橫行的社交年代,或許這也是減少QQ用戶流失不錯的方案之一了。

           

          217.「支付寶」收款碼-信息自動翻轉提升視覺舒適度

          產品體驗:

          當我們把支付寶的收款碼頁面展示給對方時,如果將手機頭部朝向對著別人,這時二維碼中間的頭像、部分標題和描述文字會在原位置自動翻轉。

          設計思考:

          平時我們在給別人出示二維碼時,因每個人習慣的不同,有的會扭動手腕來個水平翻轉,但也可能直接抬高手腕將手機頭部朝下遞出去,這時站在對方的角度,看到的信息都是倒過來的。

          支付寶在這方面做了一個很貼心的設計,當我們將手機頭朝下把收款二維碼出示給對方,頁面中的部分信息會在原來的位置自動翻轉回正,雖然沒有實質性的作用,但能讓對方看起來不是那么別扭,間接的提高了視覺舒適度。

           

          218.「自如」背景圖-模擬現實世界的晝夜變化

          產品體驗:

          在自如“我的”頁面,頂部背景圖通過模擬現實世界中的自然規律,白天陽光照射、夜晚月光皎潔。

          設計思考:

          在我們的印象中,通常白天是晴空萬里、艷陽高照,而晚上則是夜深人靜、滿天繁星,這也成為了每個人心中永恒不變的定律,而很多產品團隊則會把這種自然規律的變化帶入應用之中。

          自如APP“我的”頁面頂部背景圖跟隨晝夜環境的變化自動交替切換,UI視覺場景模擬現實世界的自然變化,使其更具真實感,便于用戶在視覺傳達的過程中結合現有認知,映射出更具親和力的產品使用體驗,通過細枝末節營造出最舒適的視覺表現力,帶給用戶不一樣的驚喜。

           

          219.「淘寶」物流信息-最新動態 一目了然

          產品體驗:

          進入淘寶我的頁面,如果有待收貨訂單,在我的訂單區域下方會顯示最新的一條物流軌跡信息,進入待收貨列表,訂單下方也會一一顯示,用戶不用進入物流詳情頁面就能知曉當前訂單物流進度及更新時間。

          設計思考:

          有人問,如果物流信息遲遲不肯更新、就像停了一樣,這是一種什么樣的體驗?很多人在電商平臺買了東西,會時不時看下物流信息有沒有更新,從哪發貨、多少天能到都不重要,關鍵是在“動”就行,或許商品到了,在菜鳥驛站都能甩上一兩天。其實,這是因為快遞在運輸過程中,每更新一個狀態,就有種離自己越來越近的感覺,從期待到興奮變化,這也是網購的一個特定,只要不出問題,在等待的過程中看著不斷變化的物流信息也是一種享受。

          淘寶產品團隊考慮到用戶的這種心理,提供了更為便捷的物流查詢方式,進入APP我的頁面時,在訂單區域就能立即看到最新的物流軌跡,如果待收貨訂單較多,進入待收貨列表只需上下滑動就能快速瀏覽多個訂單物流信息,免去了每個訂單都要進入物流詳情頁面查看的反復操作,讓用戶能通過最短的時間、做少的操作滿足自己的需求,體現了應用的便捷性,提升用戶體驗。

           

          220.「微信」搖一搖-不同性別、不同的圖片你如何理解?

          產品體驗:

          在微信的搖一搖頁面,不同性別的用戶所看的搖一搖圖片(握設計手勢)不一樣。

          設計思考:

          微信一直追求的都是極簡設計,要求非常簡單,目的就是無需做任何的學習、任何人都會用。其實,不光交互流程、操作邏輯是如此,即使沒有任何操作的純視覺頁面也是如此,足以看出是多么的細節控。

          微信的搖一搖界面,不同性別的用戶看到的圖片不同,不難發現,女性的界面比男性多了一個手指頭,看起來這一個很簡單的細節,似乎起不到任何作用,但如果發揮無限遐想,也是有跡可循的。搖一搖開發之初,內部曾經命名為“錄一錄”,如果稍微往邪惡了想,“lu一lu”大家都懂,以至于后來很多人都從動作姿勢上聯想,很像“手yin”,如果認為這是一個很牽強的結論,那么張小龍曾經公開說過“它是一種人類的性的驅動力在完成整個過程的,沒有什么吸引你的驅動力比性的驅動力會更加原始”。拋開所有的遐想,單單從性別不同就提供不一樣的視覺效果,哪怕是微小的變化,也能看出設計團隊很細節控,在不斷追求完美的過程中力求做到極致。

           

          221.「紙條」簡單的彈窗-暖心的設計

          產品體驗:

          在晚上0點以后進入紙條APP,會出現溫馨的提示“夜深了,明日再早起努力吧”彈窗,暗示用戶早點休息。

          設計思考:

          喜歡熬夜的人無非兩種:一種長期習慣性的熬夜工作、輸出或學習,特有靈感及動力;還有一種就是熬夜追劇刷視頻,就算躺在床上也得抱著手機。不管哪一種,通常都會忽略時間的流逝,不經意間就過去了幾個小時。

          紙條APP是一個學習類型的應用,當用戶在0點以后進入,系統會通過彈窗提醒用戶夜深了、該休息了,此提示有助于快速勾起沉浸在學習中用戶的時間觀念。我們都知道,時間雖然很緊,可身體才是革命的本錢,用戶看到此提示后,即便不會立即去休息,但可通過清楚的時間觀念來計劃接下來的學習節點。一個簡單的彈窗,足以體現出產品對用戶的關愛,是一個很暖心的設計。

           

          222.「高德地圖」風景名勝區-超贊的手繪版實景地圖

          產品體驗:

          使用高德地圖搜索部分景區,如黃鶴樓、泰山、故宮等風景名勝區,放大后會出現超實景的手繪版地圖,畫面清晰程度精確到每個石階、每一棵樹。

          設計思考:

          高德地圖應算得上是用戶旅游出行的好幫手了,先不說本身就有較為完美的導航服務,就連吃、喝、玩、樂、購一條龍服務都是妥妥的,雖然如此,可依然有用戶因為對景區不熟悉而走冤枉路、游走不全面等不盡興的問題。

          高德地圖還有一個隱藏的黑科技,可助力用戶在出行前對國內的部分景區作更深入的了解。輸入景區名稱搜索定位至該景區,當地圖放大到一定程度時,會自動切換超級詳細的手繪版地圖,途中的任何一個點都清晰可見,精確到一棵樹、一個臺階、一塊地板磚。高德的手繪地圖與地圖軟件完美融合,第一時間將景區完整呈現在游客面前,讓游客對景區全貌一覽便知,極大的方便了游客對于參觀路線的選擇。另外常規的地圖樣式早已不能滿足人們的欣賞水平,手繪地圖作為既古老又時新的表現方式,不僅方便用戶使用,還能受到更多用戶的青睞,為培養更多忠實的用戶打下堅實的基礎。

           

          223.「英語·流利說」保存退出-再堅持一下好嗎?

          產品體驗:

          使用英語·流利說在學習英語的過程中,點擊保存并退出時,系統會通過彈窗中激勵性的文案,鼓勵用戶再堅持一下完成僅剩一丟丟的學習內容。

          設計思考:

          惰性是天生的,這也是每個人常規的通病,如果一個人的自律性很高、一直處于學習狀態并努力的提升自己,那么一定使用過非常規的手段并結合內/外在環境等因素來打破常規(天生愛學習的除外,畢竟少數),即便如此,在學習過程中半途而廢的也是多不勝數。

          在英語·流利說APP學英語時,如果存在某些外在原因,比如:朋友叫逛街、喝酒、玩游戲…等,退出的過程中,系統會彈出“還差一點就完成了…”的文案,在用戶可能產生放棄念頭時,給予提醒并告知接下來的難度很小,給予堅持下去的動力。平臺通過彈窗提醒并鼓勵用戶走的更遠,做更多的事情,用戶一旦堅持下來,對雙方都是不錯的結果,甚至產生無限可能。

           

          224.「即刻」細節控-走心的設計總會打動一些人

          產品體驗:

          即刻APP動態模塊的點贊圖標會根據圈子類型的不同而變化,比如在“晚安電臺”中是月亮樣式,“大產品小細節”中則是可愛的表情包樣式。

          設計思考:

          在很多產品中有一些看似無關緊要、不痛不癢甚至跟自己毫無關系的設計細節,他們可以是一行文字的間距、一個文字的替換、一個圖標的變化……

          即刻APP根據不同圈子的類型,其點贊圖標也不同,在“晚安電臺”中是月亮的樣式,“大產品小細節”中則是可愛的表情包樣式,圖標附帶最直觀的類別屬性基因,始終保持著貼近于用戶對生活中常規事務的感知樣式呈現,非常走心的設計,雖然只是一個無關痛癢的圖標樣式變化,但對于細節控的用戶,發現后也能產生一定的好感。

          (PS:其實這種微弱的設計細節,口頭上似乎沒有什么說服力。很簡單,舉個例子:在1000個用戶中,有100個用戶發現這個細節,其中只有1個人被打動,可能整個團隊都覺得不值一提,但站在做設計的角度,如果在應用中有上百個這樣的設計細節,那么是不是用戶體驗就能提升10%?雖然答案不為可知,但在幾乎不影響用戶、不增加工作量的情況下完全可以嘗試,況且在遵循基本原則的情況下,從來沒有絕對的正確和錯誤,都是在無數次的嘗試下逐步完善提升…)

           

          225.「網易云音樂」生日快樂-有溫度的交流“俘獲人心”

          產品體驗:

          在生日當天進入網易云音樂,金剛區第一個功能“每日推薦”會替換成“生日快樂”,進入此功能后,列表的第一首歌曲為“祝你生日快樂”。

          設計思考:

          之前看到一個問題“什么樣的人機交互最完美”?其實沒有所謂的最完美,只有在通過不斷的優化、完善的基礎上,力求做的更好。如果說一定要給一個答案,我想最起碼要在滿足用戶基本需求的情況下做到有溫度的交流,這就好比你跟一個鋼鐵直男或者思維敏捷且開朗的人對話,前者一問一答、甚至會引起不適,后者則會舉一反三、以更有溫度的交流方式并留下深刻的印象。

          從網易云音樂APP的很多細節上可以看出,不僅做到了有溫度的交流,更是升級到了俘獲人心的地步。在生日當天買進入APP,金剛區第一個功能變成了生日快樂,進入該功能后,第一首歌曲就是“祝你生日快樂”,在不經意間直擊用戶內心。產品用熱心為用戶帶來溫暖和撫慰的力量,不管是否處于回報熱情,用戶在驚喜之余,能一定程度提升對產品的忠誠度,增加使用粘性。

           

          結語:

          設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日后輸出優秀的作品當鋪墊,對自己的能力提升以及未來的職業發展帶來便利。

          本期產品設計細節分享結束,我們下期再見。

           

          原文地址:能量眼球

          作者:大漠飛鷹CYSJ

          轉載請注明:學UI網》產品細節剖析,讓你看看大廠是如何做設計的

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          交互設計師該如何提升“軟實力”?

          seo達人

          我將交互設計師應該具備的能力總體上劃分為“硬實力和軟實力”兩個大方向:

          硬實力是指專業能力,包括交互設計能力、對所負責的業務線與對應產品的理解程度、對產品面向的用戶群體與用戶使用場景的了解程度、對設計規范與組件的熟練應用、數據分析能力、對設計工具的熟練使用、以及具備一定的視覺審美。

          軟實力是指通用能力和個人影響力,通用能力主要包括“溝通與表達能力、推動與執行能力、項目管理能力、復盤總結能力”;個人影響力主要包括“分享、指導、創新能力”。

          本文將結合我的工作經驗,以及不同公司招聘要求中都有的共性點,向大家介紹如何在日常工作中培養和提升自己的軟實力。

          下圖是我簡要繪制的“交互設計師能力框架圖”:關于硬實力這部分內容,在我之前的文章中已經梳理過一些,感興趣的可以回頭翻看。

           

          一、通用能力

          1. 溝通與表達

          首先你需要分析自己的性格特點,一般外向的人擅長溝通,即便不是外向型,也最好不要是內向不愛說話。只有你發自內心的愿意主動與他人溝通,別人才能感受到你的親和力。

          其次不管與怎樣性格的人溝通,把握的第一個原則是“就事論事”:沒必要為了事情大聲爭論,甚至上升為人身攻擊,我們溝通的初心是為了解決問題,應該盡可能的“求同存異”。

          你需要做的是想辦法解決影響事情順利發展的各種障礙,過程中遇到的非主觀因素記錄下來便于后續總結。

          表達是指將思維所得的成果用語言等方式反映出來的一種行為,是向他人正確傳達自己的想法。

          比如與同事溝通表達自己的觀點、公開演講、獲獎感受等,表達的定義里包含一個關鍵詞“思維所得”:這意味著你需要在平時就有一定的思考沉淀,不然你無法做到“準確且清晰”的傳遞自己的觀點

          需要把握的第二個原則是“不卑不亢”:既然是一個Team,團隊最終目標是一致的,只不過不同成員的崗位角色不同,分工內容不同,沒有誰一定要給誰妥協,或者誰一定要強硬到底。按照已經發生的客觀事實有理有據的陳述自己的觀點即可。

          最后需要把握的第三個原則是“換位思考”:用戶體驗設計領域的設計師經常提到一個詞“同理心”。我們需要站在用戶角度審視自己設計的產品,我們需要站在不同崗位角色角度理解他人的難處…無論對內還是對外溝通與表達,能做到換位思考的人,必然考慮問題更加周全、更加有深度。

           

          2. 推動與執行

          執行力是指完成任務目標的操作能力,評判執行力強弱的標準是效率與效果。執行其實是踐行的過程,踐行的過程中效率可能沒那么高、最終的效果可能也沒有多滿意,但無論如何,做這件事都為你積累了寶貴的“踐行經驗”,舉重若輕的背后一定經歷過多次失敗與不堪。

          執行力是每一位員工都必須具備的基礎能力,而推動力則是針對中高階水平設計師提出的更高要求。

          “從單純的執行任務”升級為“從頭到尾推動事情落地”,這是職場打怪升級的必經之路!推動力不再是單一的能力要求,而是“多項能力”的綜合體現,推動落地的過程中涉及到溝通表達、組織協調、向上管理、項目管理等能力。

           

          3. 項目管理

          往小了說是對自己承接任務的管控,范圍相對小,包括項目前期涉及到的“與上游業務同事和產品經理梳理需求、提出合理建議、預估排期”;項目推進過程中涉及到的“準時交付產出、問題溝通與解決、風險點預估與分析、及時向上匯報進展、設計驗收”;項目后期涉及到的“上線驗收、遺留問題記錄與跟進”。

          以上提到的是設計師在設計層面應該做好的事情。再往大了說,你可能會作為一個分支項目的牽頭人,你要管控的不單是項目在設計階段的開展,還會更多涉及到與上游業務方、產品經理;與下游開發同事、測試同事;與外部合作方的協作等。

          隨著項目復雜度提升,對負責人項目管理能力要求會越高,因為會涉及到方方面面,可能包括業務對接洽談、細節協商達成一致、進度把控等。

          作為交互設計師,有機會深入參與到項目推進的全流程中,這既是對你專業能力的深化,也進一步加強了你對所負責業務線的理解程度。

          如果你遇到這樣的機會,請珍惜把握,尤其是首次承擔類似職責。誰都是從0到1、從無經驗到身經百戰走過來的,不要有過多的擔心害怕,擼起袖子加油干!當你經歷過再回首時,你會感謝當初自己的勇敢與自信。

           

          4. 復盤總結

          近期面試一些交互設計師,聊到關于項目需求的復盤時,有的應聘者在公司現有機制下沒有機會接觸到需求上線后的數據表現或者用戶反饋;有的應聘者總結分析的不夠深入或者視野局限于設計層面的改進。

          我之前也在小的創業公司工作過,以上類似現象在許多公司還是比較普遍的。我的看法是:圍繞個人能力發展思考并決策。

          • 如果你所在的公司沒有建立復盤機制,你也很少能接觸到相關數據,一方面你可以嘗試著利用上面說的推動能力,試著推動建立這個機制,至少可以先從你所在的小部門開始試行;另一方面如果你是在類似國有企業,反饋信息涉及到保密,這是客觀因素與你的努力無關,這時候需要認真考慮換工作的事情了。
          • 另外一種情況是有機會獲取相關反饋信息,但有時候承接的業務需求不間斷,再加上許多公司的復盤機制算是錦上添花,不是非做不可的,所以針對設計師個人而言,做好這件事更多依靠的是“自驅力”。

          復盤總結不單針對工作項目,另外重要的方面是自我反思。從過往的工作經驗中思考做的好的地方,不好有待提升的地方,需要補齊的短板是什么,職業生涯下一階段的規劃是什么… 我認為尤其對于交互設計師而言,階段性的反思總結,有助于更好的認清自己能力優勢與劣勢,有助于逐步搭建上面提到的自己的能力框架。

           

           

          二、個人影響力

          1. 分享

          分享其實就是將某方面復盤總結的結果拿出來與他人溝通交流,分享形式和分享內容圍繞分享目的可以靈活調整。比如我之前的文章《如何做好一場部門內部分享?》中提到過關于分享形式與內容的創新,感興趣的可以翻看。

          當初之所以要做出這個改變,是因為我們認為原有的單個人框定大概分享內容范圍進行分享的方式,不能很好的幫助分享人和被分享人提升能力,同時分享內容容易脫離現有業務。當然不同公司分享目的考慮的側重點不同,所以算是因公司而異吧。

          對個人而言,如果你平時針對項目、設計專業、工作流程、存在的問題等有過一定程度的思考,你會積累一些沉淀,無論是優秀的值得借鑒的內容、還是失敗的值得引以為戒的內容,都可以與同事或者專業領域的朋友交流討論。反過來在這個過程中,又會激發你更多的想法,拓展你的眼界與思維。

           

          2. 指導

          團隊內有工作經驗或者熟悉工作流程的中高階設計師,針對初入職場的新人或者剛來公司還處于適應部門環境的有工作經驗的職場老人,進行專業層面和工作流程的指導。

          許多公司比較注重公司文化對新人的輸出,但針對日常工作的指導帶教卻沒有十分明確的規定。

          輔導的效果很大程度上取決于指導人,如果某天你有機會帶教新人,不要輕視這項工作,首先在心態上能夠做到上面提到的換位思考,你自己也是從新人一路走過來的,能夠切身感受到新人的訴求。

          其次也是對你責任心的側面考察,在職場有一句話我認為是適用的:你能承擔多大的責任,就值得擁有多大的回報。

           

          3. 創新力

          提到創新許多人覺得有些虛無縹緲,因為現實情況是處理不完的待解決問題,哪還有時間和精力做創新,就算提了創新的點也很難有資源支持。很久一段時間我也是這么想的,后來看到兩個觀點使我茅塞頓開:

          • 創新不是顛覆,也不一定是驚天動地的大動作,更多的可能是微創新,一個有可行性有突破性的想法。
          • 如果你對所做的事情保持有好奇心或者熱情,千萬不要被日常的工作消磨掉。好奇心是創新的源動力。

          生活中太多的人會告訴你,只能顧好眼前的茍且,沒有精力和金錢暢想詩與遠方,如果你也這么想并且這么去做,你只會被大眾牽著鼻子走。更為可怕的是,慢慢的你丟掉的是那些原本可以讓你更為成功的優勢點。

           

           

          三、總結

          以上是我提煉出的我認為一名優秀的交互設計師應該具備的“軟實力”, 這部分能力應該是成為高階設計師的衡量標準之一。無論是職場新人還是老鳥,重視和持續打磨自身的通用能力與個人影響力,才能不斷提升自己的不可替代性。

           

          原文地址:人人都是產品經理

          作者:Viksea

           轉載請注明:學UI網》交互設計師該如何提升“軟實力”?

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          如何讓用戶始終有掌控感——信息架構

          純純

          信息架構是產品的骨架。具體而言,就是一款產品有幾個一級頁面,以及支撐起整個產品的一級頁面、二級頁面各有幾種內容樣式。所謂一級頁面,微信的“發現”頁就是一個一級頁面;在“發現”頁點“朋友圈”,進去的就是一個二級頁面。所謂內容樣式,Banner 是一種內容樣式,九宮格是一種內容樣式,設置頁面那種列表也是一種內容樣式。

           

          這樣的信息架構,有什么價值?

           

           

          01 信息架構的價值:掌控感與健康迭代

           

          對用戶而言,信息架構的主要價值在于掌控感;對產品而言,信息架構的主要價值在于健康迭代。

           

          1. 掌控感

           

          如果房間里很亂,到處都堆滿了東西,常穿的衣服也找不到了,我們就很容易變得煩躁不安。相反,如果混亂的房間被收拾得很整潔,我們的心情也會隨之變得愉悅起來。

           

          這中間的原因是什么?

           

          個人覺得,從原始社會到 21 世紀,我們人類一直生活在競爭中,所以一直在追求一種對生活的掌控感。這種掌控感,會讓我們找到一種存在感和價值感,從而給身處競爭中的我們一種安全感。一個收拾得井然有序的房間,會讓我們覺得一切盡在掌握中;一個胡亂塞滿東西的房間,則會讓我們覺得這個房間處于失控狀態,從而引發煩躁不安。

           

          一款 App,如果主要的幾個一級頁面也都塞滿了各式各樣的內容,那么用戶通常也會感到煩躁不安。這是因為用戶不能馬上理出頭緒,不能馬上獲得那種掌控感。另外,如果大的改版經常讓用戶體會到這種煩躁不安,用戶就會對這款 App 感到不滿和失望,甚至失去信心和期待。

           

          所以說,信息架構的第一個價值,就是讓用戶始終有掌控感。

           

          2. 健康迭代

           

          產品的更新迭代,有時會出現“發?!焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。

           

          所謂發福,就是變得臃腫了,比如一級頁面突然增加了很多內容樣式。所謂微整形,就是和之前比有點亂套了,比如有的一級頁面突然消失了、有的一級頁面突然出現了、有些常用的功能突然找不到了,諸如此類。

           

          一款產品,如果大的改版總是通過發福、甚至微整形的方式實現,用戶就很難獲得掌控感。

           

          反過來,一個優秀的信息架構,是接近“凍齡”的。也就是說,不管產品怎么更新、怎么加新功能,都能簡單如初,都能讓用戶馬上獲得掌控感。典型的例子是微信:微信已經加了很多功能,但整體給人的感覺依然是簡單的。

           

          這樣的信息架構,很少發福,也幾乎不做微整形,所以能讓用戶永遠有掌控感,從而確保產品能夠健康迭代。

           

           

          02 怎樣實現信息架構的價值

           

          什么樣的信息架構,能夠實現“掌控感”和“健康迭代”?

           

          其實參考答案剛才已經出現了,那就是接近凍齡的信息架構?;蛘吒_切地說,是一種“以不變應萬變”的信息架構。

           

          這里的不變,是指信息架構看起來永遠沒有明顯變化,永遠都很簡單。萬變,是指不斷新增的功能,不斷變化的功能。

           

          如何做到以不變應萬變?一級頁面和二級頁面都很關鍵,其中最核心的是一級頁面。這里也順便拋一個問題:一級頁面,用來干啥?

           

          一級頁面主要用來干三件事,分別是:提供掌控感、提供常用功能、提供小入口。也就是說,一級頁面尤其要把掌控感給到用戶,要讓用戶快速找到常用功能,同時還要為不常用的功能提供一個小入口。需要說明的是,這個理念可能不太適合一些商店類產品,比如淘寶這樣的電商產品,所以僅供參考。

           

          那如何完成這三件事?主要有以下四個要點。

           

          1. 不要超過 4 個一級頁面

           

          4 個和 5 個,它倆之間存在微妙的區別。比如我們給手機號或銀行卡號分段時,更喜歡每段最多分 4 個數字,而不是 5 個,直觀對比見下圖。


          4 個還是 5 個

           

          很多 App 的底部導航欄,也是只有 4 個Tab,即 4 個一級頁面。受生活經驗等因素影響,當我們看到 App 有 4 個一級頁面時,內心或潛意識里可能會覺得:哦,4 個,還算簡單,基本能記?。欢斂吹接?5 個一級頁面時,可能會感到一絲壓力:5 個啊,有點多了。

           

          總的來說,我們更偏愛只有 4 個一級頁面的產品,因為 4 個仍在簡潔的范疇內,5 個就已經開始走向復雜。在《微信背后的產品觀》這場分享中,張小龍也提到過:“微信保證只有 4 個底部 Tab。”

           

          2. 不要超過 3 種內容樣式

           

          Keep 6.0 系列的“探索”頁面有 5 種內容樣式,顯得很復雜。微信的 4 個一級頁面中,“發現”和“我”頁面只有 1 種內容樣式,“微信”和“通訊錄”頁面只有 2 種內容樣式(加上頂部的搜索框),顯得非常簡單,和 Keep 的對比如下圖所示。

           

          Keep 6.0 系列與微信的內容樣式數量

           

          像微信這種內容樣式數量上的極簡,可能很多產品難以做到。那么,我們不妨退而求其次,早期先從 1 種、2 種內容樣式開始。后期加功能了,可以考慮第 3 種,謹慎考慮第 4 種,盡量不要增加第 5 種,因為一定會變得復雜。

           

          大家可能會說,產品的功能很多,3 種內容樣式不夠用。

           

          針對這種情況,只要邏輯上不存在大的問題(比如把“支付”放到“通訊錄”頁面),就可以嘗試把不同內容合并成一種樣式。微信在這方面就做得很好,大家可以參考它的設計。比如下圖的“通訊錄”頁面,聯系人上方那些內容,和聯系人不是同一類內容,但它們共用一種內容樣式——一個簡單的圖文列表。

           

          微信“通訊錄”頁面:不同內容合并成一種樣式

           

          3. 不為二成需求,去打擾八成用戶

           

          產品設計里存在一個比較常見的問題,就是往一級頁面塞很多內容或功能,其中有相當一部分是用戶日常用不到的,這種設計容易讓人覺得臃腫。比如 Keep 6.0 系列的“運動”頁面,就用了較大空間來推薦付費計劃和運營活動,如下圖所示。

           

          用較大空間來推薦付費計劃和運營活動的 Keep 頁面

           

          相信有相當一部分用戶是不需要這些內容的,所以這其實也是一種打擾。這種打擾會影響到這些用戶對這個界面的掌控感。

           

          這種現象有兩個可能的原因。一是企業擔心用戶不用這些功能,所以就在一級頁面用很多空間來展示它們,Keep 的例子應該屬于此類。二是有部分用戶提建議,所以企業就加了這些功能。

           

          關于第一個原因,個人觀點,有些功能本身就屬于二成需求,在一級頁面占用太多空間不僅改變不了這個現實,還會對用戶形成打擾。

           

          關于第二個原因,個人看法,用戶的建議通常只代表個人立場,而企業至少要代表大部分用戶的立場。比如,網上就有人建議微信在朋友圈加一個屏蔽別人的功能,實際上微信有這個功能,只是一直隱藏,沒有放出來——因為用的人少,它屬于二成需求,放出來的話會對八成用戶形成打擾。

           

          總的來說,理想情況是接受現實、尊重規律:是八成需求就提供八成空間,是二成需求就提供二成空間。具體參考如下圖所示。

           

          是八成需求就提供八成空間,是二成需求就提供二成空間

           

          4. 盡量不在標題欄使用 Tab 或下拉框,增加維度

           

          這其實是張小龍分享過的一個觀點,我個人很贊同,就直接引用一下。下面直接看兩個例子。Keep 6.0 系列的前三個一級頁面,標題欄都使用了 Tab,就顯得內容很多,有點復雜,如下圖所示(僅展示前兩個)。

           

          使用了 Tab 的標題欄

           

          微信中擁有標題欄的前三個一級頁面,其標題欄都沒有使用 Tab 或下拉框,就顯得簡單、內容少,如下圖所示(僅展示前兩個)。這也是微信保持簡單的一個重要原因。

           

          沒有使用 Tab 的標題欄

           

           

          結語

           

          一般情況下,產品都需要更新迭代:增加新功能,完善舊功能。

           

          用戶則是一個矛盾體:一方面對新功能和新事物懷有好奇心;另一方面又希望每次打開常用的產品時,都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。

           

          好的做法,就是類似微信那樣:盡管加了新功能,但是看起來沒有明顯變化。也就是說,以“不變”的信息架構,來應對萬變的功能。

          原文地址:站酷    作者:SnowDesign


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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          交互設計:如何做到善意?

          純純

          我們來探討下交互設計的善意。


          善良常常被用來形容人,偶爾被用來形容產品,很少被用來形容交互設計。


          就像人們會說,iPhone 有人文關懷,而很少會說,iPhone 的交互設計有人文關懷。在筆者看來,原因之一,是交互設計很難將人文關懷囊括完,而產品本身則基本可以。


          類似的道理,本文探討的善意,始于交互設計,但不局限于交互設計,還包括產品和企業的善意。


          一家之言,歡迎交流探討。



          01 為什么選擇善意?


          一個 3 歲小孩流落街頭,無家可歸,會讓無數人起惻隱之心。我們普通人的微小善意,有時可能是一種本能反應,或者說是一種感性反應。


          “他內心是有時邪惡,還是對人們始終良善”,這是李宇春《年輕氣盛》里的一句歌詞。


          惡是否為本能,筆者不知道??茖W家的解釋是,有些基因中會帶有惡。可以肯定的是,善惡皆為人性,共存于人類當中。


          感性和理性是會此消彼長的,林黛玉和薛寶釵就是兩個極致的例子。同理,人類體內的善惡,也會此消彼長。


          一款產品,在做決策時,很大程度上是基于理性。


          這種理性決策,很多時候是無意為善,也無意為惡。但遺憾的是,那個非善非惡的中間地帶不會一直存在,有些無意為善和無意為惡,最終會成為非善即惡,比如開屏頁是否放廣告這件小事(下文有詳述)。


          既然善惡會此消彼長,而且產品的有些理性決策會導致非善即惡,那么不可避免的,有時候,善惡會變成一道二選一的選擇題。


          接下來,我們就從理性的角度探討下,為什么選擇善意。



          1 長期主義


          最近幾年,互聯網從業者有個共識:創業是件九死一生的事兒。因為據數據統計,90% 的創業公司活不過三年。


          這是一個值得深思的社會現象,背后的原因究竟是什么?直接原因,往往是資金斷裂。深層原因,會有很多,比如產品不夠好、方向不夠準,等等。


          那么,核心原因呢?筆者認為,和創始人的執念有關。


          有兩類執念可以避免此類悲劇。第一類是做出優秀產品;第二類是長期主義。



          做出優秀產品這塊,有很多例子,最典型之一是特斯拉。特斯拉曾面臨多次危機(資金、產能等),但都挺過來了,這肯定和產品深受車主喜愛有關。


          筆者也見過兩個普通創業公司的例子。他們都有一顆做出好產品的心,都很重視 UI、交互、用戶體驗這些基礎的東西,而且把 UI 做的比較優秀,交互和用戶體驗做的還不錯。其中一家靠著用戶的付費在平穩發展,另一家連產品帶團隊被大廠收購了。


          長期主義這塊,典型例子之一是巴菲特。巴菲特信仰并踐行價值投資,價值投資依賴長期主義。最近幾年,長期主義在國內也被越來越多的提及。


          個人的理解,長期主義至少包含兩個要點,分別是:積累、多贏。因為,沒有積累就不會有成就,沒有多贏成就就不會長久。



          中國女排,世界冠軍。排球界有個說法,叫三年成型,五年成才,八年成器。互聯網行業,也大致如此。這是積累。


          用戶,員工,投資人,三方利益都兼顧好,才是多贏。


          俗話說,顧客是上帝,大家都知道對用戶好;投資人作為強勢一方,利益也往往有保障;員工的利益是否有保障,往往取決于創始人,所以存在很大變數。


          回到主題,長期主義和善意,有什么關系?


          通常而言,多贏能否實現,關鍵在于員工的利益能否得到保障。


          筆者在網上看過一個有意思的評論,說當下的年輕人,如果收入、成就感、高興這三點有兩點達不到,就會辭職。


          所以,員工利益得到保障的標準,可以簡單定義為“三中二“,即收入、成就感和愉悅這三點滿足兩點。



          再來分析一下現狀:相比員工,公司是強勢一方;人們仍受最大程度剝削剩余價值、官僚思想等觀念影響;惡性加班等風氣存在;僧多粥少的就業行情。


          在這樣的大環境下,如果公司對員工沒有愛和善意,員工的利益是很難得到保障的。


          最后,總結一下:公司有善意,員工利益就有保障,就能實現多贏,從而有望實現長期主義。


          2 美好生活


          前段時間,因為給武漢捐款 5000 萬、并且疫情期間蔬菜按成本價銷售,一些網友被胖東來這個商超刷屏了。


          胖東來來自河南許昌,一個三四線城市,也是筆者的家鄉。目前僅在許昌和新鄉有店。


          在一些關于胖東來文章的評論區,很多網友在喊胖東來去自己的城市開店。


          為什么有這么多呼聲?簡單分享幾個例子。


          顧客方面,胖東來有 6 類購物車,包含嬰兒手推車、兒童購物車和老年人購物車。老年人購物車自帶凳子,可供休息,同時還配有放大鏡。


          員工方面,有高薪、高福利和利潤分紅等。胖東來比較為業界稱道的高福利有:每周二閉店,春節閉店 5 天,工齡滿 1 年即有 30 天帶薪年假,一天最多工作 7 個小時。


          從網上的報道、評論以及公布于網上的企業文化來看,胖東來一方面主張工作和生活(愛情、家庭、休假等)的平衡,一方面在踐行和傳播幸福、快樂、尊重等很多積極的文化價值觀。



          看新聞的時候,筆者注意到,老板于東來經常會提到“美好”這個詞兒。實際上,在筆者看來,胖東來本身就代表了一種美好生活,一種物質和精神雙豐盛的美好生活。


          對于這樣的美好生活,用戶和員工自然喜歡。可這對企業有什么好處?


          胖東來曾經意欲退出新鄉市場,新鄉合作商家和市民紛紛請愿,政府也多次出面挽留,最終胖東來留下來了??梢姡謻|來在新鄉已經深入人心,顧客自然會大力支持它的發展。


          胖東來有一句 slogon,能夠很好的解釋這一切,那就是:愛在胖東來。


          同樣,既提供體面的收入,又關注員工和用戶的精神需求,給他們帶去美好生活,當然需要更大更多的善意。


          在當下中國,能提供高薪的互聯網公司已經很多了,但是能在精神層面讓員工感覺良好、感覺愉悅、感覺幸福和快樂的公司卻為數不多。


          對于所有企業而言,這又何嘗不是一種機會?



          02 交互設計里,有哪些善意?


          現實中,像胖東來給顧客和員工提供的這種美好生活不常有。但是退一步講,還是有很多產品對用戶展現了很多微小善意,值得我們學習。


          這種微小善意主要有三類,分別是:不打擾,護尊嚴,人為先。



          1 不打擾


          我們生活在一個信息爆炸的時代,不被手機上的信息過度打擾,是一個剛需。有三類信息,如果把握不好度,就會對用戶形成打擾。它們分別是:廣告、推送、推薦。



          廣告這塊,主要有兩類會形成打擾,分別是:時機不佳的廣告,過長的廣告。


          這方面,微信是個榜樣,值得學習。比如開屏頁廣告,就是時機不佳的廣告,因為大家不想在這里看到廣告,微信就沒有放。朋友圈里也有較長的視頻廣告,微信的常見做法有兩類,要么先展示一張圖片,要么先是無聲播放。是否看完整的視頻廣告,選擇權在用戶手里。


          推送這塊,常見的有手機系統的通知和 App 內的紅點消息。


          系統通知,目前也有被濫用的趨勢。根據使用情況和感受,個人的建議是這類推送控制在 1-2 類。第 1 類是關于核心功能,比如微信推送新消息,搜狐新聞推送新聞;第 2 類可保留一定的彈性,核心原則是對用戶有價值,比如偶爾的活動通知。


          目前有兩種情況會對用戶形成打擾和困擾,第一種是過于頻繁的活動通知;第二種是推送和核心功能相差甚遠的信息,比如金融類產品推送新聞。


          紅點消息,有一類會對用戶形成打擾,那就是來自官方的過于頻繁的各類活動、促銷等信息。


          推薦這塊,主要指 App 內的 Banner 和專題。目前對用戶形成打擾的主要是一級頻道的一些專題。


          一種是過多,比如網易云音樂的首頁,就有 9 個專題;一種是位置不佳,比如 Keep 的“探索”頻道就包含了課程的推薦,但是在“運動”頻道還有兩個專題來推薦課程。


          2 護尊嚴


          護尊嚴,就是盡最大可能,維護用戶的形象和尊嚴。


          最近幾年,常有產品花巨資撒紅包給用戶搶。產品的初衷自然是好的,而且看起來也是一件皆大歡喜的事情。但是這件事很難提升產品的美譽度,也就無法增加用戶對它的喜愛和忠誠程度。


          為什么會這樣?


          讓用戶搶自己撒的紅包,這件事能維護用戶的形象和尊嚴嗎?非但不能,可能還會對此造成傷害。因為可能會顯得用戶愛占小便宜,也可能會使用戶處于被施舍的一方??傊@種事對用戶來說,并不酷。


          一款產品,要想贏得用戶更多的喜歡、尊敬乃至忠誠,就最好不做哪怕僅是微弱傷害用戶形象和尊嚴的事情,同時多做一些相反的事情。


          3 人為先


          人為先,是當用戶利益和企業利益發生尖銳矛盾時,去追求一種用戶利益在先的雙贏局面。


          大家都知道,吸煙是有害健康的,但是煙草公司又是要賺錢的。泰國香煙那種既觸目驚心又惡心嚇人的包裝,就盡他們最大的可能詮釋了“吸煙有害健康”,是真正的用戶為本,讓人心生敬意。



          泰國香煙的這種做法,值得一些極易讓人上癮的游戲廠商借鑒和學習。



          03 交互設計:如何做到善意?


          上一大段,是善意的三類表現。這一大段,再探討下做到善意的一個原則。


          以社區型內容型產品為例,這個原則就是:先服務后管理。


          這里的服務,是指以服務者的心態做好用戶體驗,并不局限于交互設計。這里的管理,指的是一些必要的管理,一般是用戶的行為規范和用戶違規時的處理,比如評論里罵臟話、發布侵權文章等。


          所有用戶都是需要被服務的,只有少數行為不當的用戶才是需要被管理的,所以我們要先服務后管理,以免誤傷了不需要被管理的用戶。


          服務本身就是一種善意,筆者把它分成了兩個階段,分別是:體驗的初始階段,體驗的完整過程。


          初始階段對應的是:初始服務;完整過程對應兩類服務,分別是:家常服務,極致服務。



          1 初始服務


          初始服務,是當用戶剛開始用這款產品時,能給他們留下良好印象的服務。


          如何做到?不出現任何輕微惡意和管理傾向即可,再提供一些便利和幫助則更好。


          下面分享一個反面例子。


          在個別城鎮的衛生死角,有時會看到這樣的標語,“此處禁止倒垃圾!違者罰款 200!“。結果那個地方往往有很多垃圾。


          為什么會這樣?


          這個標語,有兩層意思:第一,你很可能會在這里倒垃圾;第二,禁止你這么做,做了要罰錢。


          也就是說,某種程度上,這個標語在用惡意揣度別人,同時也在很嚴的管理別人。


          看到這個標語的人很可能會這樣想:既然認為我會在這倒垃圾,那我索性就倒了;禁止我?憑什么?還罰我錢,嚇唬誰呢,況且你有證據嗎?


          下面再分享一個很好的正面例子。


          筆者有一個宜家的退貨經歷。把一個已經拆過的桌子打包送到了宜家,宜家沒有檢查里面的零配件(很多螺絲之類的),直接退了。這樣寬松的退貨條件,宜家可能會蒙受一定損失,比如小概率的零件丟失,但宜家還是把這種服務提供給了顧客。筆者當時的感受是宜家挺信任我們的,對宜家就多了幾分好感。


          2 家常服務


          家常服務,是指一種稀松平常,但又讓用戶感到舒服自在的服務。


          舉個例子,你去好朋友家里玩,朋友給你倒了一杯水,并端出一盤削好切好的蘋果,你們一邊吃一邊聊。你和朋友是平等的關系,他這種簡單的招待并不會使你感動,但卻使你有一種接近在自己家的那種舒服自在。


          筆者在用微信公眾號(后臺)時會有這種感受。在星巴克和肯德基時也會有類似感受。


          家常服務,如何實現?第一,要有良好的初始服務,這是基礎;第二,要有周到且較高品質的交互設計,這是關鍵。


          以微信公眾號為例,和微信一樣,它的交互設計也做到了周到和較高品質。下面看看微信公眾號的初始服務。


          面向大眾的資訊平臺大多都有一個發文規范,多是關于禁止的行為,通常都會用一個單獨網頁來展示,有 1-2 頁紙那么多。


          通常情況下,多數作者是不會違反發文規范的。對于這部分作者,當他們首次看到 1-2 頁密密麻麻的發文規范時,可能會產生抵觸心理,即便自己不會違規。就好像高中開學第一天,班主任二話沒說,直接就立了 20 條班規,同學們會是什么心情。


          微信公眾號的做法就很巧妙,它把這些規范分割成了三部分。


          第一部分是嚴禁的紅線行為,以高度概括的一行文字呈現,所有人都能看到,但是得仔細留意才能注意到。這是規范性質。



          第二部分和競品一樣,也是鏈接出來的一個單獨網頁。鏈接入口也和競品一樣,在關聯性最強的發文頁面右上角。不同的是,這一頁展示的是規則,主要以問答的形式呈現,給人感覺是有幫助的信息。這是服務性質。



          而競品的這個頁面,通常都是禁三禁四的規范,給人的感覺可能是緊張、壓抑甚至抵觸。


          第三部分是次于紅線的禁止行為,比如侵權、低俗內容等。這部分內容的管理辦法被以公告的形式分散在公告列表里。而且公告列表里內容多樣,還有很多一般的通知,所以這個公告列表也不會像競品的那一頁規范一樣,給人緊張、壓抑的感覺。性質上是中性。


          另外,這部分的入口在后臺首頁右上角,和發文模塊是分開的。所以不會違法規范的作者一般不會去公告列表里翻這些內容,也就看不到。




          微信公眾號就是這么巧妙的讓多數作者看不到“班主任”的“20 條班規”,同時還讓他們看到了“班主任”的“常見問題回答”。


          這就是微信公眾號在發文規范方面的初始服務。另外還有一個加分的細節,就是檢測疑似錯別字的功能,很貼心,雖然目前還不是很準。


          3 極致服務


          極致服務,是指讓用戶感動的服務,比如海底撈和胖東來的服務。


          這種服務,一般是由許多細節積累而來,是一種做加法的服務,而且背后往往依賴人力。


          好的交互設計,一般都是在做減法,而且純粹是界面、機器在和用戶打交道。所以極致服務難以復制到交互設計上。


          不過,一款互聯網產品,除了交互設計,還有其它方面的內容。


          B 站就是一個例子,它以不走尋常路的方式,在兩個方面做到了較為極致的服務。那就是:視頻無廣告,比較積極、歡樂的彈幕氛圍。



          結語


          以用戶利益為先,不打擾用戶,維護用戶的尊嚴,這是交互設計里的三種善意,值得我們學習。


          先服務后管理。服務作為一種善意,也能夠引來用戶的善意,最終形成良性循環。


          杜絕任何輕微惡意和管理傾向,再提供一些便利和幫助,便能做到良好的初始服務;


          在初始服務的基礎上,提供周到、高品質的交互設計,就能做到良好的家常服務;


          交互設計難以做到極致服務,但是其它方面有機會。


          最后,用劉備的一句話來結束本文。


          勿以善小而不為。


          原文地址:站酷    作者:SnowDesign


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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          中后臺沒啥可設計的?試試這樣拓展設計價值

          純純

          B類領域設計師必然會面對譬如CRM、ERP等諸多類型的中后臺類產品。大多就是做做表單設計,年底考核時想爭取漲薪證明自己,但老板要問的“設計價值”是個啥?在這些業務主導下的中后臺產品又該如何定位設計機會及價值?



          本文就以比較典型且系統化的中后臺企采SaaS服務產品為例,來聊聊在這個領域中,是如何進行機會的挖掘,探索并付諸實踐的。

          01. 業務先贏 完成體驗助力是基礎

          -

          在過往數年里,阿里Ant Design,Alibaba Fusion為代表的中臺團隊進行了大量基礎組件設計體系的積累,也沉淀了一些可直接復用的工程化解決方案。如果說有就行,的確產品經理和技術人員自己拼拼湊湊,就可以極低成本的獲得一個較為套路化,但無需設計師介入費腦的中后臺產品。



          但作為用戶工作環境中和風險、錢打交道為主,被強制使用的工具載體,在全球數字化經濟轉型推進趨勢下,越來越多的中后臺B端產品需要具備更高效,更細膩的體驗,以改善千千萬萬使用者的數字化工作方式.

          初步接觸業務,我們即發現沿用基礎通用設計組件庫,“拼組件”的方式沒辦法滿足垂直業務模塊比如供應鏈詢價、采購、財務核賬履約領域高強度信息承載密度下精細化的用戶體驗訴求。

          因此,為了增強SaaS產品及服務的不可替代性,提升售賣價值亮點以及產品續約率,我重點對業務場景下特有的行為組件、模板及方案鏈路進行抽象歸納改良設計。



          這樣做最直觀的好處就是不浪費時間重復造輪子,站在巨人的肩膀上來完善組件庫,提升設計效能,1位設計師就能通過業務場景組件,高效承接密集的產品需求。 

          另一方面,收攏特定場景下核心差異點,只聚焦最小范圍來打磨組件及流程,可敏捷實現差異化設計的最佳實踐。 

          精細化的場景多欠缺合適的線上化解法,作為你深度挖掘,充分思考下的設計方案,相對更容易獲取某些領域的設計獎項甚至專利,證明你有在設計上做出了壁壘,創造了價值。 

          除此之外,由于該敏捷的體驗設計過程是以抽象核心差異為契機,對應領域的設計師亦能更高效的構建出業務特定場景下的獨有的“Design System",在后續過程中放大設計價值。

          02. 中后臺產品 效率是關鍵

          -

          多數中后臺產品(尤其是企業級應用系統)會出現 "功能、頁面多"、“流程長”的臃腫現象。 

          受打工人身份禁錮下的實操用戶大多也是迫于工作合規要求,不得不從原本習慣的線下作業流程,轉變為在中后臺線上了解信息,以及多角色協同決策處理事務。甚至可以說有了中后臺的存在,反而增加了他們日常工作操作成本,故無論是新用戶還是老用戶,都難有意愿于中后臺完成事務處理的體驗閉環。



          為提高采購流程的效率,讓中后臺線上作業更輕松,更提升企業收益/價值。

          我們基于用戶行為能力動機,從“替ta完成”,“催ta處理”,“助ta做快”這三個維度,通過協同引導提效的方式來促進線上事務處理完成并流轉。簡單說,機器能做的就自動處理推進,不能的則及時觸達引導,力求做到中后臺事務處理過程去人工化,以及主動精準有效的引導。



          設計師在這個環節內除了結合新技術,和業務團隊共同打造一些智能化服務替代原本高重復性操作以形成新體驗外,還可以深刻研究并理解人性本質,在相關待辦或服務內容觸達上精細化設計。

          01、讓待辦任務更有效的被觸達并解決

          與業務一起分層提醒內容,及對應內容的可讀性、可視化設計;

          02、基于用戶行為動機下的推送規則設計

          不打擾用戶工作前提下,及時引導助其理解更促使用戶啟用自動化提效服務,譬如處理受阻失敗、或用戶剛完成一項任務時,引導其配置自動處理規則,提高整體效率;

          03、打造激勵機制和場景

          定期進行實操人員處理任務完成度/時長的同團隊數據分析比較及外顯方案,結合數據可視化呈現手段,在行業內外部團隊相互制約下,促使用戶自我驅動警示,保障事務推進流轉。



          最終目標即是推進業務中后臺的用戶數字化體驗從最早的幫助Q&A被動喚起自助化服務,變為主動承接服務告知可處理,半自動化分發,及自動處理,甚至社會智能化數據自驅的演變進階。



          總體來說,在中后臺產品給用戶提供更簡單、更集成的方案,大量消減操作步驟,突出真正重要的信息就是設計最大的價值。

          03. 構建數字化管控的新體驗

          -

          除一線實操用戶外,我們還要關注管理者,有時更是一號位的老板這一類關鍵角色,他們在線上各個子環節都有較為強烈的可控,可管理的訴求在,以證明其付錢購買的中后臺“在線數字化”工作方式真的能降本增效,或作為企業內部管理優化的量化指標依據。

          在企業按年續費產品服務的商業化增長目標下,讓管理者能真切意識并實際體會到數字化工作方式的價值就變得尤為重要。因此,設計的關鍵是增強管理決策者對數字化平臺服務的感知度以及滿意度。

          01、智能化決策輔助的設計

          和一線操作員側的提效類似,只不過對于管理者,我們需更多著重于“替ta完成”和“助ta做快”這兩部分去打造智能化服務的管控新體驗。

          為確保機器智能化處理邏輯更接近人的自然思維,設計師在這個環節中可主動補位,制定相應類型下數據的機器思維處理分析規則以及內容維度。



          在過往采購SaaS中后臺業務設計中,設計亦抽象了事務型進展以及綜合決策分析決策兩類數據模塊新場景,通過直觀結果呈現以及判斷要點佐證,在管理行為及流程上促進管控手段的數字化升級,幫助管理者高效獲取/查看/分析數據要點。



          02、多維度的數據關懷提醒

          有了對應的分析數據結果和要點,我們還要將數字時代下的管理數據,團隊事務整體進度、風險預判結論有效觸達管理角色,更放大其體感。



          給老板用的數據大屏/中后臺數據看板,及數字孿生可視化即是一種可以充分發揮設計表現力并擅長的領域,即便你所在的中后臺團隊沒有相應技術資源,設計依舊可以通過“電子郵件” “長圖”等通用載體,以輕量化的方式來完成價值傳遞。 

          在這個環節,設計的價值就是讓管理者讀懂數據,受惠數據驅動的決策方式。

          03、形成體驗質量監測評估體系

          以設計體驗度量量化為起點,深度關聯管理決策者關心的企業運營數據“健康度”,及商業化營收續簽強相關的“續簽意向”,來評定并監測用戶對SaaS產品服務的整體接受度及體驗滿意度。



          我們基于HEART、PULSE、UES、五度模型等已有模型,選擇業務目標和場景核心指標來調整衡量維度并推導演變,從業務、產品、技術、服務等多維視角構成適合企業采購SaaS產品的體驗度量模型,推動運營/算法/后端共建機制及產品將體驗監測工具化,以形成業務中多角色都能有效應用起來的體驗質量評估體系。



          最終,管理決策者較過往能更實時的掌握一線人員工作使用中后臺的健康度情況,有效數字化管理。

          對我們的合作伙伴業務運營團隊而言,全新的客戶續簽意向管理預測方式,可提早發現風險,更能聯合內部預警及平臺觸達運營服務有效規避客戶流失。

          而對于我們自身設計職能,通過這種度量維度方法和工具,不但能定期便攜的獲取核心指標變化作為設計價值量化憑證,體驗監測所獲得的相關結論還可以指出中后臺產品當前業務階段問題方向,結合設計目標鎖定問題范圍,定位后續設計著力點。

          中后臺領域心得技巧

          -

          上述即是企采SaaS中后臺產品中的設計實踐。我們也總結了幾個定位設計機會及價值的心得或方法。



          01、學徒式調研實操,同理映射用戶 

          具有出眾同理心的設計洞察以及解法是體驗價值的基礎。(常說要站在用戶視角做設計,但不像消費端,設計師多不是中后臺實際用戶,也很難換位思考理解用戶工作行為特征和痛點。) 

          因此,中后臺領域的設計角色迫切的需要與更多的實際用戶去交談、調研。 

          為提升該過程的質量及效率,我們嘗試在用戶定性調研訪談之前,多通過學徒式調研的方法,來熟悉其工作行為特征,定性的挖掘用戶痛點。 

          即是以單任務為維度,先請教我們的實際用戶他們是如何做的,并依此自己上手完整實操,直到確保能按時保質完成目標任務。 

          設身處地還原目標用戶情景,理解各方案的優劣勢,及如何在他人身上起作用的目的,在該環節之后再去和用戶交談,即可更高效的獲得真實的用戶洞察以及理想方案假設。



          02、用設計擅長的可視化手段,呈現體驗痛點

          天馬行空的設計創新方案總是在決策時受各種技術、資源為由被Pass,推進創新智能的體驗方案在中后臺領域是個尤為費事的過程。 

          面對這一難題,我們可以通過體現設計思維的一些工具模型調整應用,來增強表現說服力,進而建立信任以及方案推進的成功率。



          譬如設計側常用的決策工具用戶體驗地圖,在B類中后臺領域中可以將原本情緒體驗波浪線替換為效率數據來調整應用,梳理并呈現產品的全流程效率數據曲線,同理“峰終定律”來快速界定并洞察全鏈路中短板模塊,以及低效待設計優化關鍵點。

          借此數據可視化手段,呈現出來體驗關鍵問題嚴重性,亦可讓項目組各職能伙伴共情,獲得設計策略及方案的認同。

          03、和業務方向緊密結合,跟業務匹配的設計創新

          設計創新提案難免會出現兩類問題:

          首先是創新提案推不下去,甚至被說是設計自high。

          這多是因為沒有想著結合業務方向,光想著創新或新穎的方式去設計方案。

          我們擅長也希望通過酷炫的動效,創新的交互,智能化體驗的暢想及解法來表現設計手段的精深。固然,這些事情的探索嘗試或練習都有其意義價值,但作為商業設計師不能光紙上談兵,只有結合業務順勢而為,我們耗時做的方案才有可能提案成功,更推進技術還原落地,從而帶給用戶更好的用戶體驗。

          再者就是方案有結合業務,也被認可有價值了,但優先級往后走?

          這說明設計結合的點不大對,并非業務最關心的。

          中后臺產品,多和前臺核心戰略有著強邏輯關系,或有廣泛的、潛在的商業化潛力。而了解業務核心關注點,最簡單快速的方法就是找到對的人——業務一號位,并快速抄作業。

          勇敢點的可直接約業務一號位聊聊,含蓄的設計師亦可嘗試借美化一號位匯報PPT等手段,巧妙的獲取并理解業務核心目標,布局以及關鍵利益,在此基礎上再從上至下梳理了解各子業務線規劃,設計就能更好的取舍。

          原文地址:站酷    作者:阿里巴巴CBU設計


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


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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          如何合理使用大標題設計風格?

          純純

          一、什么是大標題設計風格?


          大標題導航欄是從iOS11發布后,開始在中國的UI設計師中急速流行的一種設計風格。其實這種風格最早在2016年就在硅谷盛行了起來,源自一位叫Michael Horton的設計師發表的一篇《Complexion Reduction: A New Trend In Mobile Design 》的文章,這篇文章提到的Complexion Reduction這種設計風格(下文簡稱CR)就是大標題導航欄的起源,即大、黑、粗的標題。

           

          CR這種風格有四個明顯的特征:

           

          1.刪除多余的顏色;

          2.又大、又黑、又粗的標題;

          3.簡單、可識別的圖標,也不要使用顏色(常用黑灰色);

          4.留白留白留白,更多的留白。

           

          下圖是比較典型的使用CR風格的APP(分別是愛彼迎、ENJOY、火球買手、MOO音樂),大家可以結合CR風格的4大特征感受一下:

           不知道小伙伴們有沒有發現,這幾個APP的功能會比較單一或是某一垂直領域,且視覺上都給人一種高品質,超極簡的感覺,人們會更多的關注界面中內容本身,對內容的要求也會更高。



          二、中西方的差異


          那么問題來了,為什么這種CR風格鮮少出現在中國特有的淘寶類電商APP中呢?

           

          國外的APP大都是小而精致的,一般一個APP只能做一件事,功能比較單一,而國內的淘寶類電商APP,攜程類的綜合旅游APP所包含的業務與功能都非常廣泛,在狹小的手機屏幕上展示更多的商品就顯得尤其重要,CR風格提倡的大標題大留白無疑不是在挑戰老板的底線。

           

          實際上即便使用大標題風格也不要盲目采用iOS11官方的大標題導航,其原因在于中英文的差異。

           

          英文大標題一個單詞有大小寫的變化,富有一定的層級變化,而中文如果使用iOS11給定的68px(二倍圖下)的字號,那真是大到閃瞎我的眼。中文一個詞語每一個字都是差不多的大小,沒有層級上的變化,太大的字體在整個界面中看起來會很奇怪,如下圖:



          三、合理使用大標題


          雖說iOS11那么大的標題不適合大部分的APP,但并不是說大標題風格就不適合大部分APP了,實際上目前大多數的APP依然使用了大標題的風格,不過進行了一定的改良。

          以下參考尺寸均是二倍圖下的尺寸


          1.大標題導航欄


          大標題導航欄大致有兩種樣式,一種是延用iOS11的大標題導航欄,一種是稍微改良使用的大標題導航欄。


          1)iOS11大大大標題導航欄


          iOS11的大標題導航欄標題字號約為68px、欄高192px(二倍圖),大標題對齊導航欄左邊,頁面滑動時轉換為常規的導航欄。

           

          國內使用這種大大大標題的APP比較少,標題文字實在太大,若只作為導航標題占位,會極其浪費屏幕空間。

           

          使用這種大大大標題時,導航標題一般都有一定的意義,如下圖:

          餓了么的訂單頁詳情頁使用了這種大大大標題,但是標題賦予了訂單狀態的意義,比起單純的“訂單詳情”,這樣有一定意義的標題文字則可考慮使用iOS11的大大大標題。


          2)改良大標題導航欄

          某些APP在使用大標題導航欄時,在iOS11的大標題導航欄上進行了一定的改良,最常見的就是一定程度縮小了標題的字號,如下圖:

          這三個APP的標題字號都沒有到68px,常用40px~48px的字號,陌陌與天貓是固定在頂部導航欄的,而Kepp會隨頁面上滑變為常規標題導航。

           

          一般這種固定的較大標題都會隱去導航欄的分割線,顯得導航欄更高,更有呼吸感。像是天貓的大標題導航欄使用的色塊,與下方模塊又比較近,就顯得很擁擠。



          2.Tab欄大標題

          Tab欄的文字標題切換樣式最常見的就是顏色變化,加小短線等,隨著大標題風格的流行,Tab欄的切換樣式也出現了大標題的選中樣式,選中字號通常采用40~48px(甚至更大,如蝦米音樂的72px),而非選中標題通常則是采用的28~32px,如下圖:

          使用這樣的Tab欄,能夠迅速幫助用戶辨識自己所在的位置,就差指著自己說“這兒”了。需要注意的是一個屏幕內盡量只在一級Tab使用大標題切換,與二級Tab做出區分。



          3.模塊化大標題

          大標題的風格除了應用在界面頂部導航,在模塊化標題上應用的也非常多,有些APP即便頂部導航不使用大標題,卻會在模塊化標題上使用較大的字號,如下圖:

          這種模塊化大標題常配合留白分割的界面使用(這也符合了CR風格的特征),模塊化大標題在留白分割的界面上能夠更好地幫助上下模塊做到層級區分的作用。



          4.文字變大變粗變黑

          拋開大標題不談,不知大家有沒有發現,現在越來越多的APP的內容標題、正文內容的字體也在逐漸變得更黑更粗,甚至更大,畢竟我們的手機變得越來越大了。如下圖:

          即便是擁有復雜業務的淘寶與飛豬,在某些內容標題上也變得更粗更黑,一眼看過去用戶能更容易找到自己想看的內容。


          四、劃重點


          · 大標題設計風格源自Complexion Reduction這種設計風格,CR這種風格的特征就在于顏色少、標題大黑粗、圖標通用簡單、大留白;


          · 由于中英文字體的差異,中文使用超大字號沒有英文富有變化;


          · 合理使用大標題,做一些適當的改良。常見用于導航欄、一級Tab選中標題、模塊化大標題以及內容標題。

          原文地址:站酷    作者:人類君


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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          用戶心理定律及優秀案例分析

          純純

          將普遍存在的人性用戶心理規律運用于設計,增加設計的溫度。

          近來對用戶心理比較感興趣,去看相關設計資料的時候發現相關內容重復性較高,多方搜集資料結合自己的一些分析總結出一篇補充。

          定律是鑰匙,在遇到讓我們上癮,持續付出或獲得情感的APP,多去想一想它背后洞察了哪些人性及心理,能不能為我們的后續的設計吸收。










          undefined

          undefined

          undefined

          undefined

          undefined



          原文地址:站酷    作者:唐小蔥


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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          如何選擇確定B端后臺設計風格及細節優化

          純純


          1.B端后臺分類:

          根據服務對象劃分:

          一類支持有C端前臺,支持前臺產品管理各種資源。第二類服務企業,提高企業工作效率和營收。


          根據后臺功能:

          1.監控運營:時效性強,旨在實時反饋異常情況,快速判斷下達命令,回復信息、多用于數據控制中心。

          2.數據分析:數據結果的對比和分析趨勢,時效性要求并不高,了解整體和各部分數據水平,助力決策。

          3.記錄管理類:主要用于人員、設備、資產等增刪改查,文本信息容量大,頻繁便捷的操作。

          4.系統配置:權限配置、設備功能配置,操作為主。


          2.后臺深淺兩大風格分類:

          淺色:

          適合文本信息多密集的表單列表類后臺,淺色更符合人眼白底黑字的閱讀習慣,瀏覽速度更快,信息獲取效率更高。


          深色:

          圖像信息密集的后臺適合圖片、數據可視化圖表等;深色對彩色的圖像信息襯托更強。信息獲取速度較慢,長時間可能視疲勞。




          3.作者常向產品方提供的風格參考

          較常見


          1.經典商務風(導航深、內容淺)——專業、高效、成熟、可信賴(對照深色西裝人物形象)

                優點:市面最常見的風格,普世性高,大多數用戶可快速接受,層次分明

                缺點:視覺缺乏記憶點


           2.輕量科技感(導航淺、內容淺)——簡潔、明快、輕量、年輕(對照白襯衫打領帶男性)

                優點:視覺清新明快更年輕化更輕量,對其他文本及圖形展示包容性高,就像A4白紙一樣容器存在感弱

                缺點:純白色導航+頁面層次略曖昧。


           3.藍色科技風(導航中、內容中)

                適合:適合科技屬性強的產品界面,圖像圖形展示

                缺點:對其他色彩信息有干擾,持續性長時間觀看易視覺疲勞


           4.暗黑科技風(導航深、內容深)

                優點:對色彩表現力強

                缺點:密集文本信息獲取速度會下降,持續性長時間觀看易視覺疲勞




          4.精準選擇風格時可以進一步的考慮:

          1.整體行業風格

          比如美妝和科技行業的整體設計基調就不太相同。


          2.產品想要傳達的氣質:

          理性可靠 or  簡潔輕松輕量 or 關懷普世 or 酷炫吸睛….這個可以和相關產品經理、銷售共同商討


          3.目標用戶的群體特點及喜好。

          根據目標用戶的性別、年齡層、受教育水平,審美水平考量(可能包含多種角色,選取1.2個核心角色為參考)帶入目標用戶工作場景及愛用物常用物品味,去判斷基調。

          如主要用戶群:40+男性用戶,本科以上受教育水平,使用windows電腦進行專業管理操作,審美傾向明確內斂。

          如主要用戶群:20-40歲,男女比例約6:4;大專;操作水平參差


          4.使用場景及高頻的操作。

          例如:最常使用數據分析管理,需要快速閱覽多條數據,對數據進行比對,更適合淺色風格展示表單數據。


          5.判斷獨立的平臺是否為獨立開發

          獨立開發的,可以采取更獨特設計。若平臺很大需要不同外包公司的合作屬于整合類平臺則更注重設計的包容性。



          5.如何讓后臺設計更具特色:

          1.重點色的使用

          “731配色比例”70%的面板色,30%的導航面板色,10%的強調色。(這里的用色比例可以根據內容具體再去調節只是大概比例)品牌色或重點色:強調行動關鍵點、重要信息高亮、圖形化說明等。強調色用就要用的像蛋糕上的櫻桃。起到畫龍點睛作用即可。

          2.圖標的優化

          后臺高頻出現的圖標,值得我們花時間去統一設計打磨,調整圓角粗細疏密,符合整體界面氣質。從圖標庫里拖出的圖標很多在線條粗細上是不統一的,好的設計在細節處也要動人。

          B端工具類圖標識別性第一,美觀性第二。B端導航圖標更多是在基礎造型上打磨,不需要加花里胡哨的漸變、投影,導航圖標一般在24px-16px大小,太復雜反而看不清。在區分狀態的時候可以考慮加點品牌色


          3.空狀態小插畫

          空狀態插畫是B端設計師少有能發揮自己繪畫天賦小巧思的地方。

          圖形化狀態語言,輔助用戶理解內容??梢詫a品機械蒼白的文案設計表現的更加具有溫度,具有引導性。讓乏味的工作出現一些共情小彩蛋,有趣的插圖動畫可以緩解等待的焦慮。



          4.登錄注冊頁

          純色背景卡片式:簡單大方更聚焦登錄操作

          插畫背景:場景化展示產品的功能及亮點,讓用戶更有心理預期

          幾何圖形背景:最后和品牌圖形相關,加深用戶對產品的品牌印象。

          照片背景:相關場景或產品類型,具象圖片信息更直觀


          5.圓角的大小

          不同大小的圓角傳達產品不同的氣質,大圓角親和、小圓角精致、中等圓角大眾中庸。



          6.優化信息層級

          優化信息層級,區分信息主次可以使閱讀更快,操作更快,界面更有節奏感。

          這時候你就是那個考前畫重點的老師

          判斷一個頁面里最重要的是那些信息或操作,強化它!并弱化輔助信息;

          判斷一個模塊里那些是重要信息,強化它!



          6.新人需要避免的雷點:


          1.追求炫酷的視覺效果舍棄操作效率。比如追波風滿屏花里胡哨的卡片及面板,滿屏大投影及高飽和色彩。對于B端界面來說信息噪音太多,反而干擾信息獲取效率。


          2.反常規用戶習慣的操作。尊重用戶習慣,不要為了個性化去嘗試改變,不要妄圖改變用戶的操作和認知的慣性。慣性思維大于設計思維,曾經遇到過產品因為右手操作所以要把導航放在右邊的離譜例子。


          3.數量多,動靜大的夸張的動效。B端與C端不同的地方在于希望操作者沉浸式工作,遵循非必要不打擾。之前看過一個反面例子后臺,在每一步操作后都出現大的場景動效鼓勵完成,如果作為一個長期使用的工作者,我會覺得每次完成任務都需要等待動畫完成可能只需要2-3s也很浪費我的時間。


          4.新人建議多看Antdesign和Element等成熟的組件,創新類組件樣式,最好和和開發商量是否能夠實現。


          5.在確定主要風格及2-5張主要頁面后,就應該著手基礎規范(色彩字體等,不然后面越做越亂)。


          6.一段時間一個審美,同一界面中的元素風格不統一。


          7.避免大面積使用高飽和高明度的色彩,及曖昧含糊的臨近色彩。長時間使用眼睛會累,產生不耐煩焦躁的負面情緒。



          最后推薦幾個官方組件庫:




          原文地址:站酷    作者:唐小蔥 

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          什么是數據可視化

          seo達人


          01. 什么是數據可視化?

          數據可視化即數據的圖形表示,旨在以更易于掌握和理解的有效方式傳達大量海量數據。從某種意義上說,數據可視化是原始數據和圖形元素之間的映射,它決定了這些元素的屬性如何變化??梢暬ǔJ峭ㄟ^使用圖表,折線或點,條形圖和地圖來進行的。

          • Data Viz是描述性統計的一個分支,但它需要設計,計算機和統計技能。
          • 美學和功能齊頭并進,以直觀的方式傳達復雜的統計信息。
          • Data Viz工具和技術對于做出以數據為依據的決策至關重要。
          • 在形式和功能之間取得了很好的平衡。
          • 每個STEM領域都將從了解數據中受益。

          Jorge Rey的化石燃料Dataviz

           

          02. 它是如何工作的?

          如果我們能看到它,我們的大腦就可以內在化并對其進行反思。這就是為什么理解圖表和查看趨勢比閱讀大量的文檔要花費大量時間和精力進行合理化更容易和有效的原因。我們不想重復人類是視覺生物的陳詞濫調,但這是事實,可視化更加有效和全面。

          在某種程度上,我們可以說數據Viz是講故事的一種形式,目的是幫助我們根據數據做出決策。這些數據可能包括:

          • 追蹤銷售
          • 識別趨勢
          • 識別變化
          • 監控目標
          • 監測結果
          • 合并數據

          秘密7 –塞爾吉奧·費爾南德斯(Sergio Fernandez)提出離婚可視化的理由

           

          03. 什么時候使用?

          數據可視化對于每天處理大量數據的公司很有用。必須立即顯示您的數據和趨勢。勝過瀏覽龐大的電子表格。當趨勢立即脫穎而出時,這也可以幫助您的客戶或觀看者理解它們,而不會迷失在混亂的數字中。

          話雖如此,Data Viz適用于:

          • 年度報告
          • 簡報
          • 社交媒體微敘事
          • 信息手冊
          • 研究
          • 趨勢販運
          • SciViz
          • 燭臺圖,用于財務分析
          • 確定路線

           

          可以看到數據可視化的常見情況是在銷售和營銷,醫療保健,科學,金融,政治和物流中。

          娜塔莉·祖伊娃(Natalie Zuieva)的租金和薪金統計信息圖

           

          04. 為什么要使用它?

          簡短的答案:決策。數據可視化具有快速識別模式和解釋數據的不可否認的好處。更具體地說,它是確定以下情況的寶貴工具。

          • 識別變量關系之間的相關性。
          • 獲得有關受眾行為的市場見解。
          • 確定價值與風險指標。
          • 隨時間監視趨勢。
          • 通過頻率檢查速率和潛力。
          • 應對變化的能力。

          太空垃圾-BBC科學焦點,作者:Federica Fragapane

           

          05. 數據可視化類型

          您可能已經猜到了,Data Viz不僅僅是簡單的餅圖和圖形,而且還具有視覺吸引力。該分支用于可視化統計信息的方法包括一系列有效類型。

           

          地圖

          地圖可視化是一種很好的方法,可以分析和顯示與地理位置相關的信息,并通過地圖準確地將其呈現出來。這種直觀的方法旨在按區域分布數據。由于地圖可以是2D或3D(靜態或動態),因此可以使用多種組合來創建Data Viz地圖。

          COVID-19支出數據可視化POGO,George Railean

           

          但是,最常見的是:

          • 區域地圖:顯示國家,城市或地區的經典地圖。對于每個區域中的不同特征,它們通常以不同的顏色表示數據。
          • 線圖:它們通常包含空間和時間,由于對特定場景進行了分析,因此通常是路線選擇的理想選擇,尤其是該地區的駕車或出租車路線。
          • 點地圖:這些地圖分發地理信息的數據。它們是企業確定區域中建筑物確切位置的理想選擇。
          • 熱圖:它們根據特定屬性指示地理區域的權重。例如,熱圖可以按區域分布感染者的飽和度。

           

          圖表

          圖表以圖形,圖表和表格的形式顯示數據。由于圖形確實是圖表的子類別,因此它們經常與圖形混淆。但是,兩者之間的差別很?。簣D形顯示數據組之間的數學關系,并且僅是表示數據的統計圖方法之一。

          圖表數據可視化,作者:Madeline VanRemmen

           

          順便說一句,讓我們談談數據可視化中最基本的圖表類型。

          條狀圖

          他們使用一系列的條形圖來說明數據。它們是較輕量數據的理想選擇,并遵循不超過三個變量的趨勢,否則,條形變得混亂且難以理解。

           

          餅狀圖

          這些熟悉的圓形圖按部分劃分數據。切片越大,部分越大。它們非常適合描述整體的各個部分,它們的總和必須始終為100%。當您需要顯示一段時間內的數據發展或缺少任何部分的價值時,請避免使用餅圖。甜甜圈圖與餅圖具有相同的用途。

           

          線形圖

          他們使用一條線或多條線來顯示隨著時間的發展。它允許同時跟蹤多個變量。一個很好的例子是跟蹤品牌多年來的產品銷售情況。面積圖與折線圖具有相同的用途。

           

          散點圖

          這些圖表使您可以通過數據可視化查看模式。它們有兩個不同值的x軸和y軸。例如,如果您的x軸包含有關汽車價格的信息,而y軸包含有關薪水的信息,則正向或負向關系將告訴您某人的汽車所反映的薪水。

           

          表格

          與我們剛剛討論過的圖表不同,表格幾乎以原始格式顯示數據。當您的數據難以以視覺方式呈現,并且旨在顯示應該閱讀而不是可視化的特定數值數據時,它們是理想的選擇。

          數據可視化| Aishwarya Anand Singh的養蜂與否


          例如,圖表非常適合顯示特定區域內一段時間內特定疾病的數據,但是當您還需要了解具體原因(例如原因,結果,復發,治療時間和治療方法)時,最好使用表格。

           

          06. 數據可視化與信息圖表

          5個主要差異

          它們并沒有什么不同,因為它們在視覺上都代表數據。通常,您搜索信息圖表并找到標題為“數據可視化”的圖像,反之亦然。但是,在許多情況下,這些標題都不會引起誤解。這是為什么?

          1. 數據可視化僅由一個元素組成。它可以是地圖,圖表或表格。另一方面,信息圖表通常包含多個Data Viz元素。
          2. 與可能簡單或極其復雜且繁重的數據可視化不同,信息圖表簡單易行,并且面向更廣泛的受眾。即使對于信息圖表代表的研究領域之外的人,后者通常也是可以理解的。
          3. 有趣的是,數據Viz不提供敘述和結論,而是提供這些敘述和結論的工具和基礎。雖然信息圖表在大多數情況下提供了故事和敘述。例如,數據可視化地圖的標題可能是“按區域劃分的空氣污染飽和度”,而帶有相同數據的信息圖則顯示為“ A區和B區在C國污染最嚴重”。
          4. 數據可視化可以在Excel中進行,也可以使用其他自動生成設計的工具,除非將其設置為演示或發布。但是,信息圖表的美學非常重要,其設計必須吸引更廣泛的受眾。
          5. 在交互方面,數據可視化通常提供交互式圖表,尤其是在線形式的圖表。另一方面,信息圖表很少互動,通常是靜態圖像。

          Skype通過可視化.com進行可視化

           

          07. 如何創建有效的數據可視化?

          5種有用的技巧

          該過程自然類似于創建信息圖表,并且圍繞了解您的數據和受眾。更準確地說,這些是準備有效的數據可視化以使您的查看者立即了解的主要步驟和最佳實踐。

           

          1.做功課

          準備工作已經完成了一半。在甚至開始可視化數據之前,必須確保您了解該數據的最后細節。

          不可否認的是,了解您的數據查看對象是另一個重要部分,因為不同的人對信息的處理方式不同。您要為數據可視化的對象是誰?他們如何處理視覺數據?只需給他們一張餅圖就足夠了,否則您將需要更深入的可視化報告?

          您正在可視化什么樣的信息,它能反映出您的目標嗎?

          最后,考慮要使用多少數據并加以考慮。

          圖片來自Brodie Vissers

           

          2.選擇正確的圖表類型

          在上一節中,我們列出了可在數據可視化中使用的基本圖表類型。要確定最適合您工作的人,需要考慮的因素很少。

          • 圖表中將有多少個變量?
          • 您將為每個變量放置幾項?
          • 值之間的關系是什么(時間段,比較,分布等)

          話雖如此,如果您需要展示整個項目的各個部分,那么餅圖將是理想的選擇。例如,您可以使用它來展示特定產品的市場份額的百分比。但是,餅圖不適用于時間范圍內的分布,比較和跟蹤趨勢。在這些情況下,條形圖,散點圖,s和折線圖更為有效。

          另一個示例是如何在圖表中使用時間。使用水平軸會更準確,因為時間應該從左到右。它在視覺上更直觀。

          Oberhaeuser的MagnaGlobal廣告市場海報

           

          3.對數據進行排序

          首先刪除所有不會增加價值并且基本上是圖表多余的數據。有時,您必須處理大量數據,這不可避免地會使您的圖表變得非常復雜且難以閱讀。不要猶豫,將您的信息分成兩個或多個圖表。如果這對您不起作用,則可以使用突出顯示或使用更合適的內容更改整個圖表類型。

          提示:使用條形圖和柱形圖進行比較時,請按值(而不是字母順序)以升序或降序對信息進行排序。

          圖片由薩曼莎·赫爾利(Samantha Hurley)

           

          4.利用顏色發揮自己的優勢

          在每種可視化形式中,顏色都是您最好的朋友和最強大的工具。它們產生對比,重音,強調并直觀地引導眼睛。即使在這里,色彩理論也很重要。

          設計圖表時,請確保不要使用超過5或6種顏色。除此之外,任何其他操作都將使您的圖表不堪重負,并且難以為觀眾閱讀。但是,您可以使用顏色強度來發揮自己的優勢。例如,當您在不同的時間段內比較同一概念時,可以將數據從所選顏色的最淺陰影到其較深的顏色進行排序。它會創建適合您時間線的強烈視覺效果。

          選擇顏色時要考慮的事項:

          • 不同類別的顏色不同。
          • 系列中所有圖表的采用一致調色板,方便以后將進行比較。
          • 最好使用對色盲友好的調色板。

          Jamie Kettle可視化塑料廢物污染數據

           

          5.獲取靈感

          當您想成為數據可視化設計中的佼佼者時,請多多發揮自己的靈感。查看優秀的示例、信息圖、其他人的工作,并了解哪種方法最適合您需要實現的每種數據。

          下圖這個Twitter帳戶數據可視化是一個很好的例子。同時,我們還將精選一些令人稱贊的示例,這些示例將使您有信心開始為數據創建視覺效果。

          lilit Hayrapetyan創作的大數據紀錄片的人臉

           

          8個數據可視化示例

          作為另一種藝術形式,Data Viz為一些令人驚嘆的精心設計的圖表提供了沃土,這些圖表證明了數據也可以是美麗的。現在,讓我們來看看一些例子。

           

          1.黑暗之魂III體驗數據

          我們從孟小偉的個人項目開始,介紹他玩《黑暗之魂3》的經驗。這是信息圖表和數據可視化也是個人設計工具的完美例子。這項研究非常龐大,但非常專業地歸類為針對不同概念的不同類型的圖表。所有數據可視化都使用相同的調色板進行制作,并且在信息圖表中看起來很棒。

          我的黑暗之魂3孟小偉在播放數據

           

          2.有史以來最偉大的電影

          凱蒂·西爾弗(Katie Silver)根據評論家和觀眾的評論匯總了有史以來最偉大的100部電影。可視化顯示了每部電影的關鍵數據點,例如發行年份、奧斯卡提名和獲勝、預算、利潤、IMDB得分、類型、拍攝地點、電影背景和制作工作室。所有電影均按發行日期排序。

          凱蒂·西爾弗(Katie Silver)的100部最佳電影數據可視化

           

          3.最暴力的城市

          費德里卡·弗拉加帕內(Federica Fragapane)顯示了2017年全球50個最暴力城市的數據。這些項目根據人口在垂直軸上排列,并根據兇殺率在水平軸上排序。

           

          4.家族企業作為數據

          這些數據可視化和插圖由Valerio Pellegrini為《透視》雜志制作。它們顯示了一個餅圖,其中包含行業細分以及對就業貢獻的散點圖。

          視角雜志–家族企業by Valerio Pellegrini

           

          5.太陽系的軌道圖

          該地圖顯示了太陽系中18000多個小行星的軌道數據。每個小行星都顯示在1999年除夕的位置,并按小行星的類型進行了著色。

          埃莉諾·盧茲(Eleanor Lutz)的太陽系軌道圖

           

          6.標題的語義

          KatjaFlükiger對頭條新聞的故事情有獨鐘。數據可視化旨在傳達銷售對算術的影響程度。該項目在馬里蘭大學藝術學院完成,目的是可視化對移民的引用,并對用詞選擇和上下文所暗含的價值判斷進行顏色編碼。

          標題語義學KatjaFlükiger

           

          7.月球和地震

          該數據可視化用于回答月球是否引起地震。該圖顯示了根據月球的相位和軌道位置而發生的地震的時間和強度。

          月亮與地震艾西瓦婭·阿南德·辛格(Aishwarya Anand Singh)

           

          8. Nanosats的黎明

          可視化效果顯示了從2003年到2015年發射的衛星。該圖表示了專注于項目的機構類型以及為其提供資金的國家。左側顯示了每年的發射次數和衛星應用次數。

          有線英國–由Nanosats拍攝的黎明(Valerio Pellegrini)

           

          最后的話

          數據可視化不僅是一種科學形式,而且還是一種藝術形式。其目的是幫助任何領域的企業快速理解復雜數據,并開始根據該數據做出決策。為了使您的圖表高效且易于閱讀,這一切都與了解您的數據和受眾有關。這樣,您就可以選擇正確的圖表類型,并使用可視化技術來發揮自己的優勢。

           

          原文地址:https://graphicmama.com/blog/what-is-data-visualization/

          譯文地址:站酷

          作者:AI Boicheva

          譯者:ZZiUP

           轉載請注明:學UI網》什么是數據可視化

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          日歷

          鏈接

          個人資料

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

          存檔

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