萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 你所不知道的iPhone輸入法秘密

你所不知道的iPhone輸入法秘密

   百度手機輸入法iPhone版從最初的滿足基本輸入需求,到現在全方位情感化的輸入體驗,經歷了10多個版本的蛻變。隨著功能和體驗不斷提升也得到了越來越多的用戶所喜愛,已經成為iPhone上最好用的輸入法。

你所不知道的iPhone輸入法秘密 三聯

  對於它的體驗設計,是一個逐步完善的過程:

  從 基礎體驗建設(可用)——優化升級體驗(易用)——用戶深層需求滿足(愛用),這是一個讓用戶從可用到易用,然後到愛用的過程。

  輸入法,尤其是iPhone平台的輸入法是一個需要高度融合系統的產品,設計的過程既要有好的體驗,同時又必須遵循各種限制。如何在限制中突破,在限制中做到更好的體驗?接下來將從上面三個層面來說說我們如何面對各種限制解決設計中的問題:

  基礎體驗建設(可用)

  產品發展初期,基礎體驗最重要,這是保證用戶願意留在產品中的基礎。

  基礎體驗的限制

  我們在鍵盤方案設計之初考慮了很多,說這些是限制,倒不如說是為用戶多想一點點。

  1, 減少用戶適應成本:因為輸入法是系統工具,在iOS平台又是越獄後才能安裝的,所以希望用戶使用時心理負擔最小,保持用戶對輸入的專注度,忽略第三方APP的感覺,保證輸入體驗。

  2, 設計上的兼容:輸入法有可能被任何app調用,所以一定要要保證輸入法在視覺和交互層面都能夠很好的兼容各種app。

  站在巨人的肩膀上我們才能站得高,所以初期鍵盤視覺選擇了融合系統鍵盤樣式,然後在此基礎上針對自身特點優化。有這樣的方向之後前面的一些問題也都能解決了。從這點出發我們做了很多設計和研究實踐。

  突破點:不斷嘗試+研究佐證

  9鍵盤設計實驗:9鍵盤是百度輸入法用戶使用率最高的鍵盤,輸入效率明顯優於系統26鍵布局。

  所以它的體驗精益求精才能給用戶最好的體驗。在這裡進行了大量的設計實驗,包括鍵盤配色實驗,按鍵間距和形態實驗,鍵盤輸入方式指示實驗。

  以按鍵間距形態實驗為例:

  鍵盤按鍵可以是圓角,也可以是直角,按鍵與按鍵之間可以有間隙也可以沒有。但是到底什麼樣的方式才是又有效率又讓用戶滿意的呢?

  這裡我們做了大量設計實驗,嘗試各種形式的排布。最後由用戶研究同學實際測試,得到結論:

  1. 熱區一定的情況下,按鍵形狀越小,按鍵准確率越高。

  2. 按鍵面積越大,用戶輸入的速度就越快。

  所以,需要兼顧輸入速度和准確率,按鍵之間需要有一定的間隔。並且圓角按鍵和系統26鍵盤形態最接近,輸入感受一致。有明顯分界和凸起的按鍵更有點擊感,能有效的減輕用戶輸入時心裡壓力。

  最後,經過前面的研究再加上反復設計嘗試之後我們采用了“圓角有間隔的鍵盤”效果。

  優化升級體驗(易用)

  突破點:從用戶痛點出發

  基礎功能已經可以滿足用戶的需求,但是基礎功能是否能讓用戶用的舒心?這就需要繼續不斷優化。

  圖標語義優化:

  由於輸入法內部很多功能的特殊性,用戶在認識和理解部分功能圖標時可能會存在誤區。在很好的滿足基本輸入需求後就急需對圖標做進一步優化,降低用戶使用和學習成本。

  限制:這裡最大的限制在於輸入法的功能特殊用戶沒有認知,且顯示空間局限可能無法圖標配合解釋文字出現。

  突破方式:在優化圖標本身可識別性的基礎上建立規則幫助用戶理解。

  1,位置空間允許的情況下有限采用圖標與文字結合的方式.

  2,對於用戶常用的圖標和熟悉的圖標采用圖標的方式.

  3,對於不常用的圖標及不熟悉的圖標,以保證用戶辨識為優先,加入文字指示。

  重要功能前置設計:

  輸入法的功能逐漸強大,但是在做這項設計之前好多功能還埋在深深的設置項裡,用戶好難找到。拿換膚操作來舉例:

  優化後比優化前減少了4部操作,以後我們還要做的更簡單。

  限制:越來越多的功能和有限的空間之間的矛盾。輸入法面板承載不了過多內容。

  突破方式:根據功能的使用頻率和重要程度選擇他們的展現形式和前置程度。

  第一層級(最常用):cand區工具欄。是用戶使用頻率最高的,也是最直接點擊到的。

  第二層級(常用):logo菜單面板。這裡放置了也很常用,但是沒有第一級那麼重要的功能,操作也相對容易。

  第三層級(很少用但是必須有):設置項。所有的功能設置都能在這裡找到,但是很多不需要經常設置的功能就只出現在這裡不必出現在前兩個層級。

  用戶深層需求滿足(愛用)

  突破點:換一種思路,不可能就能實現

  當滿足用戶的使用需求後,就需要滿足他的心靈需求,才能牢牢鎖住用戶。個性化和情感化是給用戶最貼切的心靈滿足。

  皮膚商店和批量主題上線:

  我們通過皮膚商店來滿足用戶對輸入法個性化的需求,皮膚商店的前提就是需要大批量精美的皮膚和主題。

  限制:如何快速上線大量皮膚。

  最初皮膚設計成本很高,不能快速量產。一套完整皮膚需要設計大大小小36個界面,加上切圖開發實現,一套皮膚至少需要 半個月/1人 的時間。

  突破方式:技術+設計通過創意改變世界。

  設計可以由程序實現換膚的皮膚資源,使用單一顏色設計出有層次感的界面。

  表情和表情商店設計:

  輸入的內容只能是干巴巴的枯燥文字嗎?顯然我們要為用戶想的更多。要進一步為用戶的情感表達找到出口,誕生了表情輸入和表情商店。通過各種賣萌表情,讓用戶愛上輸入。

  限制:賣萌也必須要和輸入法視覺統一,必須以用戶輸入體驗為先。

  突破方式: 界面風格統一,但是個別地方有亮點。

  通過小細節賣萌,比如入口icon的眨眼效果和鯨魚表情icon還原了系統氣泡形態。

  結合以上,從基礎體驗建設(可用)->優化升級體驗(易用)->用戶深層需求滿足(愛用)三個方面,我們可以總結好的設計其實就是在不斷突破限制的過程中逐漸被認可的,好的產品設計理念也是循序漸進逐步被驗證的。從輸入法的設計過程中可以總結出幾個有效的突破方式:

  1, 不斷嘗試+研究佐證:反復的設計嘗試加實際調研,一定能找出最適合的設計方式。

  2, 從用戶痛點出發做設計:找到用戶最關注的問題點,解決它,能讓你的產品提升一大步。

  3, 換一種思路,不可能就能實現:你認為不可能做到的事,總有很多人能。換個思路可能就是突破口。

copyright © 萬盛學電腦網 all rights reserved