東京的導(dǎo)視設(shè)計
用戶體驗(yàn)原則在步行導(dǎo)視上的應(yīng)用,能改善高峰時期的通勤。
我從澀谷站下車的時候,人流從我身邊涌過,我開始尋找忠犬八公的雕像。朋友約我晚飯前在那里碰面,但我找了10分鐘仍舊迷路。幸好我放慢了腳步,觀察四周,我看到了導(dǎo)視牌。有了精心設(shè)計的輔助引導(dǎo),你很快就能找回方向。
漸進(jìn)式顯現(xiàn)的地鐵站導(dǎo)視系統(tǒng)
當(dāng)你正在前往某站的地鐵上,車門上方的屏幕會告訴你這幾個信息。首先,它會告訴你哪邊的車門即將開啟。這能幫助滿滿一車人找到自己的方向。人們會緩緩移動,示意周圍不下車的乘客為其讓道。
老實(shí)說,我看不懂所有文字,不過我還是明白它表達(dá)的意思。
標(biāo)識也能讓你確認(rèn)站點(diǎn),讓你知道自己沒有下錯站。在站點(diǎn)名下方,會顯示一張圖,告訴你處在車廂的哪部分,并且表示出你所處車廂的位置對應(yīng)車站的什么設(shè)施。
樓梯、自動扶梯、電梯,還有列車的移動方向!太實(shí)用了。
我在舊金山生活時常遇到一個問題,就是想了解到站時車門外有什么設(shè)施。我總是從樓梯旁經(jīng)過,然后要回頭去找。
這些標(biāo)識會告訴你當(dāng)下正需要的重要信息,可以避免此類困擾。
下車后,你會看到指向四面八方的標(biāo)識。
上方:電梯和求助;中間:主要的站點(diǎn)設(shè)施和出入口;下方:出口與方向
這個標(biāo)識表達(dá)了:
- 去哪里求助和尋找電梯
- 你的站點(diǎn)里的位置,以及如何轉(zhuǎn)其他線路
- 主要的幾個方向,以及從哪個口出去
當(dāng)用戶學(xué)習(xí)新產(chǎn)品時,漸進(jìn)式顯現(xiàn)的概念不需要立刻解釋或顯現(xiàn)全部信息。你只需要解釋當(dāng)下相關(guān)的內(nèi)容,逐漸展現(xiàn)出整個產(chǎn)品。這些標(biāo)識加在一起,延伸了通勤者對世界的理解:從你所在的車廂,到車廂在車站中的位置,然后到車站在外邊世界中所處的位置。以適當(dāng)?shù)姆秶墑e向用戶呈現(xiàn)車站,使得了解車站的過程更加可控。
但是,車站仍然非常復(fù)雜
以上標(biāo)識的缺點(diǎn)在于,車站真的非常復(fù)雜。當(dāng)你處在一個多線路換乘站,每條線路以不同的角度交叉,這時截面圖都不足以表達(dá)了。為了更進(jìn)一步幫助人們了解車站,還提供印有車站的軸側(cè)圖的小冊子。
做到這個程度簡直逆天了。
這個小冊子似乎是不錯的主意,但是它看起來令人頭暈?zāi)垦?。展示了如此多的信息,難以確定自己當(dāng)前的位置和該走的方向。其實(shí),他們應(yīng)該直接把導(dǎo)視設(shè)計在車站里。我在雅虎日本的辦公室里看到了一個非常棒的例子。
雅虎日本,導(dǎo)視系統(tǒng)和真實(shí)世界的配合
雅虎日本的辦公室非常大,就像地鐵站一樣。我在里面迷路了好多次,直到我理解了地面上標(biāo)記的含義。當(dāng)你走出電梯,就會看到地面上的這些東西。
這讓我想起了地鐵線路。
這里有個圓圈,它的內(nèi)側(cè)有一些字母,各種路徑從字母開始延伸出去。每個字母代表一系列房間,每條路徑都有獨(dú)特的顏色和紋理。跟隨路徑就能到達(dá)相應(yīng)的房間。比如說,你想要找到F7房間,如果沿著黑色尖括號線走,就會找到F7。
我認(rèn)為,這種方式表現(xiàn)優(yōu)異的原因在于,這種輔助指引不需要你在腦海中為周圍的空間建立模型。相反,它直接提供了具體的方向。
唯一的問題在于,當(dāng)出現(xiàn)了分岔路時,應(yīng)該走哪邊?
所以,可以想象類似的路線系統(tǒng)用在地鐵站里,指引人從一個站前往另一個站。但是,車站里人來人往,可能得把路線放在天花板上。這樣他們就一直可見,并且不會被每天的踩踏磨損掉。
如果結(jié)合了這些輔助指引,就可以從車廂內(nèi)將你一路引向出口。那就太棒了!你可以盡情與朋友共進(jìn)晚餐,大吃生魚片,大喝Kirin Ichiban——完全不會在車站迷路!精心設(shè)計的導(dǎo)視能使得這樣的未來成為可能。
你印象中有沒有見過其他精心設(shè)計的步行導(dǎo)視?
喜歡本文?點(diǎn)個贊或者留下評論,我們繼續(xù)討論!
原文作者:Colby Sato
原文地址:https://uxdesign.cc/walking-through-design-in-tokyo-d6f00a4639b7
#專欄作家#
可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產(chǎn)品經(jīng)理專欄作家,UI/UX設(shè)計師,關(guān)注互聯(lián)網(wǎng),關(guān)注科技?,F(xiàn)居杭州,與小伙伴們正在創(chuàng)業(yè)途中?;蛟S不是一名優(yōu)秀的設(shè)計師,至少是個快樂的設(shè)計師。
本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
直到看完,也沒找到京東的元素。再翻回標(biāo)題才發(fā)現(xiàn)是東京
顏色導(dǎo)向最成功的案例
看成京東了,一開始還以為要先講地鐵的導(dǎo)航然后引申出什么意義,結(jié)果是東京,汗
尼瑪去完日本發(fā)現(xiàn)國內(nèi)地鐵這么簡單
老實(shí)講 有點(diǎn)亂。。。
我竟然看成的京東導(dǎo)視設(shè)計。。。還以為京東的導(dǎo)航設(shè)計呢,哈哈哈~
??