APP框架之八閱讀相關(guān)

這兩天在做雙語閱讀的模塊,感覺前面想的還是有點不夠完全,在雙語閱讀,比如說扇貝新聞,扇貝讀書,滴答雙語,愛洋蔥這類的閱讀界面,還是很有差別,尤其在操作和配套功能上。等做完手上的這個工作,再把雙語閱讀獨立出來,還有資訊類閱讀做兩個框架分析。

描述:用戶選擇感興趣的內(nèi)容(資訊,文章,書籍)進行閱讀,并進行一定的操作(評論,筆記等),并做一些個性化的設(shè)置
上下文情境:用戶依據(jù)一定的標準選擇進入閱讀頁面;而在完成后可能會做一些評論,收藏,和筆記等。
任務(wù)流程:用戶進入閱讀,查看內(nèi)容,進行操作,退出,選擇其他的內(nèi)容。
構(gòu)成元素:閱讀前的列表框架,閱讀中的視圖,針對內(nèi)容的設(shè)置,針對內(nèi)容的操作,分享框架
設(shè)計標準:要適合每個人的閱讀習(xí)慣,內(nèi)容可以清晰查看,相關(guān)功能操作比較簡便且易懂,可以考慮模擬現(xiàn)實閱讀的場景帶來愉悅的閱讀體驗,引導(dǎo)用戶進入閱讀流的狀態(tài)
案例:
扇貝讀書
掌閱
多看閱讀
網(wǎng)易云閱讀
百度讀書
書旗
當當讀書
愛讀掌閱
讀書巴士
書旗小說
qq閱讀

扇貝:

扇貝

掌閱:

掌閱

多看:

多看

QQ閱讀:

QQ閱讀

當當閱讀:

當當閱讀

現(xiàn)在閱讀app現(xiàn)在心都很大,只要跟文字相關(guān)(資訊,小說,出版,視頻,圖片)都覺得可以往里面放,只要是功能大家都覺得能往里堆。讓用戶的學(xué)習(xí)曲線越來越長,各種隱藏的手勢,設(shè)置。功能多了,就八仙過海,各種方法都登場了。隱藏,分組,擬物,引導(dǎo),手勢等等,不一而全。整體看了幾個app,主要關(guān)注書籍的閱讀框架,提煉幾個閱讀的核心元素,和一些注意點。

核心元素:界面
1字體
既然作為閱讀類軟件,字體(大小,比例,間距,對齊)影響很大,這是和用戶接觸時間最長的頁面,再怎么重視也不過分。
并且考慮到每個用戶的手機屏幕,閱讀習(xí)慣等等,對字體的設(shè)置一般是放在比較顯眼的位置
考慮到閱讀的長時間,默認的字體可以與系統(tǒng)字體不同,自行選擇一個默認的大小
2背景
這是現(xiàn)在app的標配,注意下顏色柔和,要和字體的顏色適配
淺底黑字現(xiàn)在是比較常見的方式
3亮度
必備,并且在快捷設(shè)置中可以和系統(tǒng)亮度結(jié)合,并可以結(jié)合系統(tǒng)自適應(yīng)等
注意環(huán)境光與屏幕光的亮度對比會影響到人眼閱讀內(nèi)容的舒適性。在環(huán)境光低照度下,屏幕亮度過亮,長時間閱讀會損失實力;而在環(huán)境光照度很高,屏幕亮度過低的情況下,用戶會看不清屏幕內(nèi)容;另外用戶可能會在躺在床上,黑暗的情況下進行閱讀,亮度較高時會很容易疲勞。
4排版
書籍類一般注意幾個,頂端空格,字間距,段內(nèi)行距和段間行距這幾個點,但也有用戶個性相關(guān),可以在非常用設(shè)置中進行設(shè)置
5全屏
進入閱讀界面后,用戶的視覺注意會集中在內(nèi)容上,需要優(yōu)先突出用戶需要的信息(書籍內(nèi)容)簡化界面的導(dǎo)航,一般會隱藏掉系統(tǒng)狀態(tài)欄和導(dǎo)航欄,并保留一些系統(tǒng)信息(用戶可能回關(guān)注的一些信息),如電量,時間(但會弱化)和一些導(dǎo)航信息如書籍名稱,章節(jié),還有閱讀進度等。只是在恰當?shù)臅r候,可以讓用戶呼出導(dǎo)航即可。
這樣的主要好處是給用戶提供一種“流”的體驗,長時間閱讀而不受其他信息的干擾。同時輔助以合適的操作流和視覺流。
即使現(xiàn)在這種全屏形式已經(jīng)比較常見,在用戶第一次進入閱讀界面時,最好還是對手勢操作進行引導(dǎo)。一些手勢操作和隱藏設(shè)置可以配合用戶場景進行引導(dǎo)。

界面

核心元素:導(dǎo)航
1全屏隱藏導(dǎo)航后,需要對應(yīng)的導(dǎo)航喚出操作。比較常見的是點擊中間喚出,在英語類閱讀中常見是點擊空白喚出,其他一般是下滑手勢或點擊空白喚出,
即使現(xiàn)在這種隱藏導(dǎo)航形式已經(jīng)比較常見,在用戶第一次進入閱讀界面時,最好還是對手勢操作進行引導(dǎo)。一些手勢操作和隱藏設(shè)置可以配合用戶場景進行引導(dǎo)。
ps.經(jīng)常有些app要獨辟蹊徑,想一些想當然的導(dǎo)航方式,讓我找不到導(dǎo)航,全屏點擊嘗試,左右滑動,上下拉動,都找不到的也是很愁人一件事。用戶習(xí)慣在那,沒有足夠的理由千萬不要挑戰(zhàn)!而挑戰(zhàn)的前提是沒有合適的已有方式,不要為了創(chuàng)(zuo)新(nie)而作死。最后對新元素新交互進行充分的用戶測試!
2翻頁方式不少,上下,左右,擬物,做得好是一個驚喜
這里也有一個對應(yīng)自動翻頁的功能
一般都會幾種模式以備挑選,但感覺其實沒影響那么大,可能是與閱讀時間較長,相應(yīng)的姿勢比較多的關(guān)系~
不同翻頁方式也與不同的用戶習(xí)慣相關(guān)。

核心元素:操作
1常見操作一般與導(dǎo)航一起喚出
2一般操作包括
1)日夜模式
2)目錄(或補充章節(jié),百分比跳轉(zhuǎn))
核心元素:常用設(shè)置
在閱讀軟件中,因為長時間的閱讀和一些特殊場景,一些設(shè)置需要供用戶快速設(shè)置一些個性參數(shù)。要讓用戶感到自在,對界面有控制力,對設(shè)置的更改要實時體現(xiàn)在界面上,供用戶調(diào)整。但可調(diào)整的常用設(shè)置項不要太多,要克制。
注意對用戶的設(shè)置進行保存和記錄,并可記錄一些習(xí)慣
1亮度設(shè)置
亮度操作一般比較醒目并可以和系統(tǒng)自帶亮度調(diào)節(jié)結(jié)合
2字體設(shè)置
字體設(shè)置,一般不需要給用戶過多的選擇,小中大,是比較常見的類型,或者在原來的基礎(chǔ)進行加減。我建議,設(shè)置3-5個梯度,供用戶選擇,并以可視化的形式給用戶指引。
另外在考慮設(shè)置的功能是否作為常用操作快速喚出,可以利用FIT法則進行選擇
F-頻率,I-重要性,T-典型(場景)

操作

輔助元素:
社交:
1)分享
分享的內(nèi)容一般包括書籍名稱和介紹,分享的渠道現(xiàn)在一般包括,微信,微博,qq等
在分享時注意各個平臺的分享要求,如字數(shù)等(以后可以做一個分享框架專門整理下)
2)評論
書籍類的評論大都會有一定的評論需求,讓用戶可以抒發(fā)一些想法,并產(chǎn)生一些專屬于此app的特色內(nèi)容。在此基礎(chǔ)上,基于擴充信息可以進行互動,并產(chǎn)生一定的粘度。

輔助

內(nèi)容操作
3)書簽
記錄閱讀進度,需要有配套的查看頁面,一般有一些快捷方式,如下拉書簽
這個功能更多的來源于線下,看到什么地方,夾一個書簽
4)標記
跟內(nèi)容直接相關(guān) ,一般的操作是長按出現(xiàn)標記,包括,下劃線,筆記,復(fù)制,分享,詞典,百度等
對文本內(nèi)容的一些操作,感覺與書簽類似都是從線下的實際使用中延伸過來,并和手機的一些特質(zhì)結(jié)合
5)搜索
對全文內(nèi)容進行搜索,雖然不是很重要的功能,但也是一個常見的功能

更多設(shè)置
1一些非常用設(shè)置,但一些個性化的設(shè)置,但注意默認設(shè)置滿足大部分用戶的需求避免要求用戶設(shè)置信息。關(guān)注80%用戶的需求,盡可能通過其他方式獲取設(shè)置信息
2設(shè)置可以是塞東西的好地方,用戶的一些需求都可以往里放,也不用太管。就會容易隨機排列而忽略亂象。當真有需要的用戶進來就會找不到需要的東西。設(shè)置越多,選擇越多,就會削弱整體的感官和每個設(shè)置的作用。對于每個添加到更多設(shè)置里的控制,符合條件(1是否是用戶的一種偏好,2用戶是否不需要經(jīng)常改,3是否默認設(shè)置已經(jīng)滿足大部分用戶需求)
3對于閱讀設(shè)置的類別不少,一般包括,顯示信息,操作設(shè)置,個性化設(shè)置,休息提醒等等。面對那么多的功能合適的功能分類,優(yōu)先劃分非常重要,可以學(xué)習(xí)iOS的設(shè)置(但現(xiàn)在也越來越重),有些功能要適當刪除或者提前,參考2中的條件~
4對每個設(shè)置項給出一個清晰妥當?shù)臉祟},以及合適的副標題

更多設(shè)置

一些相關(guān)框架不在這邊進行多說,比如說,書籍的管理框架,書籍的推薦,書籍的分類等,但這個不專屬于閱讀,可以以后再進行綜合闡述

一些相關(guān)的文章書籍
1安卓設(shè)計4.1
2移動設(shè)計

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內(nèi)容