2022-1-6 ui設(shè)計分享達人
提及“設(shè)計的溫度”，不得不提我們老生常談的“情感化設(shè)計”，提出這一概念的美國認知心理學(xué)家唐納德·諾曼將設(shè)計拆解為三個層次：本能層、行為層、反思層，層層遞進。
1/ 本能層的設(shè)計，是視覺的直接反饋，是指用戶第一眼看到的、感覺到的東西是否會激發(fā)用戶興趣；
2/ 行為層的設(shè)計，注重的是效用，產(chǎn)品功能是否好用，易用，用戶使用產(chǎn)品過程中能否高效解決問題；
3/ 反思層的設(shè)計，是情感化設(shè)計的最高層次，指用戶使用產(chǎn)品后，是否建立情感連接和記憶反饋。
因而，它們是從美學(xué)訴求到效率訴求再到情感訴求的一個進階關(guān)系。
如果一款產(chǎn)品在滿足基本功能，對于用戶有用，同時好看并且易用，使用完之后還能產(chǎn)生愉悅以及滿足感的話，那么這將是一款好的情感化設(shè)計產(chǎn)品，那必然是一個有“溫度”的設(shè)計。
如果一個項目本身充滿社會使命和責(zé)任感，那么“有溫度的設(shè)計”將可以助推項目的落地鏈條，讓使用平臺的用戶有“溫度”，更讓項目背后的人員感受到“溫度”。
因為，接下來陳述的項目是一個很有“溫度”的項目——用互聯(lián)網(wǎng)工具去溫?zé)嵘鐣械母F苦灰暗，用互聯(lián)網(wǎng)思維去幫扶社會的鄉(xiāng)村孤寡老人和留守兒童，用有溫度的設(shè)計去踐行有溫度的項目。
隨著我國社會經(jīng)濟的快速發(fā)展，農(nóng)村青壯年勞動力轉(zhuǎn)入城市，人口老齡化趨勢加劇和家庭結(jié)構(gòu)的演變，“空心村”越來越多，因此在鄉(xiāng)村出現(xiàn)大量的“留守兒童”和“孤寡老人”。據(jù)統(tǒng)計，在農(nóng)村獨居和空巢老人超過3000萬人，留守兒童也達到了近2000萬人
孤寡老人因為獨居生活、物質(zhì)困難、缺乏照料面臨著易患疾病、精神壓抑等很多問題；而留守兒童因為缺少父母監(jiān)管和陪伴，極易產(chǎn)生很多身體及心理問題，這兩大群體是我國人群結(jié)構(gòu)的重大組成部分，一個是未來的花朵和希望，一個是曾經(jīng)發(fā)過光熱的遲暮老人，他們需要關(guān)愛和守護，需要有一座“有溫度”的橋梁，為留守兒童撐起藍天、健康成長；為孤寡老人送達溫暖、安享晚年。
基于社會現(xiàn)狀，踐行社會責(zé)任，騰訊為村平臺聯(lián)合中國社會福利基金會、騰訊公益慈善基金會，預(yù)想搭建一個線上與線下結(jié)合的平臺，成立“為村暖心小站”，立足于脫貧地區(qū)的農(nóng)村社區(qū)，主要服務(wù)農(nóng)村的一老一小以及其他需要幫助的困難群體，解決日間照料、健康護理及心理關(guān)懷等諸多問題。
“暖心小站”的整個幫扶路徑是以線上+線下相結(jié)合的模式，依據(jù)產(chǎn)品需求，在線上可以招募志愿者、發(fā)布救助需求、觸達愛心人群；在線下建設(shè)實體服務(wù)站，開展具體的幫扶活動。從而形成一個從線上到線下的一個完整幫扶閉環(huán)。
那在線上的呈現(xiàn)形態(tài)上，主要考慮APP和小程序兩種方式，經(jīng)過對比分析，APP穩(wěn)定性高、體驗好，但是在鄉(xiāng)村的受眾群體內(nèi)，互聯(lián)網(wǎng)基礎(chǔ)還是很薄弱的，要讓村民朋友下載和適應(yīng)一個新APP是一個難度非常大的事。而微信在鄉(xiāng)村的覆蓋面非常廣，占有率很高，那么依托于微信的生態(tài)、建立小程序，在推廣層面會更加便捷和高效。同時，暖心小站本身結(jié)構(gòu)簡單，是一個非常輕量化的應(yīng)用，這種特性也更適合以小程序為載體。
在線上的產(chǎn)品框架上，設(shè)立兩大專區(qū)：關(guān)愛老人專區(qū)和呵護小孩專區(qū)，各自創(chuàng)建知識宣導(dǎo)、在線課堂、愛心募捐等版塊內(nèi)容，同時在線上召集志愿者，在線下成立社區(qū)服務(wù)站，開展幫扶活動，然后志愿者們在線下實地服務(wù)打卡同步展示在線上的暖心小站。
確定框架之后，梳理角色和場景。本項目主要包含線下服務(wù)站的站長，工作人員，志愿者以及社會的愛心人士。
站長、工作人員、志愿者主要是通過線上為村暖心小站這個平臺發(fā)布活動信息、記錄服務(wù)概況、展示志愿者風(fēng)采，社會的愛心人士通過線上平臺查看對應(yīng)信息并參與對應(yīng)活動，最終幫助農(nóng)村的一老一小解決各種幫扶問題。
經(jīng)過梳理分析，平臺使用人群的年齡跨度較大，30歲到60歲這個群體占到了80%左右，所以在產(chǎn)品的呈現(xiàn)形式上將兼顧青年到老年的年齡跨度，讓設(shè)計更友好，讓產(chǎn)品有溫度。
基于前面分析，在農(nóng)村現(xiàn)實環(huán)境中的孤寡老人和留守兒童，他們生活是灰暗的，情感是封閉的，他們需要有更多志愿者以及愛心人士給他們帶去陽光和溫暖，讓孤寡老人可以健康生活，讓留守兒童可以健康成長。
所以在設(shè)計目標(biāo)的確定上：讓產(chǎn)品形成一個“有溫度、有故事、可以連接情感的橋梁”。讓貧苦生活滲透陽光、感受溫暖、看到希望。
品牌色的推導(dǎo)，是站在線下的實際場景感受來提煉，鄉(xiāng)村的孤寡老人和留守兒童的生活是貧苦的、灰暗的，他們需要金燦燦的陽光給生活帶來希望，而我們?nèi)粘Ｋ囊姷墓娼M織通常都是以紅色系為主，似乎已經(jīng)形成了作為公益組織的標(biāo)識色，因為這種大紅色傳遞愛心、帶來溫暖。
這些顏色都很有代表性，黃色代表陽光，紅色代表公益，而暖心小站，將這兩種顏色進行疊加融合，形成陽光橙，再以陽光黃納入輔助色，形成溫暖、友愛、活力、陽光的色彩體系。
在設(shè)計原則上，考慮到我們的用戶群體年齡跨度比較大，一些年長用戶互聯(lián)網(wǎng)基礎(chǔ)薄弱，為了讓產(chǎn)品更有親和力，讓年長用戶都能輕松上手，所以在策略上制定簡單、易用、溫暖的設(shè)計原則，保持框架簡單清晰、交互簡單易用，讓產(chǎn)品有溫度，讓用戶覺得有用、好用、還想用。
在“簡單”方面，保持產(chǎn)品的頁面框架要簡單，結(jié)構(gòu)要清晰，讓用戶清楚知道自己在哪里，所以在產(chǎn)品形態(tài)上只做了內(nèi)容頁的垂直展示，沒有過多瑣碎的信息入口，讓頁面信息更集中，瀏覽體驗更聚焦，讓年長用戶也可以簡單使用。
在“易用”方面，簡單的框架和結(jié)構(gòu)是易用的基礎(chǔ)，在視覺元素的排列上，通過加大的圖片、加大的間距、加大的圓角，通透的頁面布局可以讓內(nèi)容陳列更集中，獲取信息更高效。頁面的間距以4px為基數(shù)，分為5個跨度，在統(tǒng)一性的基礎(chǔ)上讓界面更有節(jié)奏感，層級更清晰，從而提高產(chǎn)品的易用性。
在“溫暖”方面，主要體現(xiàn)在在調(diào)性、元素、和內(nèi)容上：
調(diào)性：以“溫暖橙”+“陽光黃”為品牌色系貫穿始終，形成溫暖、陽光的整體基調(diào)；
元素：在常規(guī)尺度上進行適當(dāng)加大，加大的字體，加大的卡片占符，加大的點擊區(qū)域，讓產(chǎn)品更照顧年長用戶的操作習(xí)慣，讓產(chǎn)品更有溫度；
內(nèi)容：在內(nèi)容及主圖的運營展示上，突出“溫暖”的調(diào)性，增強用戶的共鳴，拉近用戶與產(chǎn)品之間的距離。
整體以大面積的“溫暖橙”為基調(diào)進行鋪設(shè)，營造溫暖陽光的質(zhì)感，頂部展示產(chǎn)品名稱和合作logo，增加產(chǎn)品的權(quán)威性和信賴度。
自上而下，控制大的間距和留白，分別設(shè)置了熱門小站、一老一小專區(qū)、志愿者風(fēng)采、活動回顧、學(xué)習(xí)園地等版塊。全方面展示了小站的基礎(chǔ)信息、輸送了對孤寡老人和留守兒童的健康資訊、匯集了志愿者服務(wù)的風(fēng)采、記錄了幫扶活動的結(jié)果反饋、以及陳列了關(guān)愛老人和小孩的相關(guān)線上課程。
一老一小的入口及詳情：通過大頭圖的形式加強專題感知，引導(dǎo)用戶點擊。詳情內(nèi)展示相關(guān)的關(guān)愛資訊和助力入口，讓用戶可以選擇性的進行點對點幫扶。
小站詳情：分為小站介紹、人員風(fēng)采、小站活動、和運營概況四個部分，清晰展示線下暖心小站的各項事務(wù)，讓線上用戶對線下小站有更全面的了解。
個人中心：功能簡單，布局簡潔，根據(jù)不同身份類型展示不同入口。作為站長的話，擁有志愿者審核、活動管理的權(quán)限，整體表現(xiàn)形式以統(tǒng)一的卡片式陳列，讓內(nèi)容更聚焦。
秉持“簡單、易用、溫暖”的設(shè)計原則，盡可能地讓產(chǎn)品陳列簡單、操作流程易用、設(shè)計滿足功能凸顯溫暖，讓用戶想用，讓產(chǎn)品好用。
經(jīng)過多次推導(dǎo)與線下團隊配合，小站1.0在今年5月初上線，第一批試點小站正在使用中，得到了較多正向良好的反饋，為鄉(xiāng)村的一老一小帶去了許多暖心的幫扶行動。
產(chǎn)品上線之后，通過在線上發(fā)布活動信息召集志愿者。在線上順利舉行了多場暖心活動，比如在重慶馬蜂社區(qū)的服務(wù)站內(nèi)為當(dāng)?shù)亓羰貎和e辦了多項課業(yè)輔導(dǎo)的活動，在重慶周家寨服務(wù)站新建了日間照料室，提升老人的居住生活質(zhì)量。
今年5月20號，在中國互聯(lián)網(wǎng)公益峰會上，為村暖心小站進行線上交流展示，獲得了很多與會代表的關(guān)注和認可。
截止2021年7月，平臺上線了兩個試點小站，共舉辦了數(shù)10次線上+線下結(jié)合的活動，活動參與了520人，受到36000人以上的關(guān)注。暖心小站的建立和運營，對鄉(xiāng)村的“一老一小”提供了更加有針對性和個性化的服務(wù)，同時加強對當(dāng)?shù)厣鐣M織的培育和孵化，提升了服務(wù)對象的生活質(zhì)量，促進和諧社區(qū)建設(shè)，助力鄉(xiāng)村振興。
通過這些試點小站的成果和反饋，讓設(shè)計目標(biāo)也得到一定程度的印證，讓產(chǎn)品體現(xiàn)了“有溫度、有故事、可以連接情感”的橋梁。
隨著互聯(lián)網(wǎng)的發(fā)展，人們對于產(chǎn)品不再是簡單的形式服從功能，而是逐步轉(zhuǎn)向形式服從情感。讓設(shè)計回歸情感，讓有溫度的設(shè)計去創(chuàng)造有溫度的產(chǎn)品，可以增進人與產(chǎn)品之間的情感連接，讓產(chǎn)品更有生命力。再者，用有“溫度”的設(shè)計思維，去捕捉和解決社會問題，通過具有社會責(zé)任感的設(shè)計，推動社會進步，形成堅實有用的“設(shè)計力”。
那么，如何提升自己的設(shè)計力呢？可以概述三個保持一個向善。
設(shè)計需要堅持，而堅持源于熱愛，保持熱忱之心會發(fā)現(xiàn)許多美好的事物，同一個需求會自發(fā)性地探索很多不同的解決方案，因此會洞察需求背后最本質(zhì)的東西，切入要點尋找最優(yōu)解。
還有一句話：“設(shè)計路上，唯有熱愛，方能抵御歲月漫長”。
這里的“敏感”指的是設(shè)計師要有好奇心，善于發(fā)現(xiàn)新事物，善于追蹤最新行業(yè)動態(tài)，是一種職業(yè)敏感，是一種自覺行為，表現(xiàn)為熱情、興奮、敏銳，對新事物充滿熱情，對于新發(fā)現(xiàn)充滿興奮，能夠特別敏銳的捕捉社會痛點解決設(shè)計難題。
生活中常說，有共情的人往往都特別感性、多愁善感，淚點低笑點也低，因為特別有代入感，而且對事物特別專注。
設(shè)計上所說的共情力則需要保持感性，同時也需要理性加持，不偏不倚。讓設(shè)計師自己能切換到項目內(nèi)的各種角色，不把自己當(dāng)成局外人，將自己融于產(chǎn)品本身，隨時切換為不同用戶的視角，更能深入地發(fā)現(xiàn)、分析和解決問題，讓設(shè)計站得住腳、更接地氣，讓設(shè)計有依有據(jù)。
設(shè)計的最終目的是傳遞需求、解決問題，這就意味著設(shè)計的初衷不同，那么最終的導(dǎo)向也會截然不同。
設(shè)計向善，保持“善”的初心，主張設(shè)計回歸社會、回歸到人心最本質(zhì)的出發(fā)點，做有溫度的設(shè)計、有仁心的設(shè)計、可持續(xù)的設(shè)計。
關(guān)注社會問題，保持一顆敏感而善良的心，用“設(shè)計向善”解決社會痛點，堅實鞏固自己的設(shè)計力。
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://tweetduck.com