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