技術(shù)資訊
交互設(shè)計(jì)之蘋果系統(tǒng)iOS解鎖功能
2016-07-27 15:54:09
蘋果系統(tǒng)ios新舊兩種鎖屏頁面
iOS是由蘋果公司開發(fā)的移動操作系統(tǒng),對于iOS來說,功能不是主要的,主要的生態(tài)的優(yōu)勢。先簡單的就解鎖頁面做一下分析:
新舊解鎖界面,無非就是在引導(dǎo)一個方向向右的、行為是滑動的動作。
舊頁面一共包含了四個引導(dǎo)性元素:
按鈕上的右箭頭;
文字內(nèi)容上的閃亮方向;
文字的內(nèi)容;
按鈕與凹槽。
其中1指示了方向,2指示了方向和行為,3指示了行為,4提供了直觀的可操作區(qū)域、同時限定了方向和行為。
新頁面一共包含了三個引導(dǎo)性元素:
文字開頭的小右箭頭;
文字內(nèi)容上的閃亮方向;
文字的內(nèi)容。
其中1指示了方向,2指示了方向和行為,3指示了行為。
個人看來,總體的四個引導(dǎo)性元素,箭頭、文字閃亮方向、文字內(nèi)容和按鈕凹槽,這四個東西的易于理解性,是:文字閃亮方向﹥按鈕和凹槽>箭頭﹥文字的內(nèi)容。
文字閃亮方向是涵蓋操作信息最全的引導(dǎo)性元素,也是最依據(jù)本能來設(shè)置的引導(dǎo)元素。想想多少人曾經(jīng)拿手電筒逗小孩去踩或者按,還有多少人曾拿著激光筆逗貓逗狗,追逐亮的東西,本來就是本能層面的東西。至于拿腳拿手掌還是手指去夠著亮點(diǎn),要看亮的區(qū)域大小和適宜用什么部位去接觸。亮點(diǎn)位移的快慢,也決定了是跳著點(diǎn)還是跟著滑動的行為。iPhone上,這個文字亮的區(qū)域約莫一指寬,用與底色對比而言很亮的白色、適宜的速度來閃亮的滑過去,自然而然的引導(dǎo)了一個用手指點(diǎn)觸而后跟著滾動的亮點(diǎn)往右滑的行為,所以這真是一個非常自然的超棒的設(shè)計(jì)。
按鈕與凹槽是用現(xiàn)實(shí)中的概念模型來引導(dǎo)操作。按鈕提供了直觀的可點(diǎn)擊操作的區(qū)域,按鈕和凹槽的形態(tài),限制了只能往右拖動,也是個很清晰的引導(dǎo)性元素。但與文字閃亮方向相比,個人認(rèn)為還是稍遜一籌,文字閃亮方向是利用了本能的引導(dǎo),而這個是利用物體隱喻的自然限制來引導(dǎo),可以說是“應(yīng)用儲存于外部世界的知識”,是稍微需要思考和理解一下的。新解鎖頁面是直接把這一元素去除了,個人認(rèn)為,舊解鎖頁面出現(xiàn)時,滑動以解鎖的行為模式還沒有被用戶所接受,以擬物的按鈕和凹槽,提供了模擬現(xiàn)實(shí)的操作模式。而等到這個行為模式被普遍接受之后,即使沒有了按鈕與凹槽,也不會造成困擾和迷惑,反而因?yàn)闆]有了固定的觸點(diǎn)而簡化了滑動的行為。也算是一個從手機(jī)模擬現(xiàn)實(shí)環(huán)境到手機(jī)建立自身操作模式的過程。
箭頭符號只引導(dǎo)了方向,沒有表現(xiàn)行為,信息不全。在舊解鎖界面,是放在按鈕上輔助指示方向;在新解鎖界面,箭頭符號更是被被弱化了很多放在文字前面,指示性更弱了。此外,箭頭符號所表示的意義,也是需要學(xué)習(xí)的,查了一下,大致是在幼兒園階段有教。
文字的內(nèi)容這一引導(dǎo),是最為直接的文字說明,沒有標(biāo)明方向,只指示行為,同樣也是信息不全。雖然它很直接,但把它放到最后,是因?yàn)?,識別它需要的知識基礎(chǔ)是最高的,不知道這么說能不能說明白。個人看來:看懂文字閃亮方向這一引導(dǎo),只需要跟從本能;看懂按鈕與凹槽這一引導(dǎo),需要認(rèn)知上對外部環(huán)境的一些物體形成操作模型;看懂箭頭符號,需要能識別這個圖形蘊(yùn)含的信息;看懂文字說明,需要掌握這門語言明白這些字的意思……另外,在這里,slide to unlock也為文字閃亮方向這一信息,提供了媒介(沒有文字信息的話在啥上閃呀……),其實(shí)說起來這個有點(diǎn)像電梯指示上下樓的滾動小箭頭標(biāo)識,只不過電梯用了兩重信息來指示狀態(tài),而舊解鎖界面用了四重信息來引導(dǎo)操作。我認(rèn)為slide to unlock不算是對于交互的文字解釋,只是指示交互操作的又一重信息。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2016-11-21 11:32:00] 蘋果公司下一個大事件的劇本,藏在庫克的喋喋不休里
- [2008-10-23 15:33:00] 取消“用戶體驗(yàn)設(shè)計(jì)部”
- [2012-11-20 16:47:09] dede采集重新生成摘要
- [2018-08-23 09:00:26] 空狀態(tài)設(shè)計(jì)是提升產(chǎn)品用戶體驗(yàn)的不錯的方法
- [2009-03-10 08:52:00] 用戶體驗(yàn)與測試
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2008-11-12 11:55:00] 電子商務(wù)提升用戶體驗(yàn)的嘗試
- [2008-09-23 11:15:00] 用戶體驗(yàn)與心流理論
- [2016-08-12 14:33:00] 什么是單點(diǎn)登陸
- [2008-04-23 14:26:00] 交互設(shè)計(jì)師和用戶體驗(yàn)設(shè)計(jì)師
- [2012-11-07 12:10:13] 蘋果系統(tǒng)網(wǎng)頁播放代碼
- [2009-01-22 09:49:00] 對于可用性與用戶體驗(yàn)的一點(diǎn)點(diǎn)感受
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
中小型企業(yè)網(wǎng)站建設(shè) 青島flash網(wǎng)站 青島網(wǎng)絡(luò)公司 交互設(shè)計(jì) 扁平化設(shè)計(jì) 青島抖音小程序開發(fā) 互聯(lián)網(wǎng) 集團(tuán)官網(wǎng) 網(wǎng)站的速度 新的元素 集團(tuán)性網(wǎng)站 圖形網(wǎng)格 視覺靈感 企業(yè)建站 青島SEO 網(wǎng)站設(shè)計(jì)趨勢 手機(jī)端的網(wǎng)站 搜索引擎蜘蛛 青島開發(fā)區(qū)建站公司 青島高端網(wǎng)站建設(shè) 網(wǎng)站動畫 營銷型網(wǎng)站建設(shè) 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站設(shè)計(jì) 青島網(wǎng)站優(yōu)化 微信開發(fā) 高端網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) SEO 網(wǎng)站規(guī)劃