移情讓設(shè)計(jì)有根據(jù)
移情(Empathy):移情設(shè)計(jì)是一個(gè)以客戶為中心的設(shè)計(jì)方法,注重客戶的感情走向產(chǎn)品。移情設(shè)計(jì),也稱為“同理設(shè)計(jì)。
讓我們先來(lái)說(shuō)說(shuō)最常見的圓角。
圓角一向給人的傳遞是平穩(wěn)的,在情感上市飽滿的,并且渾厚有力讓人容易親近。
那生活中,哪些是運(yùn)用圓角的設(shè)計(jì)?
哪些又運(yùn)用非圓角的設(shè)計(jì)?
對(duì)比上下兩圖可以發(fā)現(xiàn),橘色的老電視是有圓角的,現(xiàn)代的平板電視是沒(méi)有圓角的。
為何會(huì)有這樣的區(qū)別?因?yàn)?,老的電視沒(méi)有遙控裝置,需要人用手去調(diào)換頻道與音量,而現(xiàn)代電視使用遙控即可操控,所以,經(jīng)常使用手操作的物品會(huì)較多的采用圓角設(shè)計(jì)。
電話機(jī)握柄,門上的把手,現(xiàn)代手機(jī)的設(shè)計(jì),大都是具備一定的曲線設(shè)計(jì),因?yàn)橐退l(fā)生交互必須是直接的身體接觸。如果采用直角的設(shè)計(jì)會(huì)使得它們顯得尖銳,讓人覺(jué)得生硬,冷冰不能輕易靠近,而圓角的設(shè)計(jì)方式讓接觸的交互行為變得更流暢和舒適。所以圓角給我們傳達(dá)的設(shè)計(jì)語(yǔ)言是:盡情放心地觸碰我!我很安全。
那直角所表達(dá)的是什么?不需要經(jīng)常與之發(fā)生身體接觸,那么物體就不需要給使用者“觸碰我也會(huì)很安全”的信號(hào),所以不需要使用圓角。直角給使用者傳達(dá)的是,“安全,穩(wěn)定,嚴(yán)實(shí)合縫”。
如何使用移情進(jìn)行設(shè)計(jì)
移情設(shè)計(jì)的特點(diǎn)
移情設(shè)計(jì)的基礎(chǔ)是觀察,我們的目標(biāo)是尋找客戶的需求以創(chuàng)造產(chǎn)品,客戶甚至不知道他們的愿望,或在某些情況下解決客戶有困難的預(yù)想,由於鎖定在一個(gè)舊的思維定勢(shì),所以不熟悉新技術(shù)所提供的可能性。移情設(shè)計(jì)依賴於消費(fèi)者,而不是傳統(tǒng)的市場(chǎng)調(diào)研觀察,它依賴於消費(fèi)者查詢的意圖,以避免可能出現(xiàn)的偏差的調(diào)查和問(wèn)題,并大幅減少消費(fèi)者提供虛假信息的機(jī)會(huì)。
移情設(shè)計(jì)過(guò)程
IDEO在自己的項(xiàng)目通常包括移情設(shè)計(jì)的關(guān)鍵步驟,并列出他們的方法為:
1. 了解市場(chǎng),客戶,技術(shù)和感知的限制。
2. 觀察真實(shí)的人在現(xiàn)實(shí)生活中的情況下,以找出是什麼使他們打勾,混淆他們,他們喜歡什麼,討厭的人,他們?cè)谀茄e潛伏需要解決目前的產(chǎn)品和服務(wù)。
3. 可視化新的世界概念
4. 評(píng)估和改進(jìn)的原型
5. 實(shí)現(xiàn)商業(yè)化的新概念。
Imac G4,造型像是個(gè)機(jī)器人小管家,全身大面積的圓潤(rùn)化處理讓用戶忍不住去觸摸它。
無(wú)印良品壁掛CD機(jī),由深澤直人設(shè)計(jì),拉動(dòng)線繩播放器就開始工作,類似于小時(shí)候我們的的電燈,電扇的操作方式。很原始但有加入的現(xiàn)代的設(shè)計(jì)與工藝。
切割手機(jī),同樣是深澤直人設(shè)計(jì),他希望的設(shè)計(jì)目的是人們?cè)跓o(wú)聊的時(shí)候會(huì)把玩手機(jī),不停的觸摸這些切邊打發(fā)時(shí)間。
小米的動(dòng)態(tài)天氣,好像把窗外發(fā)生的天氣裝進(jìn)了手機(jī)一樣,充滿情感。三星的鎖屏很有意思,解鎖時(shí)手指觸摸平面會(huì)有水波紋,還有油畫的效果,按上去油畫蘊(yùn)開的感覺(jué)。(所以,極簡(jiǎn)不一定是好事,反倒讓我覺(jué)得缺乏情感與關(guān)懷,冷冰冰,界面純粹變成了內(nèi)容的承載。)。
移情設(shè)計(jì),設(shè)計(jì)從哪來(lái)到哪去,讓移情更好的輔助我們?cè)O(shè)計(jì)吧。
本文地址:http://m.likemindfilms.com/tutorial/ui2003.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏