手機(jī)應(yīng)用交互設(shè)計(jì)：淺談高效的碎片時(shí)間

正如微博，在移動(dòng)互聯(lián)時(shí)代用戶的“短、頻、快”訴求更為強(qiáng)烈了。移動(dòng)用戶多是利用碎片時(shí)間來(lái)享受服務(wù)的，銀行排隊(duì)、坐地鐵、乘公交、電梯中…… 當(dāng)仔細(xì)觀察這些“道路勇士”們的使用情景時(shí)，深感高效服務(wù)于用戶的碎片時(shí)間的重要性。去年曾跨部門作了類似的設(shè)計(jì)分享，重點(diǎn)介紹了三個(gè)層面的高效：功能框架、操作任務(wù)流、控件元素等層面。這里摘取一些讓體驗(yàn)更高效的設(shè)計(jì)方法與大家分享。

功能需求層面

　　“你逃，或者不逃，選擇都在那里，揮之不去”。一堆功能同時(shí)供用戶選擇，使用上是無(wú)論如何也高效不起來(lái)的。如Fanson所言產(chǎn)品經(jīng)理的角度，有永遠(yuǎn)背不完的功能KPI，即使此次不加，下個(gè)迭代或版本仍將面對(duì)。所以如何在龐多的功能面前，是讓用戶在碎片時(shí)間里高效使用，從功能需求著手是第一步!

一：“1 > N” 突出核心

　　大多數(shù)產(chǎn)品功能點(diǎn)關(guān)聯(lián)性比較強(qiáng)，往往一個(gè)點(diǎn)的處理，關(guān)系著多方面細(xì)節(jié)，點(diǎn)與點(diǎn)間深層面的糾結(jié)就難以把握。如果在處理時(shí)，抱著“并行需求”的觀點(diǎn)，往往是大多數(shù)需求都難以平衡。在經(jīng)歷QQ音樂(lè)大大小小無(wú)數(shù)PK后，深刻認(rèn)識(shí)到：堅(jiān)持“1 > N”設(shè)計(jì)原則，做好一個(gè)比做多個(gè)卻平庸更能提升體驗(yàn)效率。突出核心功能需求，能讓產(chǎn)品變得更易用，也能讓工作更敏捷。有重點(diǎn)、分層次的把握功能點(diǎn)的設(shè)計(jì)，也是體現(xiàn)設(shè)計(jì)師能力的一個(gè)重要角度。

案例：手機(jī)QQ音樂(lè)的有效減法

　　一直有效做減法的手機(jī)QQ音樂(lè)播放器

　　2010 QQ音樂(lè)播放器棄用了九宮格形式，改變九個(gè)功能點(diǎn)并行處理的方法，突出目標(biāo)用戶聽(tīng)音樂(lè)、看歌詞等重點(diǎn)需求，直接采用Tab頁(yè)簽左右切換的導(dǎo)航，讓用戶直觀查看操作。Android版的QQ音樂(lè)播放器，更是直接突出快速聽(tīng)音樂(lè)的需求，利用觸屏特性，在默認(rèn)播放器界面上相對(duì)弱化了設(shè)置、選擇等功能，把它們放在第二操作層面，以“簡(jiǎn)”勝“繁”。

二：緊握全局導(dǎo)航

　　社區(qū)類、電商類、平臺(tái)類、工具類……產(chǎn)品形態(tài)各不相同，在狹小的屏幕中有效構(gòu)建產(chǎn)品基礎(chǔ)形態(tài)是帶鐐銬跳舞的活兒。在非觸屏?xí)r代，導(dǎo)航不暢帶來(lái)的成本要遠(yuǎn)高于觸屏?xí)r代，讓用戶更快體驗(yàn)到訪問(wèn)結(jié)果一直是設(shè)計(jì)師們的追求。對(duì)以信息獲取為核心的產(chǎn)品，Tab、列表類導(dǎo)航是選，且主導(dǎo)航爭(zhēng)取在1級(jí)內(nèi)展開(kāi);對(duì)以操作為主的應(yīng)用(游戲類浸入式應(yīng)用除外)，宮格類導(dǎo)航是選擇重點(diǎn)，力求樹(shù)立穩(wěn)定的操作映射。

操作任務(wù)流層面

　　按一下、再按一下、再按一下、再按一下……期待用戶通過(guò)更多操作才能看到結(jié)果是很危險(xiǎn)的。在產(chǎn)品的操作任務(wù)流上，多一項(xiàng)點(diǎn)擊，總是意味著用戶付出時(shí)間和手指移動(dòng)的代價(jià)(某些時(shí)候這種問(wèn)題被長(zhǎng)期積累起來(lái)是令人擔(dān)心的)!完成目標(biāo)的路徑越少，用戶實(shí)現(xiàn)目標(biāo)的效率越高，相應(yīng)的，在碎片時(shí)間里的報(bào)怨、焦慮等負(fù)面情緒能得到有效控制。

一：及時(shí)呈現(xiàn)

　　在用戶體驗(yàn)的時(shí)間尺度方面，移動(dòng)終端上超過(guò)10秒才能完成任務(wù)體驗(yàn)通常是不能被接受的。讓用戶從一開(kāi)始接觸產(chǎn)品就“快”了起來(lái)，將急需的工具、指引恰當(dāng)設(shè)置在當(dāng)前所見(jiàn)處，提升效率，減少負(fù)擔(dān)。

案例1：默認(rèn)呈現(xiàn)虛擬鍵盤

　　iPhone版騰訊微博登陸界面，默認(rèn)提供虛擬鍵盤。直接呈現(xiàn)輸入配置，減少了鍵盤呼出操作。

案例2：即時(shí)搜索

　　用戶無(wú)需等待至詞條輸入結(jié)束，即時(shí)搜索時(shí)便可以在輸入時(shí)搜索出結(jié)果。減少了輸入操作，也弱化了小屏幕上虛擬鍵盤的使用難度。

二：定制化、快

　　用戶對(duì)產(chǎn)品總是有形形色色的期待，個(gè)性化的需求總是呼喚著被進(jìn)一步滿足。不過(guò)，這在Tencent的海量用戶基礎(chǔ)上，對(duì)設(shè)計(jì)的挑戰(zhàn)很大。應(yīng)當(dāng)充分理解用戶能力上的局限性，將類型化的產(chǎn)品行為(如操作姿態(tài)、視覺(jué)動(dòng)向、觸聽(tīng)配合等等)提煉出來(lái)，進(jìn)一步深入設(shè)計(jì)。

案例1：快速鏈接

　　QQ瀏覽器的快速鏈接是根據(jù)用戶的網(wǎng)頁(yè)瀏覽習(xí)慣，提供直達(dá)區(qū)的一種方式。在網(wǎng)頁(yè)瀏覽基礎(chǔ)上，給出定制化的“添加書簽”、“添加快速鏈接”等功能，也讓產(chǎn)品對(duì)單個(gè)用戶而言更為飽滿。

案例2：定制左右

　　在QQ瀏覽器中用戶可單手翻頁(yè)，定制左、右手操作習(xí)慣，尤其在電阻屏設(shè)備上提供這種設(shè)計(jì)尤為易用，因?yàn)橛脩舻碾p手并不靈巧。

三：一致性

　　這點(diǎn)無(wú)需多談，尤其是對(duì)大公司種類繁多的產(chǎn)品而言，在相關(guān)規(guī)范指引下，降低操作學(xué)習(xí)成本，形成統(tǒng)一品牌認(rèn)知，務(wù)必保持一致性。值得注意的是：一致性要與用戶更大范圍的生活知識(shí)和經(jīng)驗(yàn)相一致，避免沖突。

　　不過(guò)，在多系統(tǒng)、多終端的情況下，一致性出現(xiàn)了新問(wèn)題：如何滿足多產(chǎn)品的一致性?裂變平臺(tái)的一致性?硬件操作的一致性?……有機(jī)會(huì)將深入探討一下。

四：避免打斷

　　試想一下，你正沉迷在網(wǎng)頁(yè)查看、書籍閱讀或游戲的戰(zhàn)斗中，突然被另外的任務(wù)生硬暫停了。這是一個(gè)令人沮喪的情形。在這些使用情景下，用戶無(wú)法流程體驗(yàn)產(chǎn)品。Vera也一直提醒我：手機(jī)產(chǎn)品體驗(yàn)中要能“快進(jìn)快出”。正如iPhone QQ斗地主游戲中的快速發(fā)牌、理牌、出牌等，保證玩家在具體操作中的流程性、簡(jiǎn)潔性。尤其避免模態(tài)對(duì)話的打斷，在Symbian、iPhone設(shè)計(jì)中經(jīng)常出現(xiàn)此類情況。

案例：自動(dòng)切換網(wǎng)絡(luò)

　　在iPhone QQ斗地主中，自動(dòng)檢測(cè)用戶網(wǎng)絡(luò)，在背后提供網(wǎng)絡(luò)間切換，而不是詢問(wèn)用戶該如何選擇，自信的幫助用戶鏈接體驗(yàn)過(guò)程。

控件元素層面

　　控件類型林林總總(如下圖中某產(chǎn)品涉及到的控件)，更深入細(xì)節(jié)上的高效體驗(yàn)往往隱藏在這些控件元素中。如在彈出框的設(shè)計(jì)中盡量避免Check box的形式，減少詢問(wèn);如在搜索框中主動(dòng)Push一些用戶常用關(guān)鍵詞、熱門關(guān)鍵詞;如下拉列表間帳號(hào)的快速切換……元素的精細(xì)能保證使用的快捷?？丶氐脑O(shè)計(jì)也是在不斷的進(jìn)化優(yōu)化，量的積累改進(jìn)能促進(jìn)質(zhì)的飛躍。

　　騰訊某移動(dòng)終端產(chǎn)品控件規(guī)范目錄

遵循有效法則

　　一些諸如“時(shí)間感知的非線性”、“7±2”現(xiàn)行記憶、圖形增強(qiáng)文本表現(xiàn)力等等科學(xué)法則都能為產(chǎn)品提供高效體驗(yàn)。

案例：菜單的“7±2”原則

　　上世紀(jì)，Miller通過(guò)研究顯示，我們的短期記憶只能同時(shí)保存7±2項(xiàng)內(nèi)容。在各種Tencent無(wú)線Symbian產(chǎn)品中，菜單設(shè)計(jì)上，都遵循“7±2”個(gè)信息項(xiàng)的現(xiàn)行記憶法則。當(dāng)然我們還可以進(jìn)一步探討如何改進(jìn)菜單分類，實(shí)驗(yàn)也證明了廣而淺的樹(shù)會(huì)比窄而深的樹(shù)更加合適;也可以探討在鍵盤機(jī)菜單上是否有設(shè)計(jì)分割線的必要(如S60 V3上的Skyfire)……

小結(jié)

　　在功能層面上，突核心、緊握導(dǎo)航;

　　在任務(wù)流層面上，提供定制化、快進(jìn)快出、一致性操作、避免打斷;

　　在控件元素上，遵循科學(xué)有效法則;

　　……

　　這些都是產(chǎn)品設(shè)計(jì)中服務(wù)于用戶高效利用碎片時(shí)間、讓體驗(yàn)快起來(lái)的設(shè)計(jì)方法，尤為針對(duì)小屏幕移動(dòng)終端。某些方法，對(duì)于Pad類產(chǎn)品未必合適。Pad類產(chǎn)品設(shè)計(jì)具有Web網(wǎng)頁(yè)和小屏幕終端的交叉性特點(diǎn)，設(shè)計(jì)思路、體驗(yàn)方式上都有很大的差異化。期待在這個(gè)方向上有所沉淀能于大家分享!

當(dāng)前題目：手機(jī)應(yīng)用交互設(shè)計(jì)：淺談高效的碎片時(shí)間
當(dāng)前網(wǎng)址：http://muchs.cn/news/167905.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、品牌網(wǎng)站建設(shè)、網(wǎng)站改版、微信公眾號(hào)、App開(kāi)發(fā)、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)