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

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


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

1、我觀察3歲的小孩用iPhone很容易上手材部。比如毫缆,iPhone的開鎖,小孩甚至不用學(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)見過(guò)一個(gè)設(shè)備在屏幕上可以滑動(dòng)操作,包括在電影作品里梧躺。所以第一次見到它時(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ì)的效果战坤。 ?張的原文寫"需要用文字來(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吁伺、文字開頭的小右箭頭饮睬;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)槎以洌R(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)在倒回去看最開頭的原觀點(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í)解鎖的難度?

allenzhang對(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)樾『⑹裁匆膊欢苈保炊亲罡灸茏叩暮莅耄麄冏钕雀兄目赡苁俏淖珠W亮方向或者按鈕凹槽的隱喻,然后立即跟隨本能進(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ù)雜性。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末松靡,一起剝皮案震驚了整個(gè)濱河市简僧,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌雕欺,老刑警劉巖岛马,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異屠列,居然都是意外死亡啦逆,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門笛洛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)夏志,“玉大人,你說(shuō)我怎么就攤上這事撞蜂∶は猓” “怎么了侥袜?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)溉贿。 經(jīng)常有香客問(wèn)我枫吧,道長(zhǎng),這世上最難降的妖魔是什么宇色? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任九杂,我火速辦了婚禮,結(jié)果婚禮上宣蠕,老公的妹妹穿的比我還像新娘例隆。我一直安慰自己,他們只是感情好抢蚀,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布镀层。 她就那樣靜靜地躺著,像睡著了一般皿曲。 火紅的嫁衣襯著肌膚如雪唱逢。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天屋休,我揣著相機(jī)與錄音坞古,去河邊找鬼。 笑死劫樟,一個(gè)胖子當(dāng)著我的面吹牛痪枫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播叠艳,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼奶陈,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了虑绵?” 一聲冷哼從身側(cè)響起尿瞭,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎翅睛,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體黑竞,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡捕发,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了很魂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扎酷。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖遏匆,靈堂內(nèi)的尸體忽然破棺而出法挨,到底是詐尸還是另有隱情谁榜,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布凡纳,位于F島的核電站窃植,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏荐糜。R本人自食惡果不足惜巷怜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望暴氏。 院中可真熱鬧延塑,春花似錦、人聲如沸答渔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)沼撕。三九已至豫缨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間端朵,已是汗流浹背好芭。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留冲呢,地道東北人舍败。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像敬拓,于是被迫代替她去往敵國(guó)和親邻薯。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容