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