您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 交互設計 >> 瀏覽設計教程

百度輸入法交互體驗-你所不知道的iPhone輸入法秘密

 

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

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

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

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

基礎體驗建設(可用)

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

基礎體驗的限制

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

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

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

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

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

9鍵盤設計實驗:9鍵盤是百度輸入法用戶使用率最高的鍵盤,輸入效率明顯優(yōu)于系統(tǒng)26鍵布局。

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


以按鍵間距形態(tài)實驗為例:

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

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

1. 熱區(qū)一定的情況下,按鍵形狀越小,按鍵準確率越高。

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

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

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

優(yōu)化升級體驗(易用)

突破點:從用戶痛點出發(fā)

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


圖標語義優(yōu)化:

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


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

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

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

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

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

重要功能前置設計:

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

優(yōu)化后比優(yōu)化前減少了4部操作,以后我們還要做的更簡單。


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


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

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

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

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

 

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

突破點:換一種思路,不可能就能實現(xiàn)

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


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

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


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

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

突破方式:技術+設計通過創(chuàng)意改變世界。

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


表情和表情商店設計:

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

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


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

通過小細節(jié)賣萌,比如入口icon的眨眼效果和鯨魚表情icon還原了系統(tǒng)氣泡形態(tài)。


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

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

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

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

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/id1942.html
新移動應用的廣告模式-幫你賺錢
三大移動平臺上的交互設計差異
圖趣網(wǎng)微信
建議反饋
×