產(chǎn)品經(jīng)理眼中的電梯按鈕交互設(shè)計
產(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)問題
總體形態(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ì)問題
按鈕材質(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盲文與按鈕
為特殊人群設(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ù)字問題
為特殊人群設(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殘疾人操作面板
為特殊人群設(shè)計3——殘疾人操作面板
除了考慮盲人之外,有的電梯還會考慮到殘疾人。普通的按鈕一般都在門邊右側(cè)中部,空間上來說總歸還是偏角落的位置,對于殘疾人,不借助工具的話,無論是精準(zhǔn)的到角落的位置還是操作偏上部的按鈕,都是很吃力的。如今,不少公共設(shè)施內(nèi)部都在電梯的左右側(cè)中部,單獨設(shè)有方便殘疾人操作的按鈕面板,如圖Z所示。圖Y中,單獨有殘疾人操作面板,但卻同樣安在偏角落的位置,可以說是沒有理解這一操作面板的使用場景。
1.4排列方向問題
1.4.1橫向與縱向
排列方向問題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斜向
排列方向問題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ù)問題
列數(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ù)奇偶問題
總數(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與樓層按鈕相對位置問題
與樓層按鈕相對位置問題
開關(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)問題
兩者區(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位置問題
位置問題
其實這個問題和開關(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)載。
這種剛需就不會考慮太多用戶感受,不能很快找到按鈕你會不去坐電梯嗎,按鈕設(shè)計太丑你會不去點嗎,電梯里面臭烘烘的你非要上樓你會不去坐嗎?。。。。。。12306的界面丑如天際,驗證碼前無古人后無來者,你會不去守著買一張必須要的票嗎?
樓主是以極致體驗的角度來說,按照你的說法剛需就不用考慮用戶感受,那你吃飯就可以了,為啥還吃肉?
內(nèi)容很多,但無法滿足核心需求。。。。。。
考慮如何利用好電梯里的這1分鐘會更實際點
其實用戶的核心需求就是,能快速找到要去的樓層,辨識度高。滿足這兩點的電梯按鈕,就ok了。
無聊
?? 感謝發(fā)表……可是我是個UI呀
淡定,UI是不是都是妹子 ??
辛苦了