iOS解鎖功能的交互設(shè)計(jì)

1 評(píng)論 5763 瀏覽 16 收藏 11 分鐘

前段時(shí)間在知乎上看到有關(guān)于iPhone解鎖功能的幾個(gè)觀點(diǎn),覺(jué)得頗有意思,也想說(shuō)說(shuō)自己的觀點(diǎn)和看法。

原觀點(diǎn)們?nèi)缦拢?/h2>

1、我觀察3歲的小孩用iPhone很容易上手。

比如,iPhone的開(kāi)鎖,小孩甚至不用學(xué)就會(huì)用。因?yàn)橛|摸是人的天性,同時(shí)iPhone通過(guò)箭頭圖標(biāo),向右滑動(dòng)的文字條(小孩看不懂文字),來(lái)暗示手指觸摸向右滑動(dòng)來(lái)解鎖。

自然和人的天性是一致的。大人因?yàn)槌赡旰笫芪廴据^多,反而不一定立即學(xué)會(huì)iPhone解鎖,可能需要看文字解釋來(lái)理解。所以不識(shí)字的小孩可能比老年人更快學(xué)會(huì)使用iPhone。需要用文字來(lái)解釋的交互不是好交互。(知乎,allenzhang)

2、說(shuō)iPhone的解鎖一個(gè)3歲的孩子似乎天生就會(huì),這實(shí)在是有點(diǎn)扯。

你不能把一個(gè)3歲孩子無(wú)意識(shí)的抓一下,理解為他會(huì)了。iPhone解鎖不是它理解起來(lái)有多自然,而是它的學(xué)習(xí)成本足夠低,只向你展示一次你就會(huì)了。

還記得第一代iPhone的電視廣告嗎?上來(lái)第一個(gè)鏡頭就是在跟你展示解鎖。隨后是橫向翻轉(zhuǎn)、瀏覽照片等等。在這之前我們幾乎從來(lái)沒(méi)見(jiàn)過(guò)一個(gè)設(shè)備在屏幕上可以滑動(dòng)操作,包括在電影作品里。所以第一次見(jiàn)到它時(shí),我們大呼驚嘆。(回應(yīng)“騰訊張小龍談?dòng)脩趔w驗(yàn)”那幾條理解,尹廣磊)

3、在3歲小孩對(duì)解鎖容易上手這點(diǎn)上,覺(jué)得尹說(shuō)得比較貼切, 交互模式由當(dāng)年的代碼控制,到菜單控制,再到鼠標(biāo),觸摸,都是學(xué)習(xí)成本的不斷降低的過(guò)程,當(dāng)初要記n多代碼才能操作,現(xiàn)在變?yōu)?觀察,點(diǎn)擊動(dòng)作,人們所需掌握的”原語(yǔ) primitive”在減少(出自About Face 3的觀點(diǎn))。

小孩和大人學(xué)習(xí)時(shí)間差多少這個(gè)需要實(shí)驗(yàn)數(shù)據(jù), 或者感覺(jué)上小孩子會(huì)快點(diǎn)可能因?yàn)樾”緛?lái)學(xué)習(xí)能力就比大人強(qiáng), 所以不一定是iPhone這個(gè)滑塊設(shè)計(jì)的效果。 ?張的原文寫(xiě)”需要用文字來(lái)解釋的交互不是好交互” 但是我點(diǎn)疑惑, iPhone上滑塊不是就有”slide to open”的文字解釋么?-_- ?說(shuō)法有點(diǎn)矛盾……(知乎,Alan T)

ios新舊兩種鎖屏頁(yè)面

先簡(jiǎn)單的就解鎖頁(yè)面做一下分析:

新舊解鎖界面,無(wú)非就是在引導(dǎo)一個(gè)方向向右的、行為是滑動(dòng)的動(dòng)作。

舊頁(yè)面一共包含了四個(gè)引導(dǎo)性元素:

  1. 按鈕上的右箭頭;
  2. 文字內(nèi)容上的閃亮方向;
  3. 文字的內(nèi)容;
  4. 按鈕與凹槽。

其中1指示了方向,2指示了方向和行為,3指示了行為,4提供了直觀的可操作區(qū)域、同時(shí)限定了方向和行為。

新頁(yè)面一共包含了三個(gè)引導(dǎo)性元素:

  1. 文字開(kāi)頭的小右箭頭;
  2. 文字內(nèi)容上的閃亮方向;
  3. 文字的內(nèi)容。

其中1指示了方向,2指示了方向和行為,3指示了行為。

個(gè)人看來(lái),總體的四個(gè)引導(dǎo)性元素,箭頭、文字閃亮方向、文字內(nèi)容和按鈕凹槽,這四個(gè)東西的易于理解性,是:文字閃亮方向﹥按鈕和凹槽>箭頭﹥文字的內(nèi)容。

文字閃亮方向是涵蓋操作信息最全的引導(dǎo)性元素,也是最依據(jù)本能來(lái)設(shè)置的引導(dǎo)元素。想想多少人曾經(jīng)拿手電筒逗小孩去踩或者按,還有多少人曾拿著激光筆逗貓逗狗,追逐亮的東西,本來(lái)就是本能層面的東西。至于拿腳拿手掌還是手指去夠著亮點(diǎn),要看亮的區(qū)域大小和適宜用什么部位去接觸。

亮點(diǎn)位移的快慢,也決定了是跳著點(diǎn)還是跟著滑動(dòng)的行為。iPhone上,這個(gè)文字亮的區(qū)域約莫一指寬,用與底色對(duì)比而言很亮的白色、適宜的速度來(lái)閃亮的滑過(guò)去,自然而然的引導(dǎo)了一個(gè)用手指點(diǎn)觸而后跟著滾動(dòng)的亮點(diǎn)往右滑的行為,所以這真是一個(gè)非常自然的超棒的設(shè)計(jì)。

按鈕與凹槽是用現(xiàn)實(shí)中的概念模型來(lái)引導(dǎo)操作。按鈕提供了直觀的可點(diǎn)擊操作的區(qū)域,按鈕和凹槽的形態(tài),限制了只能往右拖動(dòng),也是個(gè)很清晰的引導(dǎo)性元素。

但與文字閃亮方向相比,個(gè)人認(rèn)為還是稍遜一籌,文字閃亮方向是利用了本能的引導(dǎo),而這個(gè)是利用物體隱喻的自然限制來(lái)引導(dǎo),可以說(shuō)是“應(yīng)用儲(chǔ)存于外部世界的知識(shí)”,是稍微需要思考和理解一下的。

新解鎖頁(yè)面是直接把這一元素去除了,個(gè)人認(rèn)為,舊解鎖頁(yè)面出現(xiàn)時(shí),滑動(dòng)以解鎖的行為模式還沒(méi)有被用戶所接受,以擬物的按鈕和凹槽,提供了模擬現(xiàn)實(shí)的操作模式。而等到這個(gè)行為模式被普遍接受之后,即使沒(méi)有了按鈕與凹槽,也不會(huì)造成困擾和迷惑,反而因?yàn)闆](méi)有了固定的觸點(diǎn)而簡(jiǎn)化了滑動(dòng)的行為。也算是一個(gè)從手機(jī)模擬現(xiàn)實(shí)環(huán)境到手機(jī)建立自身操作模式的過(guò)程。

箭頭符號(hào)只引導(dǎo)了方向,沒(méi)有表現(xiàn)行為,信息不全。在舊解鎖界面,是放在按鈕上輔助指示方向;在新解鎖界面,箭頭符號(hào)更是被被弱化了很多放在文字前面,指示性更弱了。此外,箭頭符號(hào)所表示的意義,也是需要學(xué)習(xí)的,查了一下,大致是在幼兒園階段有教。

文字的內(nèi)容這一引導(dǎo),是最為直接的文字說(shuō)明,沒(méi)有標(biāo)明方向,只指示行為,同樣也是信息不全。雖然它很直接,但把它放到最后,是因?yàn)?,識(shí)別它需要的知識(shí)基礎(chǔ)是最高的,不知道這么說(shuō)能不能說(shuō)明白。

個(gè)人看來(lái):看懂文字閃亮方向這一引導(dǎo),只需要跟從本能;看懂按鈕與凹槽這一引導(dǎo),需要認(rèn)知上對(duì)外部環(huán)境的一些物體形成操作模型;看懂箭頭符號(hào),需要能識(shí)別這個(gè)圖形蘊(yùn)含的信息;看懂文字說(shuō)明,需要掌握這門語(yǔ)言明白這些字的意思……

另外,在這里,slide to unlock也為文字閃亮方向這一信息,提供了媒介(沒(méi)有文字信息的話在啥上閃呀……),其實(shí)說(shuō)起來(lái)這個(gè)有點(diǎn)像電梯指示上下樓的滾動(dòng)小箭頭標(biāo)識(shí),只不過(guò)電梯用了兩重信息來(lái)指示狀態(tài),而舊解鎖界面用了四重信息來(lái)引導(dǎo)操作。

現(xiàn)在倒回去看最開(kāi)頭的原觀點(diǎn)們中的沖突:

1、“3歲的孩子似乎天生就會(huì)iPhone解鎖”是偶然還是引導(dǎo)得力?

去新浪微博用“小孩 滑動(dòng)解鎖”搜了一下,搜到不少14個(gè)月、一歲半、甚至還有一歲零一個(gè)月的小孩無(wú)師自通會(huì)了滑動(dòng)解鎖iPhone的例子,我不認(rèn)為這和尹廣磊說(shuō)的一樣,是“無(wú)意識(shí)的一抓”,文字閃亮方向和按鈕凹槽,是非常自然的操作暗示,小孩子是有能力根據(jù)指示操作的,而不是隨意一抓。

尹認(rèn)為iPhone解鎖易學(xué)在于“學(xué)習(xí)成本足夠低,只向你展示一次你就會(huì)了”,但是學(xué)習(xí)成本低其實(shí)本來(lái)就要建立在設(shè)計(jì)合理的前提下,我認(rèn)為這么說(shuō)稍顯不太合理。

2、大人和小孩學(xué)習(xí)解鎖的難度?

Allen zhang對(duì)于大人反而會(huì)較慢學(xué)會(huì)解鎖的解釋是大人受“污染較多”( ̄_ ̄|||) ,Alan T認(rèn)為是沒(méi)有具體數(shù)據(jù)支撐或者是小孩的學(xué)習(xí)能力要強(qiáng)于大人。

首先我認(rèn)為大人反而比小孩學(xué)的慢是合理的(雖然也沒(méi)有數(shù)據(jù)支撐),因?yàn)樾『⑹裁匆膊欢炊亲罡灸茏叩?,他們最先感知的可能是文字閃亮方向或者按鈕凹槽的隱喻,然后立即跟隨本能進(jìn)行操作,大人們是“克己復(fù)禮”的,教育是要在教導(dǎo)人們約束和掌控本能的,大人對(duì)一切會(huì)用更審慎的眼光來(lái)看待,對(duì)本能感知到的信息不會(huì)立即采取行動(dòng),可能最先關(guān)注的反而是文字信息,自然也就比小孩理解的要慢了。

3、“需要用文字來(lái)解釋的交互不是好交互”和“iPhone上滑塊不是就有”slide to open”的文字解釋么?”

我認(rèn)為slide to unlock不算是對(duì)于交互的文字解釋,只是指示交互操作的又一重信息。allenzhang的意思,大抵是指對(duì)于一個(gè)單個(gè)交互操作,是否需要另加不含任何交互性質(zhì)的文字解釋。確實(shí)需要文字來(lái)解釋的交互不是好交互,好的設(shè)計(jì),必須“保證用戶能夠隨時(shí)看出哪些是可行的操作”,如果需要另加解釋說(shuō)明,就已經(jīng)證明了本身的復(fù)雜性。

 

作者:青銅央央

來(lái)源:https://www.jianshu.com/p/1a24b68f740f

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

題圖來(lái)自PEXELS,基于CC0協(xié)議

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