為用戶設(shè)計(jì)舒適的姿勢

0 評(píng)論 2362 瀏覽 0 收藏 8 分鐘

我們不僅要關(guān)心用戶的情緒,做出給予和引導(dǎo)正向情感的設(shè)計(jì),我們也要關(guān)注用戶的身體,幫用戶用舒服的姿勢使用產(chǎn)品。

做一個(gè)簡單的測試,拿起鼠標(biāo),第一次,讓光標(biāo)從屏幕的頂邊中點(diǎn),盡量保持垂直線移動(dòng)到底部;第二次,讓光標(biāo)從屏幕左邊中點(diǎn),盡量保持水平線移動(dòng)到右邊。感覺一下,第一次和第二次,哪個(gè)操作讓你覺得累?

從上到下移動(dòng)光標(biāo),你的手腕,肘部的活動(dòng)的幅度更大,牽動(dòng)的肌肉和關(guān)節(jié)更多;從左到右相對(duì)輕松,肢體只需要輕微的移動(dòng)。

我們需要?jiǎng)佑弥w——主要是手——給電腦輸入指令,運(yùn)動(dòng)久則疲勞。輸入方式上鼠標(biāo)比鍵盤舒適,但現(xiàn)在也變成了繁重勞動(dòng),出現(xiàn)“鼠標(biāo)手”的病癥。持續(xù)的點(diǎn)擊、移動(dòng)導(dǎo)致手肘的疲勞,用眼過度導(dǎo)致視力下降,腰部和肩部酸痛,這些身體的不適反映都會(huì)影響你正在進(jìn)行的操作,影響你的產(chǎn)品體驗(yàn)過程。

豆瓣的阿爾法城,雖然有很多創(chuàng)新的設(shè)計(jì),但若我不強(qiáng)迫自己,我無法在那兒停留超過五分鐘。比起一般的小組或者論壇,我要做出數(shù)倍的交互指令,點(diǎn)擊鼠標(biāo)移動(dòng)光標(biāo),才能獲取內(nèi)容,不一會(huì),我就疲憊不堪。

也許是我喜歡游戲的緣故,我倒蠻喜歡IBM的這個(gè)逛法.

下面分三個(gè)部分,說說那些會(huì)影響我們使用產(chǎn)品的舒適的關(guān)鍵,當(dāng)你在設(shè)計(jì)界面的時(shí)候,嘗試去考慮一下“用戶的身體舒適嗎”。

一 手指和臂肘

1 減少關(guān)節(jié)活動(dòng)

前文的測試中提到,我們需要盡量的讓用戶用最少的操作完成指令。橫向操作比豎向的輕松,移動(dòng)比點(diǎn)擊便捷,一次點(diǎn)擊比兩次點(diǎn)擊省力。

我們大部分人是右利手,屏幕右側(cè)是光標(biāo)的待機(jī)位置,所以我們看到大多數(shù)快捷操作放在那邊。

2 減少精確要求高的操作

精確定位需要花費(fèi)更多的力氣,移動(dòng)鼠標(biāo)定位到一個(gè)10px的方形內(nèi),一定比定位到100px的方形中費(fèi)力。所以,更大的按鈕,用戶點(diǎn)起來更容易、更舒適。

Chrome瀏覽器的頁簽設(shè)計(jì)

1 關(guān)閉的設(shè)計(jì)

在Chrome上關(guān)閉多個(gè)頁簽時(shí),你會(huì)發(fā)現(xiàn)它采用一個(gè)奇妙的方式保證你不那么費(fèi)力——下一個(gè)標(biāo)簽的關(guān)閉按鈕會(huì)被送到你的光標(biāo)上,不需要移動(dòng)鼠標(biāo),只需點(diǎn)擊。

如果你是在當(dāng)中關(guān)閉頁簽,之后的頁簽會(huì)移上到當(dāng)前位置。

如果你是關(guān)閉最后一個(gè)頁簽,那么剩余的頁簽會(huì)自動(dòng)改變寬度,原本倒數(shù)第二個(gè)標(biāo)簽的關(guān)閉按鈕會(huì)送到你的光標(biāo)上來;

直到光標(biāo)離開關(guān)閉按鈕,頁簽才會(huì)自動(dòng)調(diào)整拉長。

2 頁簽的切換

在Chrome誕生之前,沒有一個(gè)瀏覽器將頁簽完全放置在屏幕頂部,它是舒適設(shè)計(jì)原則的典范。當(dāng)我們從屏幕中心移動(dòng)鼠標(biāo)去切換頁簽時(shí),只要把光標(biāo)甩到屏幕頂部,屏幕頂部的對(duì)光標(biāo)自動(dòng)限制,讓你無需考慮控制光標(biāo)的上下移動(dòng),只需要控制左右移動(dòng)。

其他瀏覽器,當(dāng)你移動(dòng)光標(biāo)到頁簽時(shí),至少都需要給光標(biāo)一個(gè)剎車的操作。

二 視覺

1 舒適的顏色

2 清晰的層級(jí)

顏色上的舒適應(yīng)該由設(shè)計(jì)師來定奪把關(guān),例如同一頁面的不同顏色盡量少,頁面的明度和對(duì)比度不會(huì)傷眼睛,主題色應(yīng)注意暗示了用戶怎樣的情緒。

而布局上,我們可以用一種方法來檢測。

第一,產(chǎn)品的界面,可以讓用戶可以毫不猶豫的分成3-5個(gè)大板塊。

第二,假想這些板塊離你有遠(yuǎn)近,你可以明確的描述它們每一個(gè)離你你多遠(yuǎn)。

在我瀏覽這篇文章的時(shí)候,正文離我若有50厘米,那么掰掰的小站名稱和導(dǎo)航欄大概在100厘米遠(yuǎn),右側(cè)的廣告80厘米左右,豆瓣logo和用戶信息那行在120厘米遠(yuǎn),所以,我瀏覽起來很舒適。

這張來自癮科技的圖恰好可以做示范,原文

新一代的iPad,現(xiàn)在擁有Retina高過300dpi的分辨率,近于印刷精度的圖文,也會(huì)讓我們的視覺更舒適。

三 姿勢

iPad改變了我使用電腦的姿勢,在這之前,我不論是工作、娛樂還是休息,都是以正襟危坐的姿勢戰(zhàn)斗在電腦前,即便是看文章、看視頻也很難放松。iPad致力于從這種緊張的“前傾型”中解放用戶,讓他們變成“后仰型”的沙發(fā)土豆。

iPad的一個(gè)很重要的價(jià)值,就是重新設(shè)計(jì)了用戶使用的場景和姿勢,這為它的用戶體驗(yàn)大大加分。iPad達(dá)到這個(gè)設(shè)計(jì)目標(biāo),特別做了兩件事:

★ 減少重量

★ 提高續(xù)航時(shí)間

這時(shí)候,產(chǎn)品設(shè)計(jì)的作用從細(xì)節(jié)戰(zhàn)術(shù)來到了整體戰(zhàn)略的層面,再加上其他種種優(yōu)勢,iPad弄死了上網(wǎng)本。

聯(lián)想的這款無線掌中寶,可以讓你躺在沙發(fā)上,利用HTPC看視頻的時(shí)候,就會(huì)變得非常有用。它還有LED背光功能,不打擾你關(guān)燈營造的影院效果。

豆瓣閱讀器的設(shè)計(jì),就很好的考慮了姿勢問題,不論是坐在電腦前,還是捧著平板,都能夠進(jìn)入舒適的閱讀狀態(tài),手輕輕搭在鍵盤翻翻頁就好了。相比之下京東的電子書PC版就完全是垃圾,完全沒有考慮過閱讀者的姿勢。

在將來,我們使用互聯(lián)網(wǎng)的場景和姿勢將變得更復(fù)雜,端坐電腦前的比例越來越小。我們會(huì)站著,坐著,短時(shí)間的停留,用一只拇指操作……甚至開始利用語音和體感進(jìn)行輸入,讓用戶舒適的與機(jī)器高效溝通,永遠(yuǎn)是用戶體驗(yàn)設(shè)計(jì)的重要一環(huán)。

 

轉(zhuǎn)自豆瓣

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!