[ 平面理論教程 ] 淺談ipad閱讀類應用設計技巧- 其他教程 - 骨子愛創意

教學主題: 淺談ipad閱讀類應用設計技巧

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 淺談ipad閱讀類應用設計技巧

這教學的重點為這幾點 [ 技巧,設計,應用,閱讀,用戶,操作,便於,功能,使用,iPa ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

自古以來，人們從閱讀中了解最新資訊，學習知識，陶冶情操。隨着社會和科技的發展，新的閱讀設備，閱讀方式，豐富的多媒體展示，讓閱讀這一人類行為更加高效化和多樣化。

自古以來，人們從閱讀中了解最新資訊，學習知識，陶冶情操。隨着社會和科技的發展，新的閱讀設備，閱讀方式，豐富的多媒體展示，讓閱讀這一人類行為更加高效化和多樣化。對於平板電腦這個較新的媒介，我們如何能進一步提升用戶的閱讀體驗，這需要我們對用戶使用場景，任務規律，操作習慣以及信息展示特點進行更深入的分析。本文旨在以分析閱讀行為為基礎，配合時下iPad端閱讀類應用的分析，與大家共同探討升閱讀體驗的設計心得。

讓用戶享受加載過程

當我們打開一個應用時，面臨的第一個問題就是加載。優化你的加載過程，提前顯示部分信息或者做個合適的loading動畫效果，讓的用戶知道你的應用已經在一步步執行他的操作，給予他應得的反饋，如此也讓用戶更有耐心等待加載。

如Flipboard打開應用時，cover從舊版的固定圖片變為你訂閱內容的圖片，在第一時間建立起閱讀內容和用戶的聯繫，在等待過程的同時閱覽正在更新的信息。

如騰訊愛看，在等待動畫過程中，清晰的告訴用戶產品的功能布局。

如The Early Edition 2，報紙卷出現展開的過程如此自然，誰能想這是它加載太慢的trick.

大量圖片加載過程中，在圖片站位處提前展示部分文字信息， 逐個顯示圖片，既讓用戶預先有信息可獲取，整個加載動態十分愉悅。如顯示量化的loading進度，可滿足用戶對較長等待時間的心理預期。

增強視覺的真實感

將真實世界的元素投影到界面上有助於用戶對應用快速建立起聯繫，增強互動性。模擬真實世界元素，便於用戶直觀的了解其內在功能與邏輯關係。

提取傳統紙媒的元素(如報紙，雜誌)，便於用戶快速了解應用的主要用途

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

關注橫屏和豎屏的變化

iPad可根據重力感應，橫屏和豎屏展示不同的閱覽效果。你很難幫用戶決定他們會使用哪種方式來用你的應用，又或許他們就是喜歡把iPad顛來倒去。所以在設計時應考慮到這一點，無論如何旋轉，盡量保持閱讀舒適度，畢竟內容才是永遠的焦點。

橫屏和豎屏並不僅僅意味圖像內容的拉伸，調理好內容的排布，使之更適應當前屏幕。

iPad不喜歡底部導航

隨同為iOS系統，但在iPad上底導並不像在iPhone上表現那麼好。用戶注意力通常集中於屏幕中心的內容，由於iPhone的屏幕較小，用戶容易注意到底部的信息，同時相對於頂部，底部更適合單手操作。然而移植到iPad上，由於屏幕較大，底部信息很容被忽略掉，同時考慮到用戶在使用iPad時的姿勢，底導成為了盲區，易被遮擋，不便於操作的部分。

特別是當底導還附有事實提醒的功能時，實時就有些如同虛設了。

沉浸式的閱讀體驗

良好的外觀與功能整合會提升用戶體驗。相對於效率型工具應用，需要提供用戶頻繁操作，便於快速操作的便捷。閱讀類產品，則是提供用戶在閱讀時的專註與沉浸體驗。

如Press Reader，閱讀時全屏展開，頂部和底部導航隱藏，便於用戶更專註於內容本身，提升閱讀體驗。

又如The Early Editon 2，頂導處於隱藏狀態，當用戶需要時，下拉顯示

用動畫來導航

App中的動畫效果絕不僅僅是為了打造酷炫的應用，更重要的是他能讓用戶知道自己從哪來，到哪去，幫助用戶了解產品構架和層次。便於其理解產品功能，進而讓用戶產生良好的心理感受

例如Flipboard，在目標文章處點擊或zoom out操作，查看詳情，這個伸縮的放大效果便於用戶清晰的認識新頁面與之前頁面的關係。又如The Early Edition 2，頁面翻動效果，讓用戶了解前進方向，以及如何回到上一頁。

操作的統一性與連貫性

用戶下載應用不是為了學習奇妙複雜手勢操作的，如果這些操作不是連貫統一的，很難讓用戶在短時間內記住他們，非預期的觸發會帶來挫敗感。保持操作的統一性與連貫性，將有效的降低用戶學習成本，便於記憶和使用。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

在任務進行中提供引導

相對於開機前的一連串功能操作講解，先不講用戶會記得多少，他是否會耐心看完都是個問題。在任務進程中，給予適當，關鍵的操作引導， 專註於幫助用戶完成即時任務，能有效引起用戶關注並協助解決實際問題。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

在進程中的引導，可以是第一次使用時專門的頁面給予文字提示，也可以是輕巧的角落標註來引導用戶。

清晰的導航邏輯

當用戶無意中觸發了某個操作，進入到新的頁面，人們最普遍的反應就是：我該如何返回?然而很多應用都忽略了這一重要功能，back。事實上，iPad上的應用丟失了web端的一些功能。不同於web端，任何頁面在瀏覽器內打開，統一使用瀏覽器的前進，後退便能輕鬆返回之前的頁面。iPad端需要把這些功能設計到應用之中，如果用戶可以輕鬆的找到返回的出口，那無疑是讓用戶體驗更加流暢和舒適。

利於指尖操作的尺寸

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過小，很容就被擋住了，用戶無法看到觸發反饋。使用指尖雖避免此問題，但用戶需要調整手指姿勢，導致操作行為並不流暢。

不僅如此，targets之間觸發區域的間隔距離也十分重要。如果過近，很容易造成誤操作，嚴重影響用戶體驗。由於拇指和食指的寬度不同，食指操作會更加精確，但有時一些沒那麼重要的操作還需要用戶調整姿勢，並不能稱為一個好設計。比如用戶通常使用拇指來滑動頁面，但卻需要用食指來點擊小按鈕。這一點尤其是在手機端上，很多人在使用手機時並不是雙手都空閑，比如擠在地鐵上，單手操作的重要性不言而喻。

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

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

以上僅為個人在實踐中的一些積累，歡迎大家討論並給予更多建議。

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 淺談ipad閱讀類應用設計技巧 這教學會喜歡

文章標題: 骨子愛創意- 淺談ipad閱讀類應用設計技巧–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 技巧,設計,應用,閱讀,用戶,操作,便於,功能,使用,iPa

本文永久連結 :淺談ipad閱讀類應用設計技巧

本文轉載自 :VIA