產(chǎn)品經(jīng)理眼中的電梯按鈕交互設(shè)計

9 評論 12662 瀏覽 26 收藏 27 分鐘

產(chǎn)品經(jīng)理眼中萬物皆產(chǎn)品,電梯也不例外。在我們?nèi)粘3鲂兄姓紦?jù)著非常重要地位的電梯,產(chǎn)品經(jīng)理又會如何思考他的設(shè)計呢?

開始注意和觀察電梯的按鈕面板,是因為覺察到自己因常乘的兩部電梯設(shè)計細節(jié)方面的種種不同而陷入了混亂。電梯常常會和自己”想的不一樣”,即預(yù)設(shè)的或已建立的心理模型失效了,我們不得不重新審視電梯的操作面板,重新建立心理模型,找到對應(yīng)的按鈕。如果日常常搭乘幾部電梯,它們之間的操作規(guī)則和心理模型還不一樣的話,一是容易讓人混亂,二則給人增加了記憶負(fù)擔(dān),實在是很麻煩。

覺得這一小塊可操作區(qū)域很有趣很值得分析之后,好奇之下找了不少圖進行研究,五花八門的設(shè)計實在是讓人覺得……有點頭疼。稍稍匯總分析了一下各種電梯按鍵設(shè)計上的不同和其中的種種不合理之處。

一 、樓層按鈕

1.1總體形態(tài)問題

dianti1
總體形態(tài)問題

其實這倒是我最沒有想到會出現(xiàn)的問題,在我們?nèi)粘I钪校R姷碾娞莼径际且?guī)規(guī)整整的橫向縱向?qū)R布局。對齊布局之所以會變成我們心目總的常規(guī),我想是有點跟著現(xiàn)代建筑結(jié)構(gòu)來:一棟大樓,每層很整齊的有幾戶彼此相鄰的人家,然后再上層就是繼續(xù)按照這個排列邏輯一層層的碼。小孩畫簡筆畫的大樓,也是先畫個最外的大框,里面再盡量規(guī)規(guī)整整畫對齊的小方塊。這種整齊的排布,是我們印象中對”樓”這個概念根深蒂固的認(rèn)知。

如上圖所示的各種非常規(guī)造型的電梯按鈕,如果應(yīng)用在日常場合中,是非常失敗的。日常生活中的電梯,本就是為了幫助人節(jié)約時間的存在,特點是人流量大、使用頻次高和注重效率,使用非常規(guī)造型的電梯按鈕,讓人不得不每次都去認(rèn)知它或者記憶這個操作模型,只能讓搭乘者更加煩躁。但是如果將它使用在休閑娛樂的場合的話,竊以為是非常適合的:非日常的場合、閑適的心情和充足的時間,讓人有興致去研究有趣的東西。若是我有幸遇到,也會很開心的掏出手機來拍照的:)

1.2按鈕材質(zhì)問題

dianti2

按鈕材質(zhì)問題

電梯按鈕會有樓層數(shù)字和按鈕一體和分開兩種形式,在這里只討論樓層數(shù)字與按鈕一體的情況。

按鈕常見的材質(zhì)有銀底白字、銀底黑字、白底黑字和黑底白字四種(深色彩字、彩底白字類似白底黑字、黑底白字,不另做討論)。

就識別性進行分析:如上圖右側(cè)EPb所示的白底黑字、黑底白字和銀底黑字,文字和背景都能形成較大反差,較易識別。但如上圖左側(cè)的BO所呈現(xiàn)的銀底白字,則識別度相對較低,非正視時較難看清。如S所示的整體銀色,也有類似的問題。

就按壓之后的響應(yīng)分析:點擊后,按鈕需要給人”操作成功”的即時反饋,反饋的形式也與按鈕的材質(zhì)有一定關(guān)系。反饋形式中,個人認(rèn)為通過數(shù)字反饋是最優(yōu)解,描述搭乘電梯的過程,應(yīng)該是:有確定的目標(biāo)樓層,尋找樓層數(shù)字,操作對應(yīng)數(shù)字按鈕,確認(rèn)操作成功,確認(rèn)到達目標(biāo)樓層,樓層數(shù)字是貫穿始終的一條線索。在選用的示例中,BOP都是白色文字,按壓之后,都是數(shù)字亮起,銀底和黑底都隔絕了光感,底部不發(fā)生變化,讓人的注意力集中在操作的數(shù)字上,且BO還通過外圈”漏光”處理來加強反饋。E按壓之后應(yīng)該整個按鈕亮起,這也是白底黑字按鈕唯一可能的反饋形式,這樣的話變化最強烈的反而是底色的變化,反饋夠了,但稍顯過頭。b是僅使用”漏光”進行按壓反饋。S目測是比較容易給人帶來疑惑的存在,按鈕外沒什么縫隙,不像是有”漏光”反饋,操作者無法即時的得到”按壓是否成功”的反饋(外圈綠色塑料是對0層的強調(diào)并非按壓按鈕的反饋),大概只能通過電梯是否移動進行判斷。

1.3為特殊人群設(shè)計

如今,許多公共設(shè)施及住宅都開始為特殊人群設(shè)計,這也正是一個國家、一個城市,對特殊人群人文關(guān)懷的體現(xiàn),如:鋪設(shè)的盲道、建筑物前的殘疾人通道、地鐵站扶手末端的盲文和在交通最便捷的車廂預(yù)留的固定輪椅的位置等等。淺層意義上講,這些設(shè)計是為了保證特殊人群能夠獨立出行;深層意義上來講,更是維護了他們的尊嚴(yán)、增加了他們自立的可能性。

為特殊人群設(shè)計,應(yīng)當(dāng)先定義為:在不影響普通人使用、不過分增加普通人認(rèn)知負(fù)擔(dān)的前提下,保證特殊人群能用且較方便的使用它獨自出行。現(xiàn)在的電梯也逐漸的開始為特殊人群考慮,但在個人看來,依然問題很多,許多設(shè)計并不能稱為成功的”為特殊人群設(shè)計”。

1.3.1盲文與按鈕

dianti3

為特殊人群設(shè)計1——盲文與按鈕

為盲人進行按鈕設(shè)計,這應(yīng)該是普及程度最廣的一個為特殊人群設(shè)計,形式也比較……異彩紛呈。

最常見的應(yīng)該是像S這樣,數(shù)字和盲文標(biāo)記一起放在同個按鈕上,應(yīng)該也是實現(xiàn)成本最低的方法,只需要定制按鈕即可。但是個人認(rèn)為存在的問題是:觸摸和按壓的邊界難把握(并不了解盲人的操作模式,只是自己想著覺得會存在這個問題:),如有誤區(qū)望指正)。想象盲人觸摸到按鈕區(qū)域,開始試圖摸索確認(rèn)數(shù)字尋找排布規(guī)律的狀態(tài):摸清楚盲文應(yīng)該是要施加一定力度來觸摸的,但又要避免把按鈕按下。不管容不容易像這樣誤操作了,這樣很容易讓盲人處于一個比較緊張的狀態(tài)。

U和c勉強算是一個類型的設(shè)計,黑色區(qū)域放置樓層數(shù)字和盲文標(biāo)記,按鈕提供操作,這樣的分隔處理就回避了上面說的問題。但這兩者對比,同樣也暴露了一個問題:U對親密性原則的考慮不足??碪的排布,大概是對”對齊”有過分執(zhí)著的工業(yè)設(shè)計師的作品……排布非常均勻,但黑色區(qū)域和按鈕的對應(yīng)關(guān)系,不能一目了然的看清或摸清,我們要利用”閱讀是從左往右”的經(jīng)驗或者是判斷最小重復(fù)單元方能正確的操作。而c這樣的互相咬合的設(shè)計則用了外型的匹配來讓這兩者形成自然的關(guān)聯(lián),是個相對較好的設(shè)計。

X的設(shè)計比較中正,保證了盲人的能識別也保證了不給普通人增加識別負(fù)擔(dān),也很美觀,但也沒有特別值得稱道的地方,不仔細說它了。J和T是個人覺得比較好的設(shè)計,用和整個面板相同的原材料制作盲文區(qū)域,與對應(yīng)樓層按鈕緊密排列,即不過分干擾普通人識別也方便盲人操作。不過盲文區(qū)域的設(shè)計上T要比J略勝一籌,盲文排布在同一塊板上,方便順延觸碰。

1.3.2禁忌數(shù)字問題

dianti4

為特殊人群設(shè)計2——禁忌數(shù)字問題

無論東西方,都有一些數(shù)字禁忌,西方不喜歡”13″,中國要避開”4″,國內(nèi)的電梯設(shè)計,要避開數(shù)字的話也就這些。要回避這些數(shù)字的話,情況有兩種:第一種如圖A,直接跳過這個樓層,這個情況非常多見;第二種如圖e,有這個樓層,但用別的命名方式避免直接提到它。我沒有實際見識過第二種情況,也有點好奇這種情況盲文要如何描述禁忌數(shù)字,但第一種跳過樓層的情況,對普通人而言,可以說只會造成一些小困擾,但對盲人而言,簡直是災(zāi)難性的。真正為盲人設(shè)計,考慮到要照顧他們使用的電梯,應(yīng)該如圖J一般,采用易發(fā)現(xiàn)和記憶的簡單規(guī)則。但如圖f所示的這個電梯,是我實際搭過的、對普通人尚且很麻煩對盲人簡直是個災(zāi)難的電梯:數(shù)字橫向排布且不是從左下角開始,缺少2、4、13、14、24樓。對于普通人而言的話:完全沒辦法用尋找倍數(shù)規(guī)律的方法來快速找到所需樓層,只能在理解橫向排布規(guī)律之后,逐行掃視查看或者根據(jù)數(shù)字大小在大致高度掃視尋找。對于盲人的話,暗自揣測一下他們的操作模式:摸索下部按鈕,大致判斷列數(shù),因為沒有2沒有4,數(shù)字開頭本身缺乏連貫性,可能要摸索兩行按鈕才能判斷排列規(guī)則,然后根據(jù)列數(shù)和排列規(guī)則,向上尋找自己的目標(biāo)樓層,但因缺少13、14、24,數(shù)字規(guī)律相當(dāng)于重建了兩次,又加大了找到目標(biāo)樓層的難度。總而言之,要有禁忌數(shù)字的話,就別橫向排布,更別流于形式的添加盲文為盲人考慮。

跳出按鈕設(shè)計說一句題外話,即使電梯面板設(shè)計的很好、為盲人考慮的很周到,都還是不夠的,據(jù)個人所見,考慮到按鍵盲文設(shè)計的電梯,還是沒有抵達目標(biāo)樓層的聲音反饋,如果盲人獨自乘梯,如何判斷自己正確的抵達了目標(biāo)樓層?電梯門開了但門口沒有人等著的情況,相信大家都遇到過??紤]到這一點的話,電梯最好是能有個開門報樓層的功能,不僅能方便盲人,也能方便低頭族們:)

1.3.3殘疾人操作面板

dianti5

為特殊人群設(shè)計3——殘疾人操作面板

除了考慮盲人之外,有的電梯還會考慮到殘疾人。普通的按鈕一般都在門邊右側(cè)中部,空間上來說總歸還是偏角落的位置,對于殘疾人,不借助工具的話,無論是精準(zhǔn)的到角落的位置還是操作偏上部的按鈕,都是很吃力的。如今,不少公共設(shè)施內(nèi)部都在電梯的左右側(cè)中部,單獨設(shè)有方便殘疾人操作的按鈕面板,如圖Z所示。圖Y中,單獨有殘疾人操作面板,但卻同樣安在偏角落的位置,可以說是沒有理解這一操作面板的使用場景。

1.4排列方向問題

1.4.1橫向與縱向

dianti6

排列方向問題1——橫向與縱向

樓層按鈕絕大部分都是規(guī)規(guī)矩矩的橫縱對齊模式,在講總體形態(tài)問題時已經(jīng)講過,這種排列方式應(yīng)該是根據(jù)人們對現(xiàn)代建筑建立的心理模型而來,而在橫縱對齊排布之下,有且僅有橫向與縱向排布兩種模式。

如圖O、K,采取的是橫向排布模式,想象一下看到這種面板如何找到自己想去的樓層的數(shù)字:第一種情況是,按照習(xí)慣先看左下角,找到底層,查看附近數(shù)字,找到下一層,視線按反的”Z”字逐漸上升,直到找到尋找的樓層;第二種情況是,看清最底部數(shù)字的排布,找到規(guī)律,按照數(shù)字規(guī)律對尋找的樓層數(shù)字進行大致的定位。正常操作情況下,應(yīng)該是兩種模式混合著來。對這兩種操作情況的描述,也能讓人很清楚的看到橫向排布的弱點:第一種順著數(shù)字遞增方向查看模式,視線一直是按反向的”Z”字來,橫向一排也不可能放置太多數(shù)字,所以視線一直在”打斷——另起一行——打斷”的循環(huán)中,不是一個比較連貫舒適的識別過程;第二種尋找規(guī)律,需要通過奇偶數(shù)或者倍數(shù)關(guān)系來簡單的分析定位,稍顯麻煩。

R是無意中發(fā)現(xiàn)的……奇葩型橫向排布:數(shù)字遞增方式是從右往左,而不是符合絕大部分人習(xí)慣的從左往右……這真是萬萬沒有想到會出現(xiàn)的問題。

如圖P、A,采取的是縱向排列,和樓層上升規(guī)律自然匹配,避免了橫向排布視線打斷和尋找規(guī)律麻煩的問題,是較為合理的排布模式。但是單論圖片所舉的P、A兩例而言,也是有不當(dāng)之處的:讓搭乘者較快識別排列方式,最好的方式是通過距離來暗示(格式塔原理接近法則),將兩豎排間的距離拉大一點,就能降低識別的難度。但我見過的按鍵排列,最多的是像圖A這種,按鈕上下左右留的空隙基本相等的類型,根本沒法根據(jù)按鈕大致形態(tài)來判斷排列方式,必須根據(jù)數(shù)字來。圖P所示的面板,倒是兩豎排間距離要大于按鈕間縱向距離,但比距離劃分更加明顯的橫向線條劃分占據(jù)了優(yōu)勢,錯誤的誘導(dǎo)了橫向的查看模式,雖然這樣應(yīng)該就不用定制背后的面板可以一律拼接組裝,但這么省造價實在是……

1.4.2斜向

dianti7

排列方向問題2——斜向

斜向是一種比較特別也較為少見的排列方式,兩排按鈕錯落排布。這個排列方式,是變相的橫向排布,和橫向排布存在的問題也基本一致,但會比橫向排友好一點,視線轉(zhuǎn)的會柔和一些。如圖所示的三個斜向排布的電梯面板,大致排列都很相似——兩排錯落排布、同排之間更加緊密,識別起來更可能是找到底層之后根據(jù)接近原則同排順著讀上去,理解了單雙數(shù)排列模式之后再根據(jù)規(guī)律尋找目標(biāo)樓層。L中為了暗示數(shù)字增長規(guī)律,1-2上下有凹槽引導(dǎo)視覺(當(dāng)然也可能是又在機智的省造價),個人認(rèn)為識別時還是會造成混亂,先讀哪邊?斜向轉(zhuǎn)折著看還是順著豎排看?預(yù)期的視覺引導(dǎo)有用嗎?其實眼動實驗真應(yīng)該用在這。

1.5列數(shù)問題

dianti8

列數(shù)問題

相信看完上圖,或多或少會有一點頭皮發(fā)麻的感覺,內(nèi)心隱隱的有”太難了、好復(fù)雜、好難找”這樣的吐槽,這樣日常生活中常用的東西,如果讓人產(chǎn)生了畏難心理,那它一定是失敗的。

列數(shù)問題大多出現(xiàn)在高樓層的電梯上,讓人頭皮發(fā)麻的程度因樓層數(shù)目和排布列數(shù)、考慮盲文與否、盲文設(shè)計優(yōu)劣而各異,如圖C、a、H所示。H簡直是個中翹楚、集大成者,樓層數(shù)多列數(shù)多,考慮盲文又考慮的很糟糕,本來已經(jīng)有4列50多個樓層按鈕了,盲文標(biāo)示一出,乍一看就是按鈕數(shù)目翻倍的感覺,實在是頭疼。

日常搭乘的電梯基本都是1~3列,整體呈現(xiàn)狹長的豎向長方形布局,而圖示的這些電梯,同部電梯里可選擇的樓層多本來就造成了困難(??硕桑蚺挪疾缓侠碛制x了常規(guī)的布局,更增加了操作者的識別難度。一臺電梯能承載的復(fù)雜程度是有限的,而樓層增長可帶來的復(fù)雜程度是極大的,所以列數(shù)問題的解決方案,要么是將復(fù)雜程度拆分給多臺電梯承擔(dān),要么是適度簡化將本身的復(fù)雜程度降低(其實應(yīng)該說把復(fù)雜性丟給了搭乘者),前者如常見的將單雙數(shù)樓層區(qū)分開來,后者如圖V所示的每三層??吭O(shè)計的電梯(每層的按鈕后有岔開的標(biāo)示,標(biāo)明每個按鈕所承擔(dān)的三個樓層)。

1.6總數(shù)奇偶問題

dianti9

總數(shù)奇偶問題

這個問題相對之前的種種而言,可以說是個小問題,但也挺有趣,針對只有兩豎排按鈕的電梯來討論一下總數(shù)奇偶問題。樓層總數(shù),有奇偶兩種情況:偶數(shù)樓層的話,一般是有兩種排列方式,對齊排列和錯開一個,如上圖Q、A;奇數(shù)樓層的話,大致有如上圖E、d、W三種排列方式,上、下多出一個和錯開。

總的來說,如A、W這樣整體形態(tài)呈斜向右上方的四邊形形態(tài)是最優(yōu)解,從形態(tài)上比較清楚的暗示了兩豎排之間的數(shù)字遞增關(guān)系,而且在看清最底端的起始樓層之后,因沒有左右干擾,視線很自然的往上走,成功暗示縱向排列引導(dǎo)了縱向閱讀。E、d拋開橫向排列模式來說的話,個人認(rèn)為會出現(xiàn)的問題是:對”零余者”的過分關(guān)注。因別處對稱度都相當(dāng)高,注意力難免第一時間被多出來的那一個吸引過去,在這個意義上,E比d更糟糕,先找到1肯定比先找到7強,但d是完全按照數(shù)學(xué)規(guī)律來做排列,利用自然匹配直觀引導(dǎo)理解的縱向排列肯定優(yōu)于需要理性邏輯思考的數(shù)學(xué)規(guī)律排列,畢竟,不動腦最好啦!

二 、開關(guān)按鈕

2.1與樓層按鈕相對位置問題

dianti10

與樓層按鈕相對位置問題

開關(guān)按鈕與樓層按鈕的相對位置大概有三種:和樓層按鈕完全不做區(qū)分的排列在其下,如R;相隔一定距離在其上,如A、D;相隔一定距離在其下,如B、E。

不做區(qū)分混排毫無疑問是最糟糕的排列形式,即使是不同功能的按鈕,采取同樣的樣式,放在一起,給人直觀的感覺就是它們是同類的,完全沒能起到區(qū)分作用,操作時需要通過符號識別出來,或者依靠經(jīng)驗尋找到。E是它的反例,開關(guān)門按鈕與樓層按鈕不僅做了距離劃分、還做了方圓的樣式區(qū)分,非常清晰。

開關(guān)按鈕是所有按鈕里操作頻次最高的按鈕,在上在下孰優(yōu)孰劣需要通過使用情境來分析:單人搭乘時,只需要按一次關(guān)門鍵,情況比較簡單,在上在下都不算麻煩;但多人搭乘時,很容易出現(xiàn)需要長時間按住開門鍵和需要多次按關(guān)門鍵的情況,長時間高頻率需要操作按鈕的話,按鈕就需要放到操作著比較方便舒適的地方,在這個意義上,放在下面會明顯比放在上面好,一直要抬手肯定比較累,而放在下面則輕松的多。

2.2兩者的區(qū)分強調(diào)問題

dianti11

兩者區(qū)分強調(diào)問題

在討論開、關(guān)門鍵的區(qū)分強調(diào)問題之前,先討論一下它們的重要性區(qū)別:電梯開門關(guān)門間有默認(rèn)時長設(shè)置,到達目標(biāo)樓層自動打開門,約莫5s之后自動關(guān)門,但實際常出現(xiàn)默認(rèn)時長結(jié)束但人還沒上完或下完、或者臨時有人要搭乘的情況,所以必須有開門鍵,且必須非常靈敏以應(yīng)對突然狀況。達到默認(rèn)時長,電梯門會自動關(guān)閉,到達默認(rèn)時長后仍按住開門鍵的話,松開開門鍵電梯門也會自動關(guān)閉,所以關(guān)門鍵并不是必須的,即使有的話,反應(yīng)速度也會慢1~2s,以防出現(xiàn)突然狀況。綜上所述,開門鍵的重要性要高于關(guān)門鍵。

實際使用中的電梯,開關(guān)門鍵區(qū)分強調(diào)的形式也比較多:完全沒有區(qū)分,如O;把比較弱的關(guān)門鍵直接砍掉了,如Q;用顏色來做區(qū)分強調(diào),如A、B(B用警示色紅色強調(diào)了關(guān)門鍵,使用錯誤的);用大小來做區(qū)分,如C(也算是用了菲茨定律);用顏色、大小來區(qū)分,如I,相對最完善的考慮。

三 、報警按鈕

3.1位置問題

dianti12

位置問題

其實這個問題和開關(guān)按鈕的位置問題有點相似,最大的和最糟糕的問題還是混排問題:如上圖的U、S、K,全是報警按鈕和其他花樣混排,樣式完全一樣或者掙扎著稍微改了改用了個警示色黃色,都挺糟糕的。操作頻率最低的報警按鈕和別的東西排在一起,真的非常容易導(dǎo)致誤操作,而且誤操作導(dǎo)致的后果一般還較嚴(yán)重,很容易給人帶來挫敗感,非常不合理。

O、I則是比較正常的類型,將最不常操作的報警按鈕直接放到了最頂上。但其實最好還是如I一般做一些強調(diào),畢竟雖然操作頻率低,卻非常有必要讓人注意到。

其實回過頭來看,自己也蠻詫異看起來很簡單的電梯面板,能折騰著分析出來這么多不同和問題。設(shè)計是為了解決問題的,是讓人們在解決問題時,使用更優(yōu)雅精致的工具、經(jīng)歷更簡單明了的過程、擁有更舒適愉悅的心情。很不幸的是很多電梯,總是在讓人焦頭爛額的狼狽尋找,或者是讓人自怨自艾的覺得自己記性太差。希望大家在以后,碰到的電梯都是沒有槽點的:)分析的東西比較雜,方式也不一樣,感謝讀到最后:)

 

本文由 @青銅央央 投稿發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這種剛需就不會考慮太多用戶感受,不能很快找到按鈕你會不去坐電梯嗎,按鈕設(shè)計太丑你會不去點嗎,電梯里面臭烘烘的你非要上樓你會不去坐嗎?。。。。。。12306的界面丑如天際,驗證碼前無古人后無來者,你會不去守著買一張必須要的票嗎?

    來自上海 回復(fù)
    1. 樓主是以極致體驗的角度來說,按照你的說法剛需就不用考慮用戶感受,那你吃飯就可以了,為啥還吃肉?

      來自廣東 回復(fù)
  2. 內(nèi)容很多,但無法滿足核心需求。。。。。。

    來自上海 回復(fù)
    1. 考慮如何利用好電梯里的這1分鐘會更實際點

      來自廣東 回復(fù)
    2. 其實用戶的核心需求就是,能快速找到要去的樓層,辨識度高。滿足這兩點的電梯按鈕,就ok了。

      來自上海 回復(fù)
  3. 無聊

    來自浙江 回復(fù)
  4. ?? 感謝發(fā)表……可是我是個UI呀

    來自北京 回復(fù)
    1. 淡定,UI是不是都是妹子 ??

      來自上海 回復(fù)
  5. 辛苦了

    來自上海 回復(fù)