自古以來，人們從閱讀中了解最新資訊，學(xué)習(xí)知識(shí)，陶冶情操。隨著社會(huì)和科技的發(fā)展，新的閱讀設(shè)備，閱讀方式，豐富的多媒體展示，讓閱讀這一人類行為更加高效化和多樣化。對于平板電腦這個(gè)較新的媒介，我們?nèi)绾文苓M(jìn)一步提升用戶的閱讀體驗(yàn)，這需要我們對用戶使用場景，任務(wù)規(guī)律，操作習(xí)慣以及信息展示特點(diǎn)進(jìn)行更深入的分析。本文旨在以分析閱讀行為為基礎(chǔ)，配合時(shí)下iPad端閱讀類應(yīng)用的分析，與大家共同探討升閱讀體驗(yàn)的設(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)度，可滿足用戶對較長等待時(shí)間的心理預(yù)期。

增強(qiáng)視覺的真實(shí)感

將真實(shí)世界的元素投影到界面上有助于用戶對應(yīng)用快速建立起聯(lián)系，增強(qiáng)互動(dòng)性。模擬真實(shí)世界元素，便于用戶直觀的了解其內(nèi)在功能與邏輯關(guān)系。

提取傳統(tǒng)紙媒的元素（如報(bào)紙，雜志），便于用戶快速了解應(yīng)用的主要用途

通過信封的隱喻，暗示用戶從閱讀界面進(jìn)入分享界面

關(guān)注橫屏和豎屏的變化

iPad可根據(jù)重力感應(yīng)，橫屏和豎屏展示不同的閱覽效果。你很難幫用戶決定他們會(huì)使用哪種方式來用你的應(yīng)用，又或許他們就是喜歡把iPad顛來倒去。所以在設(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)航

隨同為iOS系統(tǒng)，但在iPad上底導(dǎo)并不像在iPhone上表現(xiàn)那么好。用戶注意力通常集中于屏幕中心的內(nèi)容，由于iPhone的屏幕較小，用戶容易注意到底部的信息，同時(shí)相對于頂部，底部更適合單手操作。然而移植到iPad上，由于屏幕較大，底部信息很容被忽略掉，同時(shí)考慮到用戶在使用iPad時(shí)的姿勢，底導(dǎo)成為了盲區(qū)，易被遮擋，不便于操作的部分。

特別是當(dāng)?shù)讓?dǎo)還附有事實(shí)提醒的功能時(shí)，實(shí)時(shí)就有些如同虛設(shè)了。

沉浸式的閱讀體驗(yàn)

良好的外觀與功能整合會(huì)提升用戶體驗(yàn)。相對于效率型工具應(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)

相對于開機(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í)上，iPad上的應(yīng)用丟失了web端的一些功能。不同于web端，任何頁面在瀏覽器內(nèi)打開，統(tǒng)一使用瀏覽器的前進(jìn)，后退便能輕松返回之前的頁面。iPad端需要把這些功能設(shè)計(jì)到應(yīng)用之中，如果用戶可以輕松的找到返回的出口，那無疑是讓用戶體驗(yàn)更加流暢和舒適。

利于指尖操作的尺寸

Apple’s?iPhone?Human?Interface?Guidelines建議最小尺寸為44x44pixel，Microsoft’s?Windows?Phone?UI?Design?and?Interaction?Guide建議?34x34pixel，Nokia’s?Developer?Guidelines建議28x28pixel。最小尺寸究竟是多少？（以下資料來自Smashing?Magazine）

在操作過程中，使用拇指肚是比較自然的行為，但如果target過小，很容就被擋住了，用戶無法看到觸發(fā)反饋。使用指尖雖避免此問題，但用戶需要調(diào)整手指姿勢，導(dǎo)致操作行為并不流暢。

不僅如此，targets之間觸發(fā)區(qū)域的間隔距離也十分重要。如果過近，很容易造成誤操作，嚴(yán)重影響用戶體驗(yàn)。由于拇指和食指的寬度不同，食指操作會(huì)更加精確，但有時(shí)一些沒那么重要的操作還需要用戶調(diào)整姿勢，并不能稱為一個(gè)好設(shè)計(jì)。比如用戶通常使用拇指來滑動(dòng)頁面，但卻需要用食指來點(diǎn)擊小按鈕。這一點(diǎn)尤其是在手機(jī)端上，很多人在使用手機(jī)時(shí)并不是雙手都空閑，比如擠在地鐵上，單手操作的重要性不言而喻。

MIT?Touch?Lab?study?of?Human?Fingertips?to?investigate?the?Mechanics?of?Tactile?Sense

由MIT的一項(xiàng)調(diào)查表明，成人平均食指寬1.6-2cm。移植到手機(jī)屏幕即57pixel。成人的平均拇指寬1ch（2.5cm），即72pixel，此尺寸便于用戶觸發(fā)，同時(shí)可從指尖邊緣看到觸發(fā)反饋，便于點(diǎn)擊或者移動(dòng)target，用戶操作再不需要小心翼翼了。相關(guān)機(jī)構(gòu)的調(diào)查表明，當(dāng)觸發(fā)目標(biāo)變大時(shí)，人們的操作明顯變快，而誤操作率明顯下降。然而當(dāng)理想照進(jìn)現(xiàn)實(shí)，針對于有限的屏幕尺寸，這些按鈕可能占據(jù)大量空間，影響主要內(nèi)容展示。所以我們需要設(shè)計(jì)targets的尺寸，而不是照搬guidelines。

以上僅為個(gè)人在實(shí)踐中的一些積累，歡迎大家討論并給予更多建議。

（微博UDC原創(chuàng)博文，歡迎轉(zhuǎn)載并注明出處，歡迎訂閱 ）