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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖 4 Keep的明文密碼

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

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

圖 5 支付寶的手勢解鎖

圖 6 微信的指紋支付

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

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

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

方式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è)向前翻頁、右側(cè)向后翻頁區(qū)、中間區(qū)域顯示已隱藏的更多操作或工具欄。示例：京東閱讀的文章閱讀界面。

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

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

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

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

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

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

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

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

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

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

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

圖 9 ofo開鎖界面的照明功能

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

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

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

原則五：考慮單手操作

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

圖 10 鳳凰新聞的返回按鈕

小結(jié)

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

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

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

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