提高手機讀書軟件界面閱讀效率的交互設計研究

【文章摘要】
隨著互聯網的發展，手機閱讀廣受歡迎。良好的界面交互設計能夠提高用戶的閱讀效率，增加用戶使用閱讀應用的愉悅感，同時也能提高產品的用戶黏度。移動端因其設備的獨特性， 決定了其設計模式的獨特性。要能方便用戶使用和瀏覽，需要對閱讀類應用的交互界面架構進行反復推敲和驗證。
【關鍵詞】
手機讀書軟件；交互設計；閱讀效率
1 單屏容量的設計
費茨法則（Fitts’ Law，1954）是一則人機交互法則。它闡述了：快速移動到目標的時間是從目標的距離和目標大小的功能。目標距離越遠，目標面積較小，然后移動到目標的耗時較長的。它則適用于手或手指進行實體觸摸或顯示器上用指針虛擬指向。因此，在手機或者是Pad 設備的閱讀類應用軟件交互界面設計上，要考慮到單屏能夠容納的信息，要盡可能的讓用戶獲取更多的閱讀容量。
第一，正文翻頁。網頁的實質是“控制”。控件顯示一個頁面的內容，避免單用戶太多的信息；控制網頁流量，提高頁面響應速度。事實上，用戶找到他想要的信息在第一頁，會很“懶惰”地翻頁。SOSO 的搜索結果，在一個單一的用戶搜索行為占比確認這種行為模式。我們的設計策略：觸摸屏的網頁頁面顯示更多的信息（聯系方式決定連續滾動屏幕在非常低成本倒裝）；根據選擇信息類型；控制擴大控制的反應區，使操作盡可能輕；觸摸屏網頁常見的翻頁控件，根據內容區分互動模式：
翻頁控件的選擇考慮因素從內容頁面，內容組織模式的性質和大小。
在設計正文閱讀的翻頁時，想到文本包含翻頁控制僅限于屏幕或更少（320pixels×480pixels）。創意出發點是：限制頁面的縱向長度，保證后續文本模塊后曝光。此外，如果一個網頁的文本長度不受限制在屏幕范圍內的跳頁需要快速向上滾動的文本區域的頂部，下一跳是容易引起用戶的視覺迷失。
然而，這個假設是很高興的，但是帶來了很多困難，實現。限高措施第一，必須全文角半角字符的統計數字，相對消耗的性能；當文字配有圖片，圖片的空間不是一個精確的控制屏幕切換時；此外，單屏容量的變化，將需要重新計算和排版。所以在平衡，決定翻蓋設計文本的縱向延伸的方式目前常見的，即7 號對應的頁面模式。
2 菜單合理交接的設計
導航菜單是移動應用設計中最重要的部分之一。總結一下，導航欄的重要性： （1）瀏覽完Logo 后，導航欄是用戶第一個看到的組件；（2）引導用戶，不讓用戶在各種功能中迷失；（3）導航欄的作用也類似于索引，快速幫助用戶找到所需信息。導航欄設計的三大要點，想能夠讓導航欄更加優雅、美麗、響應式。
第一，讓菜單看起來簡潔。現今的閱讀應用往往用繁雜的裝飾來做突出。其實大可不必，通過字體、懸停效果、留白可以設計出簡約、優雅的極簡主義風格導航欄。
第二，做響應式設計。響應式設計的特點是集中式構圖的大小來創建頁面，你可以根據使用環境中的用戶行為和設備（系統平臺，屏幕大小，屏幕方向）進行相應的布局。
第三，合理放置菜單的位置。導航菜單的布局分為水平布局和垂直布局水平式導航菜單的好處是明顯，清晰可見，大家都會知道導航條在上方，而且不是那么占據空間。而垂直的導航菜單可以兼容不同的屏幕尺寸。
進行菜單的結構設計，首先要考慮按照用戶任務來確定菜單的組織。首先確定任務菜單選項和結構，其次要考慮顯示屏幕上選項的數目。菜單中的每一條選項和按鈕相當，一般具有下列幾種類型：命令項、菜單項和窗口項。命令項和命令按鈕一樣，用來執行一條命令。例如大多數應用軟件在“文件”菜單下有“退出”命令，單擊它即可以推出軟件系統。子菜單項是一組相關的命令，它們將以子菜單的形式出現。軟件中的菜單根據功能需要項數變化很大，小的可能只有幾個選項，大的可能包含數百條選項。菜單的組織類型一般有單一菜單、線狀序列菜單、樹狀結構菜單、循環網絡以及非循環網絡菜單等，目前樹狀結構菜單是最常見的菜單結構。
2.1 單一菜單。有些任務采用單一菜單就可以滿足單一的應用。比如在閱讀類應用進行書籍刪除時要求用戶在“是/ 否” 二項菜單中做出選擇。單一菜單中可以有兩個或多個選項，用戶每次可選擇其中之一或確定多個選擇。單一菜單可以在當前工作區中彈出，也可以在主顯示改變時， 一直保存在單獨的窗口或數據區中。
2.2 線狀序列菜單。線狀序列菜單提供了簡單有效的手段，用一組相關聯的菜單，指導用戶貫穿整個決策過程，是決策過程結構化。線狀序列菜單設計原則：（1） 標題，居中或左對齊；（2）選項的布置，編號和含義，不同選項組分割，輸入選擇號或用上下箭頭選擇；（3）指導說明，指導說明文字位置相同；（4）出錯信息，用戶做了不可接受的選擇，應該在指定位置顯示出錯信息；（5）狀態報告，目前處于菜單結構的那一部分。
2.3 樹狀菜單。當一組選項的數目增加的處理一般智力，我們通常被分為幾類，類似的選擇組成一組，最后一個樹結構的形成，例如，微軟的word 軟件的菜單欄。對設計樹狀菜單影響的因素有：（1） 深度和寬度，菜單樹的深度（層數）與寬度（每層的項數）的設計將影響用戶的操作速度。多次試驗的結果表明層數過多會嚴重影響用戶的操作速度。當菜單很大時， 一般傾向于選用寬而淺的菜單樹；（2）樹狀結構菜單的語義分組：在復雜的系統中要對菜單項進行恰當的分組是非常難的， 但總的還是有一些可以遵循的方法，如按照邏輯類似分組、按照任務分組等。
2.4 循環網絡菜單。循環網絡菜單允許用戶在父輩菜單及子菜單之間或者子菜單之間進行切換，而不必重新回到父輩菜單后再轉到子菜單。網絡菜單的問題是用戶容易迷失。因此，在網絡菜單結構中要注明菜單項所在的層次或者注明距離主菜單的距離、或提供各種導航等幫助信息。
3 閱讀動態流程的設計
早期的網頁主要是運用flash 來達到動畫的炫酷效果，隨著H5 和CSS 的發展， 在軟件應用中可以在不影響效果的情況下達到更加流暢的動畫效果。與此同時， 移動應用端的動態設計效果也同樣顯著的改善了用戶體驗的感知度，使用戶更加容易操作。由于移動終端尺寸的多樣性， 在閱讀應用交互界面設計時還應該考慮到多平臺的跨越和拓展，要充分考慮到用戶體驗的一致性。動態效果可以增強產品的功能的可識別性，拓展了用戶的感官體驗。如進程類演示動畫，從前是從0 到1 的跳轉，加入了動畫效果后，有了一個過渡的頁面，讓復雜難以可視化的程序語言轉化為了動態的可視化語言。既可以帶給用戶安全感，另外也舒緩了因為等待而產生的急躁感。
除了依靠冗沉的動畫效果，亦或是硬件優良的終端設備，我們還應考慮動畫應該出現的時間、環境以及用戶的使用習慣。動畫能帶來一系列的美的體驗，同時也要避免過度設計，過多的動畫效果會讓用戶在使用閱讀軟件時不能聚精會神，分散用戶的注意力。動畫是為解決用戶需求而存在的，應當時刻緊守用戶體驗這一底線，通過探索瀏覽器的性能和用戶的操作習慣來研究動畫的可拓展性，讓用戶體驗更加順暢。

上一篇：基于GSM 網絡的輪胎壓力監測系統

下一篇：基于GNS3 的IPv6 校園網的設計與..