信息動態

網站設計是技術與創意的完美融合!

技術資訊

交互設計之蘋果系統iOS解鎖功能

2016-07-27 15:54:09

蘋果系統ios新舊兩種鎖屏頁面

iOS是由蘋果公司開發的移動操作系統,對于iOS來說,功能不是主要的,主要的生態的優勢。先簡單的就解鎖頁面做一下分析:

新舊解鎖界面,無非就是在引導一個方向向右的、行為是滑動的動作。

舊頁面一共包含了四個引導性元素:

按鈕上的右箭頭;

文字內容上的閃亮方向;

文字的內容;

按鈕與凹槽。

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

新頁面一共包含了三個引導性元素:

文字開頭的小右箭頭;

文字內容上的閃亮方向;

文字的內容。

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

個人看來,總體的四個引導性元素,箭頭、文字閃亮方向、文字內容和按鈕凹槽,這四個東西的易于理解性,是:文字閃亮方向﹥按鈕和凹槽>箭頭﹥文字的內容。

文字閃亮方向是涵蓋操作信息最全的引導性元素,也是最依據本能來設置的引導元素。想想多少人曾經拿手電筒逗小孩去踩或者按,還有多少人曾拿著激光筆逗貓逗狗,追逐亮的東西,本來就是本能層面的東西。至于拿腳拿手掌還是手指去夠著亮點,要看亮的區域大小和適宜用什么部位去接觸。亮點位移的快慢,也決定了是跳著點還是跟著滑動的行為。iPhone上,這個文字亮的區域約莫一指寬,用與底色對比而言很亮的白色、適宜的速度來閃亮的滑過去,自然而然的引導了一個用手指點觸而后跟著滾動的亮點往右滑的行為,所以這真是一個非常自然的超棒的設計。

按鈕與凹槽是用現實中的概念模型來引導操作。按鈕提供了直觀的可點擊操作的區域,按鈕和凹槽的形態,限制了只能往右拖動,也是個很清晰的引導性元素。但與文字閃亮方向相比,個人認為還是稍遜一籌,文字閃亮方向是利用了本能的引導,而這個是利用物體隱喻的自然限制來引導,可以說是“應用儲存于外部世界的知識”,是稍微需要思考和理解一下的。新解鎖頁面是直接把這一元素去除了,個人認為,舊解鎖頁面出現時,滑動以解鎖的行為模式還沒有被用戶所接受,以擬物的按鈕和凹槽,提供了模擬現實的操作模式。而等到這個行為模式被普遍接受之后,即使沒有了按鈕與凹槽,也不會造成困擾和迷惑,反而因為沒有了固定的觸點而簡化了滑動的行為。也算是一個從手機模擬現實環境到手機建立自身操作模式的過程。

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

文字的內容這一引導,是最為直接的文字說明,沒有標明方向,只指示行為,同樣也是信息不全。雖然它很直接,但把它放到最后,是因為,識別它需要的知識基礎是最高的,不知道這么說能不能說明白。個人看來:看懂文字閃亮方向這一引導,只需要跟從本能;看懂按鈕與凹槽這一引導,需要認知上對外部環境的一些物體形成操作模型;看懂箭頭符號,需要能識別這個圖形蘊含的信息;看懂文字說明,需要掌握這門語言明白這些字的意思……另外,在這里,slide to unlock也為文字閃亮方向這一信息,提供了媒介(沒有文字信息的話在啥上閃呀……),其實說起來這個有點像電梯指示上下樓的滾動小箭頭標識,只不過電梯用了兩重信息來指示狀態,而舊解鎖界面用了四重信息來引導操作。我認為slide to unlock不算是對于交互的文字解釋,只是指示交互操作的又一重信息。

0532-85810878 473587358 [email protected]
大乐透开奖规则和奖金