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

2022-06-16    分類: 網(wǎng)站建設(shè)

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

功能需求層面

  “你逃,或者不逃,選擇都在那里,揮之不去”。一堆功能同時(shí)供用戶選擇,使用上是無論如何也高效不起來的。如Fanson所言產(chǎn)品經(jīng)理的角度,有永遠(yuǎn)背不完的功能KPI,即使此次不加,下個(gè)迭代或版本仍將面對。所以如何在龐多的功能面前,是讓用戶在碎片時(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音樂大大小小無數(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音樂的有效減法



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

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

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

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



操作任務(wù)流層面

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

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

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

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

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



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

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



二:定制化、快

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

案例1:快速鏈接

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



案例2:定制左右

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



三:一致性

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

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

四:避免打斷

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

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

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



控件元素層面

  控件類型林林總總(如下圖中某產(chǎn)品涉及到的控件),更深入細(xì)節(jié)上的高效體驗(yàn)往往隱藏在這些控件元素中。如在彈出框的設(shè)計(jì)中盡量避免Check box的形式,減少詢問;如在搜索框中主動(dòng)Push一些用戶常用關(guān)鍵詞、熱門關(guān)鍵詞;如下拉列表間帳號(hào)的快速切換……元素的精細(xì)能保證使用的快捷。控件元素的設(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通過研究顯示,我們的短期記憶只能同時(shí)保存7±2項(xiàng)內(nèi)容。在各種Tencent無線Symbian產(chǎn)品中,菜單設(shè)計(jì)上,都遵循“7±2”個(gè)信息項(xiàng)的現(xiàn)行記憶法則。當(dāng)然我們還可以進(jìn)一步探討如何改進(jìn)菜單分類,實(shí)驗(yàn)也證明了廣而淺的樹會(huì)比窄而深的樹更加合適;也可以探討在鍵盤機(jī)菜單上是否有設(shè)計(jì)分割線的必要(如S60 V3上的Skyfire)……



小結(jié)

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

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

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

  ……

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

本文標(biāo)題:手機(jī)應(yīng)用交互設(shè)計(jì):淺談高效的碎片時(shí)間
鏈接URL:http://muchs.cn/news5/167905.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航Google、網(wǎng)站改版外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、小程序開發(fā)

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)