從古至今,人們都喜歡從閱讀中去了解最新的資訊,學(xué)習(xí)知識(shí)、陶冶情操。隨著社會(huì)和科技的發(fā)展,新的閱讀設(shè)備、閱讀方式以及豐富的多媒體展示,讓人類閱讀這一行為更加高效化和多樣化,尤其是平板電腦的推出。那我們應(yīng)該如何進(jìn)一步地提升用戶的閱讀體驗(yàn)?zāi)??這需要我們對(duì)用戶的使用場景、任務(wù)規(guī)律、操作習(xí)慣以及信息展示等特點(diǎn)進(jìn)行更加深入的分析、調(diào)查與設(shè)計(jì)了。
讓用戶享受加載過程
當(dāng)我們打開一個(gè)應(yīng)用時(shí),面臨的第一個(gè)問題就是加載。優(yōu)化你的加載過程,提前顯示部分信息或者做個(gè)合適的loading動(dòng)畫效果,讓的用戶知道你的應(yīng)用已經(jīng)在一步步執(zhí)行他的操作,給予他應(yīng)得的反饋,如此也讓用戶更有耐心等待加載。
如Flipboard打開應(yīng)用時(shí),cover從舊版的固定圖片變?yōu)槟阌嗛唭?nèi)容的圖片,在第一時(shí)間建立起閱讀內(nèi)容和用戶的聯(lián)系,在等待過程的同時(shí)閱覽正在更新的信息。
?
如騰訊愛看,在等待動(dòng)畫過程中,清晰的告訴用戶產(chǎn)品的功能布局。
?
如The Early Edition 2,報(bào)紙卷出現(xiàn)展開的過程如此自然,誰能想這是它加載太慢的trick。
?
大量圖片加載過程中,在圖片站位處提前展示部分文字信息, 逐個(gè)顯示圖片,既讓用戶預(yù)先有信息可獲取,整個(gè)加載動(dòng)態(tài)十分愉悅。如顯示量化的loading進(jìn)度,可滿足用戶對(duì)較長等待時(shí)間的心理預(yù)期。
?
?
增強(qiáng)視覺的真實(shí)感
將真實(shí)世界的元素投影到界面上有助于用戶對(duì)應(yīng)用快速建立起聯(lián)系,增強(qiáng)互動(dòng)性。模擬真實(shí)世界元素,便于用戶直觀的了解其內(nèi)在功能與邏輯關(guān)系。
提取傳統(tǒng)紙媒的元素(如報(bào)紙,雜志),便于用戶快速了解應(yīng)用的主要用途,通過信封的隱喻,暗示用戶從閱讀界面進(jìn)入分享界面。
?
關(guān)注橫屏和豎屏的變化
平板電腦可根據(jù)重力感應(yīng),橫屏和豎屏展示不同的閱覽效果。你很難幫用戶決定他們會(huì)使用哪種方式來用你的應(yīng)用,又或許他們就是喜歡把平板電腦顛來倒去。所以在設(shè)計(jì)時(shí)應(yīng)考慮到這一點(diǎn),無論如何旋轉(zhuǎn),盡量保持閱讀舒適度,畢竟內(nèi)容才是永遠(yuǎn)的焦點(diǎn)。
橫屏和豎屏并不僅僅意味圖像內(nèi)容的拉伸,調(diào)理好內(nèi)容的排布,使之更適應(yīng)當(dāng)前屏幕。
?
iPad不喜歡底部導(dǎo)航
都是智能操作系統(tǒng),但在平板電腦上底部導(dǎo)航并不像在智能手機(jī)上表現(xiàn)地那么好。用戶注意力通常集中于屏幕中心的內(nèi)容,由于智能手機(jī)的屏幕較小,用戶容易注意到底部的信息,同時(shí)相對(duì)于頂部,底部更適合單手操作。然而移植到平板電腦上,由于屏幕較大,底部信息很容被忽略掉,同時(shí)考慮到用戶在使用平板電腦時(shí)的姿勢,底導(dǎo)成為了盲區(qū),易被遮擋,不便于操作的部分。
特別是當(dāng)?shù)讓?dǎo)還附有事實(shí)提醒的功能時(shí),實(shí)時(shí)就有些如同虛設(shè)了。
?
?
沉浸式的閱讀體驗(yàn)
良好的外觀與功能整合會(huì)提升用戶體驗(yàn)。相對(duì)于效率型工具應(yīng)用,需要提供用戶頻繁操作,便于快速操作的便捷。閱讀類產(chǎn)品,則是提供用戶在閱讀時(shí)的專注與沉浸體驗(yàn)。
如Press Reader,閱讀時(shí)全屏展開,頂部和底部導(dǎo)航隱藏,便于用戶更專注于內(nèi)容本身,提升閱讀體驗(yàn)。
?
又如The Early Editon 2,頂導(dǎo)處于隱藏狀態(tài),當(dāng)用戶需要時(shí),下拉顯示。
?
用動(dòng)畫來導(dǎo)航
App中的動(dòng)畫效果絕不僅僅是為了打造酷炫的應(yīng)用,更重要的是他能讓用戶知道自己從哪來,到哪去,幫助用戶了解產(chǎn)品構(gòu)架和層次。便于其理解產(chǎn)品功能,進(jìn)而讓用戶產(chǎn)生良好的心理感受。
例如Flipboard,在目標(biāo)文章處點(diǎn)擊或zoom out操作,查看詳情,這個(gè)伸縮的放大效果便于用戶清晰的認(rèn)識(shí)新頁面與之前頁面的關(guān)系。又如The Early Edition 2,頁面翻動(dòng)效果,讓用戶了解前進(jìn)方向,以及如何回到上一頁。
?
?
操作的統(tǒng)一性與連貫性
用戶下載應(yīng)用不是為了學(xué)習(xí)奇妙復(fù)雜手勢操作的,如果這些操作不是連貫統(tǒng)一的,很難讓用戶在短時(shí)間內(nèi)記住他們,非預(yù)期的觸發(fā)會(huì)帶來挫敗感。保持操作的統(tǒng)一性與連貫性,將有效的降低用戶學(xué)習(xí)成本,便于記憶和使用。
?
在任務(wù)進(jìn)行中提供引導(dǎo)
相對(duì)于開機(jī)前的一連串功能操作講解,先不講用戶會(huì)記得多少,他是否會(huì)耐心看完都是個(gè)問題。在任務(wù)進(jìn)程中,給予適當(dāng),關(guān)鍵的操作引導(dǎo), 專注于幫助用戶完成即時(shí)任務(wù),能有效引起用戶關(guān)注并協(xié)助解決實(shí)際問題。
在進(jìn)程中的引導(dǎo),可以是第一次使用時(shí)專門的頁面給予文字提示,也可以是輕巧的角落標(biāo)注來引導(dǎo)用戶。
?
清晰的導(dǎo)航邏輯
當(dāng)用戶無意中觸發(fā)了某個(gè)操作,進(jìn)入到新的頁面,人們最普遍的反應(yīng)就是:我該如何返回?然而很多應(yīng)用都忽略了這一重要功能,back。事實(shí)上,平板電腦上的應(yīng)用丟失了web端的一些功能。不同于web端,任何頁面在瀏覽器內(nèi)打開,統(tǒng)一使用瀏覽器的前進(jìn),后退便能輕松返回之前的頁面。平板電腦端需要把這些功能設(shè)計(jì)到應(yīng)用之中,如果用戶可以輕松的找到返回的出口,那無疑是讓用戶體驗(yàn)更加流暢和舒適。
?
?
利于指尖操作的尺寸
蘋果iPhone人機(jī)界面指導(dǎo)方針中建議最小尺寸為44x44像素,微軟Windows Phone的UI設(shè)計(jì)交互指導(dǎo)建議34x34像素,NOKIA的開發(fā)指導(dǎo)方針中則建議28x28像素。那最小尺寸究竟是多少呢?
在操作過程中,使用拇指肚是比較自然的行為,但如果目標(biāo)過小,很容就被擋住了,用戶無法看到觸發(fā)反饋。使用指尖雖避免此問題,但用戶需要調(diào)整手指姿勢,導(dǎo)致操作行為并不流暢。
不僅如此,目標(biāo)之間觸發(fā)區(qū)域的間隔距離也十分重要。如果過近,很容易造成誤操作,嚴(yán)重影響用戶體驗(yàn)。由于拇指和食指的寬度不同,食指操作會(huì)更加精確,但有時(shí)一些沒那么重要的操作還需要用戶調(diào)整姿勢,并不能稱為一個(gè)好設(shè)計(jì)。比如用戶通常使用拇指來滑動(dòng)頁面,但卻需要用食指來點(diǎn)擊小按鈕。這一點(diǎn)尤其是在手機(jī)端上,很多人在使用手機(jī)時(shí)并不是雙手都空閑,比如擠在地鐵上,單手操作的重要性不言而喻。
由MIT的一項(xiàng)調(diào)查表明,成人平均食指寬1.6-2cm。移植到手機(jī)屏幕即57像素。成人的平均拇指寬1英寸(2.5cm),即72像素,此尺寸便于用戶觸發(fā),同時(shí)可從指尖邊緣看到觸發(fā)反饋,便于點(diǎn)擊或者移動(dòng)目標(biāo),用戶操作再不需要小心翼翼了。相關(guān)機(jī)構(gòu)的調(diào)查表明,當(dāng)觸發(fā)目標(biāo)變大時(shí),人們的操作明顯變快,而誤操作率明顯下降。然而當(dāng)理想照進(jìn)現(xiàn)實(shí),針對(duì)于有限的屏幕尺寸,這些按鈕可能占據(jù)大量空間,影響主要內(nèi)容展示。所以我們需要設(shè)計(jì)目標(biāo)的尺寸,而不是照搬指導(dǎo)方針。
評(píng)論
查看更多