移動端以純文本閱讀為主的Web設(shè)計有哪些要點-創(chuàng)新互聯(lián)

本篇內(nèi)容主要講解“移動端以純文本閱讀為主的Web設(shè)計有哪些要點”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“移動端以純文本閱讀為主的Web設(shè)計有哪些要點”吧!

創(chuàng)新互聯(lián)建站專注于古冶網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供古冶營銷型網(wǎng)站建設(shè),古冶網(wǎng)站制作、古冶網(wǎng)頁設(shè)計、古冶網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù),打造古冶網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供古冶網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

1 確定體驗評估指標
1.1 移動閱讀及其組成要素

移動閱讀是指利用手機、平板電腦、電子閱讀器等移動終端進行的所有閱讀行為,包含通過瀏覽器瀏覽網(wǎng)頁以及書城客戶端、新聞客戶端、資訊客戶端、雜志客戶端、微博、公眾號文章等閱讀途徑,瀏覽小說、報紙、圖書、雜志、動漫、文獻等內(nèi)容的閱讀行為。

從移動閱讀組成要素來講,主要有三個:移動閱讀用戶(主體)、電子讀物(由內(nèi)容和移動載體組成的客體)、行為(用戶的態(tài)度與行為表達),如下圖所示。
移動端以純文本閱讀為主的Web設(shè)計有哪些要點

1.2 影響移動閱讀績效的指標
有關(guān)影響移動閱讀績效指標的研究很多,相關(guān)指標主要可以分為四類:主體評價、數(shù)字內(nèi)容、硬件性能、軟件功能(詳見下表)。
移動端以純文本閱讀為主的Web設(shè)計有哪些要點

1.3 純文本文章閱讀體驗的評價指標
本研究旨在為公眾號用戶提供更好的文章閱讀體驗,結(jié)合產(chǎn)品當前的現(xiàn)狀,在評價指標上有其獨特性。其中“數(shù)字內(nèi)容”是開放性的,未來會通過運營推薦等方式進行優(yōu)化,不在此次研究范圍內(nèi);“硬件性能”整體上取決于用戶本身的手機終端和手Q版本運行帶來的影響,較為復雜,因此現(xiàn)階段研究只關(guān)注顯示舒適度,通過主流屏幕測試結(jié)果適配到不同屏幕中;“軟件功能”目前尚不完善,未來會隨著文章的價值定位而進行差異化設(shè)計,因此現(xiàn)階段研究主要關(guān)注版面設(shè)計,即字體、字號、行距等因素對閱讀產(chǎn)生的影響。

確定本研究的目的是優(yōu)化純文本文章的閱讀體驗,及對應(yīng)的二級指標(表格中“*”)后,結(jié)合產(chǎn)品特性,我們對指標進行了細化。版面設(shè)計的顯示舒適度通常可以從視覺績效(即可用性)和視覺主觀偏好(即美觀性)兩個角度進行評估。根據(jù)以往研究發(fā)現(xiàn),兩者顯著相關(guān),主觀偏好評分較高的往往辨識績效較佳。這一點也可以從影響視覺績效的元素與設(shè)計元素的關(guān)聯(lián)性中得到驗證。

不同版式設(shè)計在一定文章長度內(nèi)對視覺績效產(chǎn)生的影響是比較有限的(用戶保持高度注意力集中的情況下,任務(wù)完成的準確性和時間差異不會很大),但卻可以通過視覺疲勞表現(xiàn)出來(也是用戶注意力高度集中之后的一種體現(xiàn))。在視覺疲勞的相關(guān)研究中,主要有以下結(jié)論:

A.文本與背景的亮度對比
當白色背景遇到黑色文字時,提高了文字的反射率,從而容易被注意理解,但色差較大,長久注視會產(chǎn)生疲勞感,相對注視時間短。

用戶偏好正極性(文本為深色,背景為淺色),但實際上負極性(文本為淺色,背景為深色)更不易疲勞。

B.文字最小可接受的視角
通常由字號大小與閱讀視距決定,實驗室測量方法如下圖所示。在電子書閱讀測試中,針對接近正方形的中文字(即,字高等于字寬),一般可接受最小視距為30cm以上,適當視距為50cm。青年組(20-35歲)“字高”至少為4.8mm(24pt),中年組(36-50歲)至少為5.14mm(25pt)。當固定近似正方形中文字體的字高4.85 mm與行距3 mm,字元間距為0.61 mm 或1.21 mm會有較好的績效,而且也不會增加視覺疲勞[2]。
移動端以純文本閱讀為主的Web設(shè)計有哪些要點

綜上所述,在確定字體的情況下,字色、背景、字號、字距、行距是影響視覺績效的主要因素。此外,屏幕亮度,屏幕尺寸,屏幕分辨率,環(huán)境光線,閱讀視距,用戶年齡,文本長度,閱讀目的等都會對用戶的閱讀體驗產(chǎn)生影響,我們將在研究中進行控制。

視覺主觀偏好可以通過清晰度、美觀性、視覺舒適性三個指標進行綜合評價。

 
2 研究方法與展望
2.1 研究范式

本研究主要分兩個部分進行,第一部分為主觀調(diào)試,如下圖所示,請用戶在電腦上調(diào)節(jié)研究相關(guān)的參數(shù)值,參數(shù)所對應(yīng)的視覺效果會同步顯示在手機上,用戶需要調(diào)節(jié)出自己最舒適的視覺感受。
移動端以純文本閱讀為主的Web設(shè)計有哪些要點

移動端以純文本閱讀為主的Web設(shè)計有哪些要點

2.2 變量控制
本研究采用2*2被試內(nèi)設(shè)計,自變量為閱讀視距(水平1:習慣視距,水平2:適當視距-50cm)與手機機型(水平1:iPhone6,水平2:iPhone6plus),各測試通過ABBA平衡順序效應(yīng),每完成一個測試進行主觀反饋,并休息5分鐘,再進行下一個測試。

采用統(tǒng)一的環(huán)境光線,及iPhone自適應(yīng)的屏幕亮度,用戶年齡從14-35歲,每篇文章的長度,錯別字分布都相對均衡,要求用戶在校訂測驗中保持固定的視距,盡可能快和多的找到錯別字寫在紙上。

2.3 小結(jié)與研究展望
本研究在設(shè)計師選定的幾種字體下,對用戶主觀偏好的閱讀體驗進行了視覺績效的測量,用以確定字色、背景、字號、字距、行距等設(shè)計元素的參數(shù)值?;仡櫛疚难芯拷Y(jié)果可以發(fā)現(xiàn),用戶在手機閱讀中的視距要比電子書閱讀視距更近,平均視距30cm,近一半用戶視距在10-30cm之間。屏幕大小、視距、年齡對字號、行距、背景、字色等參數(shù)均有不同程度的影響。另外,字體在其中起了非常重要的作用(如,蘭亭正文36-38pt,漢儀正文34-36pt),不同的字體在不同視距等因素的影響下,會得到不同的結(jié)果參數(shù),詳見后續(xù)視覺同學的分享文章。

字體服務(wù)于文本閱讀。不論是為閱讀設(shè)計而選擇字體的設(shè)計師,還是因文本閱讀而反復注視字體的讀者,都會在有意或無意間,逐漸形成自己關(guān)于字體及文字排版的評價標準。所以通常我們會認為存在人群普遍的視覺認知心理,以及專業(yè)設(shè)計師通過長期工作經(jīng)驗所獲得的綜合評估能力,兩者之間可能是有差異的,如不同的個體對不同的字體偏好是不同的,對美觀性與可用性之間分配的權(quán)重是不同的。

在運用字體時,設(shè)計師需要根據(jù)設(shè)計需求選擇合適的字體,設(shè)定相應(yīng)的字號、字距、行距、字色等,契合成本要求,以獲得最優(yōu)的視覺效果,這個過程就會涉及到美觀性與可用性之間的平衡。當字體使用場景復雜,面對的用戶差異大的時候,這種平衡就顯得尤為重要。

因此,未來的研究可以有兩個方向:

一、從字體研究出發(fā),在不同的使用場景下,獲得用戶的普遍視覺認知心理;

二、從移動閱讀績效出發(fā),對指標體系的其他方面進行評價與優(yōu)化。

到此,相信大家對“移動端以純文本閱讀為主的Web設(shè)計有哪些要點”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)建站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學習!

當前名稱:移動端以純文本閱讀為主的Web設(shè)計有哪些要點-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://bm7419.com/article4/dsdhie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計公司網(wǎng)站設(shè)計、網(wǎng)站營銷、服務(wù)器托管網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司