在無(wú)線(xiàn)產(chǎn)品中,一些普適的交互設(shè)計(jì)原則及實(shí)踐

0 評(píng)論 9435 瀏覽 76 收藏 13 分鐘

本文作者將逐條列出其總結(jié)的無(wú)線(xiàn)產(chǎn)品設(shè)計(jì)領(lǐng)域應(yīng)當(dāng)遵循的的一些基本原則,并在每條原則下輔以實(shí)例說(shuō)明以便理解。

開(kāi)始正文之前,再次明確一下什么是交互設(shè)計(jì),我認(rèn)為交互設(shè)計(jì)可以狹義理解為人與設(shè)備或系統(tǒng)交流以便完成特定任務(wù)的過(guò)程。 可以看到這則簡(jiǎn)單定義里交互設(shè)計(jì)至少包含兩方參與者,即人與設(shè)備(或系統(tǒng)),例如:人可以是男人、女人、老人、小孩、學(xué)生、白領(lǐng)等等……系統(tǒng)或設(shè)備可能是手機(jī)、電腦、手表、電視、冰箱、門(mén)、窗等任何物品。本文中所指的交互設(shè)計(jì)的雙方參與者粗略的界定為智能手機(jī)的主流用戶(hù)(熟悉一般智能的手機(jī)的使用)和智能手機(jī):

  • 智能手機(jī)的主流用戶(hù):有智能手機(jī)的多年使用經(jīng)驗(yàn),已使用過(guò)多部智能手機(jī),熟悉系統(tǒng)的常規(guī)操作方式,對(duì)多數(shù)主流應(yīng)用都有過(guò)使用經(jīng)驗(yàn)
  • 智能手機(jī):擁有較為復(fù)雜的智能操作系統(tǒng),相對(duì)強(qiáng)大但一般低于PC的運(yùn)算能力,集成多種芯片或外設(shè)(如GPS、陀螺儀、揚(yáng)聲器、麥克風(fēng)、藍(lán)牙、閃光燈等等……)

如孫子兵法說(shuō)——道為術(shù)之靈,術(shù)為道之體;以道統(tǒng)術(shù),以術(shù)得道。本文將逐條列出我總結(jié)的無(wú)線(xiàn)產(chǎn)品設(shè)計(jì)領(lǐng)域應(yīng)當(dāng)遵循的的一些基本原則,并在每條原則下輔以實(shí)例說(shuō)明以便理解。

原則一:盡量減少讓用戶(hù)輸入文本內(nèi)容次數(shù)

現(xiàn)在的智能移動(dòng)設(shè)備多無(wú)實(shí)體按鍵,文本鍵入效率不高,頻繁要求用戶(hù)輸入文本內(nèi)容無(wú)疑將增加用戶(hù)使用成本。好的交互設(shè)計(jì)應(yīng)盡可能少的要求用戶(hù)鍵入文本內(nèi)容。

方式1:使用滑動(dòng)或點(diǎn)擊代替輸入字符驗(yàn)證碼:這類(lèi)校驗(yàn)的主要目的是確定執(zhí)行登錄或注冊(cè)的是人而非破壞程序,在滿(mǎn)足目的的前提下以下幾種驗(yàn)證方式能夠減輕用戶(hù)操作的復(fù)雜度

圖 1 咸魚(yú)的安全校驗(yàn)

圖 2 人人都是產(chǎn)品經(jīng)理網(wǎng)站的注冊(cè)過(guò)程中的拼圖式驗(yàn)證

圖 3 12306的點(diǎn)擊驗(yàn)證

方式2: 注冊(cè)不做密碼校驗(yàn)(少一次輸入),并支持輸入密碼明文顯示。傳統(tǒng)的密碼校驗(yàn)是為了避免用戶(hù)實(shí)際輸入的密碼與期望不一致,導(dǎo)致無(wú)法登陸。

早期的互聯(lián)網(wǎng)賬號(hào)往往要求有各自的用戶(hù)名和密碼,密碼一旦忘記找回成本非常高。

而近年來(lái)隨和手機(jī)和郵箱的普及,忘記密碼后的找回成本已大大降低,所以即便出現(xiàn)了實(shí)際輸入的密碼與期望不一致的情況也很方便的便可重設(shè)密碼。

且因?yàn)槭謾C(jī)相對(duì)于電腦,其隱私性更高,所以對(duì)于大多數(shù)用戶(hù)而言注冊(cè)僅輸入一次密碼且支持明文回顯可提高用戶(hù)注冊(cè)過(guò)程效率。

圖 4 Keep的明文密碼

方式3:自動(dòng)讀取短信獲取短信驗(yàn)證碼:短信驗(yàn)證碼的目的是驗(yàn)證用戶(hù)填寫(xiě)了真實(shí)的手機(jī)號(hào)碼,而應(yīng)用自動(dòng)讀取短信并填寫(xiě)驗(yàn)證碼在不違背此目的的前提下減輕了用戶(hù)操作復(fù)雜度。這個(gè)功能曾經(jīng)流行過(guò)一段時(shí)間,但現(xiàn)在很少能夠看到了,推測(cè)原因可能是系統(tǒng)升級(jí)后有所限制或出于某些安全方面的原因考慮,但如若僅從交互設(shè)計(jì)上考慮,這仍是一個(gè)有效的提高用戶(hù)效率的方法。

方式4:解鎖使用手勢(shì)、指紋而非字符密碼,對(duì)于大多數(shù)的二次身份驗(yàn)證型場(chǎng)景——如登錄用戶(hù)解鎖屏幕來(lái)說(shuō),并不需要文本密碼那樣高級(jí)別的保密形式,而手勢(shì)密碼則可較好的在解鎖便捷性與保密上取得折中。而指紋密碼則優(yōu)勢(shì)更加明顯——保密系數(shù)更高,授權(quán)操作更簡(jiǎn)潔,只是它需要依賴(lài)更多的硬件支持,而指紋硬件現(xiàn)階段普及程度有限。

圖 5 支付寶的手勢(shì)解鎖

圖 6 微信的指紋支付

方式5:將大段的必須錄入的文字內(nèi)容轉(zhuǎn)移到PC端,如求職產(chǎn)品新用戶(hù)在無(wú)線(xiàn)端填寫(xiě)個(gè)人簡(jiǎn)歷時(shí),可將其引導(dǎo)到PC端進(jìn)行操作(交互設(shè)計(jì)四策略——策略)。

原則二:多考慮手勢(shì)操作,避免功能即按鈕的設(shè)計(jì)

相較于電腦而言,手機(jī)的屏幕空間十分有限,而目前手機(jī)端產(chǎn)品所提供功能的全面程度卻與PC端程序相差無(wú)幾,而如若將這些功能全部顯示在手機(jī)幾寸大的小屏幕上,可能很多控件的可操作性會(huì)變得很低,這個(gè)時(shí)候應(yīng)當(dāng)考慮使用一些通用的手勢(shì)代替界面上的控件。

方式1:視頻播放工具在全屏狀態(tài)下左側(cè)區(qū)域上下滑動(dòng)調(diào)節(jié)屏幕亮度,右側(cè)區(qū)域上下滑動(dòng)增減音量,左右滑動(dòng)快退或快進(jìn)。示例:手機(jī)暴風(fēng)的視頻播放界面。

方式2:點(diǎn)擊閱讀工具型產(chǎn)品文本內(nèi)容顯示區(qū)域左側(cè)向前翻頁(yè)、右側(cè)向后翻頁(yè)區(qū)、中間區(qū)域顯示已隱藏的更多操作或工具欄。示例:京東閱讀的文章閱讀界面。

方式3:人人都是產(chǎn)品經(jīng)理可在文章末尾繼續(xù)向上滑動(dòng)時(shí)切換到下一篇文章。

方式4:36氪在文章末尾繼續(xù)向上滑動(dòng)返回到文章列表。

方式5:鳳凰網(wǎng)圖片瀏覽時(shí)左右翻頁(yè)、向上滑動(dòng)返回文章列表。

原則三:盡量選擇符合系統(tǒng)的既有使用習(xí)慣交互形式

雖然有一些創(chuàng)新的交互方式確實(shí)帶來(lái)了使用效率上的提升,甚至被系統(tǒng)借鑒,但在在對(duì)標(biāo)新立異的設(shè)計(jì)沒(méi)有足夠信心的情況下還是應(yīng)該遵守系統(tǒng)已有的交互設(shè)計(jì)形式。因?yàn)橛脩?hù)在面對(duì)新功能時(shí)往往習(xí)慣使用原有的思維模式和使用方式來(lái)嘗試使用它,如果功能能夠按照系統(tǒng)交互形式進(jìn)行設(shè)計(jì),將能夠大大降低用戶(hù)的學(xué)習(xí)成本,并大大提升用戶(hù)在嘗試過(guò)程中的成就感。

方式1:向左滑動(dòng)列表項(xiàng)展示更多操作(標(biāo)記、刪除等)

圖 7 IOS向左滑動(dòng)顯示操作

圖 8 支付寶賬單向左滑動(dòng)顯示更多操作

方式2:點(diǎn)擊狀態(tài)欄回頂部,IOS系統(tǒng)中在列表頁(yè)面點(diǎn)擊頂部的狀態(tài)欄(運(yùn)營(yíng)商-時(shí)間-電池用量)可以返回到列表開(kāi)始位置。

原則四:充分考慮利用外設(shè)硬件提升體驗(yàn)

方式1:閃光燈可用做照明 示例:ofo的手機(jī)端解鎖頁(yè)面提供了照明功能(此功能可進(jìn)一步優(yōu)化為通過(guò)感光元件獲知環(huán)境光線(xiàn)明暗,自動(dòng)開(kāi)啟照明)。

圖 9 ofo開(kāi)鎖界面的照明功能

方式2:O2O產(chǎn)品一般非??粗仄渫扑]體系的推薦精準(zhǔn)性,而常見(jiàn)的推薦模式一般分為兩類(lèi),即按照用戶(hù)喜好接近程度進(jìn)行推薦和按照用戶(hù)喜好元素與商家具備元素的匹配程度進(jìn)行推薦。前者判斷用戶(hù)喜好程度的標(biāo)準(zhǔn)一般需要根據(jù)用戶(hù)行為來(lái)定義,而到店消費(fèi)無(wú)疑是應(yīng)該給予分?jǐn)?shù)較高的一種行為,那么怎樣識(shí)別用戶(hù)確實(shí)到店消費(fèi)了呢?常規(guī)辦法可能看用戶(hù)是否有過(guò)支付記錄,然而并非所有的用戶(hù)都會(huì)在O2O平臺(tái)進(jìn)行支付,那么這個(gè)時(shí)候通過(guò)判斷用戶(hù)是否接入過(guò)合作商家的WiFi作為確認(rèn)其是否到店消費(fèi)的補(bǔ)充依據(jù),便可在一定程度上作為確認(rèn)行為的補(bǔ)充依據(jù)。而這正是一種無(wú)須用戶(hù)感知便達(dá)到企業(yè)目的的交互方式。

方式3:陀螺儀可以識(shí)別設(shè)備翻轉(zhuǎn)方向,那么提供橫屏界面的產(chǎn)品可以通過(guò)陀螺儀數(shù)據(jù)實(shí)現(xiàn)自動(dòng)翻轉(zhuǎn),這樣例子比較多,播放器算是其中一類(lèi)。游戲方面對(duì)陀螺儀的使用則更加深入。

對(duì)移動(dòng)設(shè)備外設(shè)的使用方式還有很多,文中不再一一列舉。

原則五:考慮單手操作

手機(jī)屏幕近年來(lái)有愈發(fā)變大的趨勢(shì),雖然手機(jī)屏幕變大意味著可視區(qū)域隨之變大,但對(duì)于習(xí)慣或者不得不單手操作手機(jī)的用戶(hù)或場(chǎng)景,變大意味有些應(yīng)用的按鈕或空間很難實(shí)現(xiàn)單手操作,這就需要應(yīng)用開(kāi)發(fā)者在交互設(shè)計(jì)上有充分的考慮,以便用戶(hù)在單手使用手機(jī)時(shí)仍能方便的完成需要的操作。具體形式很多,需要視產(chǎn)品而定,這里僅舉一例:鳳凰新聞客戶(hù)端的左下角返回按鈕。

圖 10 鳳凰新聞的返回按鈕

小結(jié)

本文是以智能手機(jī)的主流用戶(hù)(熟悉一般智能手機(jī)的基本使用)和智能手機(jī)作為交互設(shè)計(jì)的雙方為前提,在不深入考慮具體業(yè)務(wù)流程和使用場(chǎng)景的前提下的一些普適的通用解決方式。

但需要注意:這是一些一般環(huán)境下相對(duì)普適的交互設(shè)計(jì)方式,這些設(shè)計(jì)方式可能在很多場(chǎng)景下適用,但在你考慮引入到自己的產(chǎn)品設(shè)計(jì)中之前,務(wù)必確保你已明確參與交互設(shè)計(jì)的雙方是誰(shuí)(Who)、以及在什么場(chǎng)景(Where&When)下為達(dá)到什么目的(Why)要完成哪些任務(wù)(What),而你的交互設(shè)計(jì)應(yīng)當(dāng)服務(wù)與此(How)。

篇幅有限,未完待續(xù)……

 

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

更多精彩內(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ā)揮!