善用工具_如何善用色彩心理學

善用工具

There’s a problem with my movement. Most of us in the profession of trying to change the world have little skills or training in the actual craft of influencing human beings to do stuff — especially stuff that is new to them such as composting, putting in LED lights, or cycling to work.

我的動作有問題。 試圖改變世界的我們大多數人對影響人類做事的實際技巧幾乎沒有技能或培訓,尤其是對他們來說是新事物,例如堆肥,放入LED燈或騎自行車上班。

Us Earth-professionals know about scientific things like the chemistry of air pollution, the engineering of solar power, or the data of climate change, but few people know about other fields, like behavioral psychology, branding, UI design, story-telling, gamification, copywriting, and the craft of just getting someone's attention, changing their mind, and getting them to do a thing. If your job is to change the world, these are the most important skills of all.

我們地球專家了解空氣污染化學,太陽能工程或氣候變化數據等科學知識,但是很少有人了解其他領域,例如行為心理學,品牌,UI設計,講故事,游戲化,文案寫作,以及僅引起某人注意,改變主意并讓他們做某事的技巧。 如果您的工作是改變世界,那么這些就是最重要的技能。

When I learned about the psychology of how to influence people, I found it so compelling that I wrote a book about it called How to Save the World. Now I design “Fitbit for the Planet” software — and color spectrums applied to data have become central to my new trade.

當我了解了如何影響人的心理學時,我發現它是如此引人注目,以至于我寫了一本名為《 如何拯救世界》的書 現在 我設計了“ Fitbit for the Planet”軟件-應用于數據的色譜已成為我新交易的中心。

使用顏色傳達數據以進行更改 (Using color to communicate data for change)

Image for post
Climate data shown in the popular “warming stripes” image流行的“溫暖條紋”圖像中顯示的氣候數據

We need to use color in a feedback loop of data about our planet. We’re not talking about the “moods of color” here (like red means hungry, blue means aloof or whatever). We’re using color to signal a data event and use it as a core feature in a project’s UI design to display feedback and performance to the user. Green means you did good. Red means you did bad.

我們需要在有關地球數據的反饋回路中使用顏色。 我們這里不是在談論“顏色的心情”(例如紅色表示饑餓,藍色表示超然等等)。 我們正在使用顏色來表示數據事件,并將其用作項目UI設計中的核心功能,以向用戶顯示反饋和性能。 綠色表示您做得很好。 紅色表示您做得不好。

顏色是下意識的瞬間 (Color is subconsciously instant)

Nothing communicates as swiftly as color. If you read a word or see numbers in a table, it takes a little time and energy to interpret, but color alone can often say the same thing instantly.

沒有什么能像顏色那樣Swift地進行交流。 如果您閱讀單詞或查看表格中的數字,則需要花費一些時間和精力來解釋,但是僅靠顏色通常可以立即說出同樣的話。

Image for post
Photo by Harshal Desai on Unsplash
Harshal Desai在Unsplash上拍攝的照片

Think of a traffic light. As soon as you see a color like red, yellow, or green, you instantly and unconsciously identify it as stop, slow, or go. If a traffic light displayed only the numbers 1, 2, or 3, or the words stop, slow, or go, it would take more mental effort to figure out what was going on, and would probably lead to many more crunched up cars.

想想一個交通信號燈。 看到紅色,黃色或綠色之類的顏色后,您會立即無意識地將其識別為停止,慢速或前進。 如果交通信號燈僅顯示數字1、2或3,或者單詞“停止”,“慢速”或“走”,則將需要花費更多的心思才能弄清發生的情況,并且可能會導致更多的汽車擁擠。

火災危險標志使用顏色 (Fire danger signs use color)

Image for post
The Australian Bush Fire Rating.
澳大利亞布什防火等級。

You can correlate a spectrum of colors to your user’s data. A familiar example is the fire danger dashboard. Each degree of fire hazard severity is assigned a color, and we immediately know what it means. Colors naturally trigger an emotional response associated with the player’s rank like, “I’m red, BAD, Why am I red! Yikes, I don’t want to be in the red zone!” or “I’m green, phew! Great!”

您可以將顏色光譜與用戶數據相關聯。 火災危險儀表板是一個熟悉的示例。 每個級別的火災隱患嚴重程度都分配有一種顏色,我們立即知道它的含義。 顏色自然會觸發與玩家等級相關的情緒React,例如“我是紅色,不好,我為什么是紅色! kes,我不想進入紅色區域!”“我是綠色,! 大!”

你可以去低科技 (You can go low-tech)

Image for post
Image for post
Image for post
istockphoto.comistockphoto.com上的貼紙和圖形通過彩色進行數據通信

You can easily start applying color grading to your project. You can purchase graphics templates of dashboard and dial illustrations from stock image websites, you can design your own, or you can just add color to a spreadsheet of data. You can have fun with stickers, too. You can assign people in a team with color-coded stickers based on their performance.

您可以輕松地開始對項目應用顏色分級。 您可以從儀表板網站上購買儀表板的圖形模板并撥打插圖,可以設計自己的模板,也可以僅向數據電子表格中添加顏色。 您也可以通過貼紙獲得樂趣。 您可以根據團隊的績效為他們分配帶有顏色編碼的貼紙的人員。

Image for post
Image for post
Image for post
An idea for displaying each car’s fuel efficiency using a small color sticker.
一種使用彩色小貼紙顯示每輛車的燃油效率的想法。

I’ve often thought that cars should have colored stickers on their plates that indicate their fuel efficiency. I think people would be deterred from owning a car with a red or crimson sticker on it, even if the sticker is small and hard to see.

我經常認為,汽車的車牌上應該有彩色貼紙,以指示其燃油效率。 我認為,即使貼紙很小且很難看到,人們也會阻止擁有上面貼有紅色或深紅色貼紙的汽車。

電子色彩可以提高能源效率 (Electronic color can drive energy efficiency)

Image for post
Image for post
Image for post
The Ambient Orb — a light that glowed a color indicative of your home’s electricity consumption.
環境球–發出某種顏色的光,指示您的家庭用電量。

The Ambient Orb was a spherical light that disclosed a household’s energy consumption by glowing red when the home used a lot of energy and glowing cooler colors when the home was using less energy. The makers of the glowing light claimed that it caused people to reduce their energy use by up to forty percent. Forty percent is a huge reduction. It worked so well because the glowing colors are immediate and easy to understand. The Ambient Orb was superseded by a new startup called Glow that launched a colored energy light in 2018.

環境球是一種球形燈,當家庭使用大量能量時,它會發出紅色的光,而當家庭使用較少的能量時,它會發出較冷的顏色,從而揭示了家庭的能源消耗。 發光燈的制造商聲稱,它使人們減少了多達40%的能源使用。 百分之四十是一個巨大的下降。 它之所以能很好地工作,是因為發光的顏色立即且易于理解。 環境球被一個名為Glow的新創業公司所取代,該公司于2018年推出了彩色節能燈。

Image for post
Energy Lollipop Chrome extension.能量棒棒糖 Chrome擴展程序。

I’ve recently been working on a new startup called Energy Lollipop. It’s a Chrome extension that shows people’s CO2 emissions based on their electricity use. Color is core to the design — and it works. The background changes color based on the user’s kilowatt consumption. Early testing has gotten many users to cut their CO2 by 50 percent in the first week of using it.

我最近一直在從事一家名為Energy Lollipop的新創公司的工作。 這是一個Chrome擴展程序,可根據人們的用電量顯示其二氧化碳排放量。 顏色是設計的核心-它可以起作用。 背景根據用戶的千瓦消耗而改變顏色。 早期測試已使許多用戶在使用它的第一周內將其二氧化碳排放量減少了50%。

彩色LED發出數據信號 (Color LEDs to signal data)

Image for post
Read the tutorial on Bits & Bytes by David Coppola閱讀David Coppola撰寫的有關位和字節的教程

You don’t need to keep your use of color in the two-dimensional world. You can build an electronic display using LED lights and an Arduino micro-controller that lights up and flashes in response to your player’s performance. With electronic parts you can buy on the internet, you can make something bright, colorful, and wonderful that changes people’s behavior, and lights up the world with a data display that is not just meaningful, but beautiful, too.

您無需在二維世界中繼續使用顏色。 您可以使用LED燈和Arduino微控制器來構建電子顯示器,該Arduino控制器會根據播放器的性能而亮起并閃爍。 借助可以在互聯網上購買的電子零件,您可以制作出明亮,色彩鮮艷,奇妙的東西,從而改變人們的行為,并通過不僅有意義而且美觀的數據顯示點亮整個世界。

都是關于數據和行為的兩個方面 (It’s all about the two lenses of data and behavior)

Image for post
How to Save the World如何拯救世界》的介紹性頁面

In my book, I added an introductory double-page about this core principle of change: the two lenses. If you want to do design for good that makes a measurable change happen, your project needs to pass the test:

在我的書中,我添加了關于這一核心變革原理的介紹性雙頁: 兩個鏡頭。 如果您要進行設計并做出可衡量的更改,那么您的項目需要通過測試:

Lense 1: Does your project measurably affect the data you are trying to change?

鏡頭1:您的項目是否會顯著影響您要更改的數據

Lense 2: Is your project designed to get people to do a behavior?

鏡頭2:您的項目是否旨在讓人們做出行為?

If your project doesn’t pass the test, you might not be manifesting any real change at all.

如果您的項目沒有通過測試,那么您可能根本不會表現出任何真正的變化。

Color can bind your data to the behavior you want to make happen, and help you influence real humans to do real things that matter so we really can change the world.

顏色可以將您的數據綁定到您想要實現的行為,并幫助您影響真實的人去做重要的事情,這樣我們才能真正改變世界。

There is a new world of world-changing craft that weaves together environmental sustainability, game design, and technology — and I find so compelling that I wrote a book about it called How to Save the World. Forbes Magazine ranked it the top five books for social change entrepreneurs. Order your copy today through Indiegogo or get it on Amazon. Connect with me on Twitter, Instagram, and Linkedin.

當今世界正在發生變化的世界,它融合了環境的可持續性,游戲設計和技術,而我感到如此引人入勝,以至于我寫了一本名為《 如何拯救世界》的書 《福布斯》雜志將其評為社會變革企業家的前五名書籍。 立即通過Indiegogo 訂購您的副本 ,或在Amazon上獲取。 在Twitter , Instagram和Linkedin上與我聯系。

Image for post
UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),這是一個巴西組織,致力于通過采取行動,賦權和知識共享的舉措來促進科技行業中的黑人女性平等。 對系統性種族主義保持沉默是不可行的。 建立您相信的設計社區。

翻譯自: https://uxdesign.cc/how-to-use-the-psychology-of-color-for-good-5af30e3927f2

善用工具

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274513.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274513.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274513.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

看源碼的第一步,我猜很多人搞錯了~

大家好,我是若川。今天在江西人的前端群里,有個小伙伴問,vueuse 的 vitepress (也就是官方文檔倉庫)怎么搭建的,怎么都沒有 index.json(引用的一個文件)。本文簡單記錄下流程&#x…

序列化說明(轉)

序列化是用來通信的,服務端把數據序列化,發送到客戶端,客戶端把接收到的數據反序列化后對數據進行操作,完成后再序列化發送到服務端,服務端再反序列化數據后對數據進行操作。說白了,數據需要序列化以后才能…

1.1編寫目的_1.目的

1.1編寫目的A friend of mine recently founded Secta Leagues. A company that organises sports leagues for working professionals, where companies play sports against one another in the same industry. The vision is to provide an app that allows interested comp…

Web 應用架構的下一個轉變

Web 技術大概 25 年前開始萌芽,HTTP、HTML、CSS 和 JS 都是在九十年代中期首次被標準化的。直到如今,Web 演變成一個無處不在的應用平臺。隨著 Web 的發展,Web 應用程序的開發架構也在不斷發展。現在有許多用于構建 Web 應用程序的核心架構&a…

生命在于運動?

我有兩個朋友,一個喜歡運動,經常打球騎單車,一個就喜歡宅在家里,最多大家玩的時候去旁觀。兩人常常爭執,一個說:生命在于運動,你看我多健康!一個說:生命在于靜止&#xf…

C++ 學習筆記----類篇

(一)基本概念: 1、類與對象: 1 //聲明類 2 class Human { 3 4 //... Data members and methods go here 5 6 }; 7 8 //定義對象 9 Human human; 2、通常用class聲明類,struct也可以,只不過在信…

ux和ui_設計社交餐廳策展應用程序— UX / UI案例研究

ux和uiSabor, which translates from “taste” or “flavor” in Spanish, is a concept for an iOS app designed to provide users with honest, reliable and relatable restaurant recommendations from friends and family. It is a social restaurant curation applicat…

你不知道的 script 標簽的 defer 與 async 屬性

我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列。另外:目前建…

我是怎么調試 Element UI 源碼的

我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試系列。另外:目前建…

java對象的理解

1、看生成幾個對象,就看new了幾次, Stu s1new Stu(“張三”); Stu s2s1;-這里也是生成了一個對象,只不過s1和s2指向了同一個對象 2、Stu s1new Stu(“張三”); Stu s2 new Stu(“李四”); s1s2;這里生成了兩個對象,但是…

模板緩沖_模板緩沖以及如何使用它可視化體積相交

模板緩沖介紹 (Introduction) The trendy thing in real-time rendering these days is ray-tracing. However, traditional rasterization hasn’t disappeared, and it won’t in the near future. I recommend this blog post on the subject: A hybrid rendering pipeline …

重磅!哈啰 Quark Design 正式開源,下一代跨技術棧前端組件庫

大家好,我是若川。我持續組織了近一年的源碼共讀活動,感興趣的可以 點此掃碼加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…

對lua協程的一點理解

讀《Programming In Lua》協程那一章,比較困惑的還是procuer-consumer那個例子: function consumer(prod)while true dolocal x receive(prod)print(x)end endfunction receive(prod)local status, value coroutine.resume(prod)return value endfunct…

b端 ux 設計思維_借助系統思維從視覺設計過渡到UX

b端 ux 設計思維“How can I switch to UX?” This is a common question from visual designers because there’s a lot of overlap on the surface. But it can also be a difficult transition since UX encompasses much more below the surface.“如何切換到UX&#xff…

三面面試官:運行 npm run xxx 的時候發生了什么?

大家好,我是若川。近期發現好些小伙伴工作有2-3年了,基本不會寫腳手架,或者說沒學過腳手架。對腳手架大致是如何執行的基本不太知道。其實這類學習資料真的挺多的。而且我們基本天天 npm run dev,應該學習內部實現。不知道的小伙伴…

figma下載_Figma的自動版式實用

figma下載Figma’s Auto Layout has been around for a while, but not everyone’s aware of the benefits it brings. It doesn’t replace constraints, they’re still very much needed. The trick is to use the right feature where necessary. I want to show you how …

Qt通過ODBC讀取excel文件

之前替學校考試科用C Builder做過一個小的數據庫工具,處理excel表格用的,現在想轉換到Qt平臺下來,在網上搜了搜有一些利用OBDC讀取xls文件的教程: http://hi.baidu.com/kxw102/item/770c496d5736470ca0cf0f1d http://blog.sina.co…

真 · 三面面試官:運行 npm run xxx 的時候發生了什么?

昨晚沒權限我只放了鏈接,今天聯系開了白名單。昨天推文主要是為了投票,表明 Node.js 的重要性,有人評論是水文。今天重新轉載下。歡迎繼續點此去投票。投票顯示有高達近80% 表示不太會開發腳手架,看來大多數人確實沒有應用場景。可…

ovo svm_反思我在OVO擔任遠程產品設計實習生的時間

ovo svmIn a quiet bedroom accompanied only by the low humming of my laptop fan, I sat before a Google Hangouts meeting, and got to know my colleagues for the first time, unaware of the joy of a ride that was waiting for me at OVO Design.在一個安靜的臥室里&…

native的Socket向Android的LocalSocketServer發送漢字亂碼的問題

native的Socket發送字節流默認是GB2312的,所以在Java方面需要指定GB2312 byte[] buffer new byte[50]; StringBuffer strBuf new StringBuffer(); InputStream input receiver.getInputStream(); while((len input.read(buffer)) ! -1) {String newStr new Str…