App的六種信息表現(xiàn)形式

絕大多數(shù)移動(dòng)應(yīng)用都是針對(duì)瀏覽信息的需求街佑,無(wú)論是閱讀新聞谢翎、讀文章、看視頻沐旨、聽(tīng)音樂(lè)森逮、刷社交軟件、查看電子郵件磁携、購(gòu)物等等褒侧。

受移動(dòng)端尺寸的限制,在移動(dòng)端瀏覽和選擇遠(yuǎn)比輸入來(lái)的方便谊迄,所以在移動(dòng)端用于瀏覽的內(nèi)容視圖樣式比web更為豐富闷供。

列表

列表視圖可以說(shuō)是移動(dòng)應(yīng)用中最常見(jiàn)的組織內(nèi)容的方式。你打開(kāi)每個(gè)應(yīng)用幾乎都能找到列表形式的內(nèi)容展示统诺。一條列表里可以是純文字形式(信息展示界面)歪脏;圖標(biāo)加文字(設(shè)置界面、聯(lián)系人)篙议;也可以是圖片加標(biāo)題的形式(常見(jiàn)于對(duì)話列表唾糯、新聞資訊怠硼、商品展示等)鬼贱。

點(diǎn)擊列表會(huì)進(jìn)入列表詳情頁(yè),長(zhǎng)按或者左右滑動(dòng)會(huì)呼出操作選項(xiàng)香璃,例如淘寶商品列表長(zhǎng)按會(huì)呼出找同款这难、找相似、收藏的操作葡秒,微信聊天列表左劃會(huì)呼出標(biāo)記和擅長(zhǎng)的操作姻乓。上下滑動(dòng)可以瀏覽更多列表嵌溢,并且現(xiàn)在很多應(yīng)用加入了無(wú)限滾動(dòng),即滑動(dòng)到列表底部應(yīng)用會(huì)自動(dòng)加載更多內(nèi)容蹋岩,這里要注意赖草,加載更多內(nèi)容的時(shí)間不易過(guò)長(zhǎng),通常不超過(guò)一秒剪个,不然會(huì)影響用戶體驗(yàn)秧骑。

網(wǎng)格

網(wǎng)格多用于展示圖標(biāo)或者圖片,常見(jiàn)于相冊(cè)扣囊、音樂(lè)專輯展示乎折、視頻縮略圖等。iPhone的主畫(huà)面就是采用了網(wǎng)格的樣式侵歇,左右滑動(dòng)切換頁(yè)面骂澄。

輪播圖

輪播圖這種形式能夠抓住用戶視覺(jué)焦點(diǎn),所以會(huì)用來(lái)充當(dāng)廣告位惕虑、營(yíng)銷活動(dòng)入口或者重要信息展示坟冲。多放于應(yīng)用首頁(yè)首屏的位置,數(shù)量在2到5個(gè)之間溃蔫,過(guò)多的圖片會(huì)影響信息展示和點(diǎn)擊的效果樱衷。輪播圖可以自動(dòng)輪播,也可以用戶通過(guò)左右滑動(dòng)切換酒唉,并且會(huì)在輪播圖下方加上一個(gè)頁(yè)標(biāo)用來(lái)指示當(dāng)前展示的是第幾張輪播圖矩桂。

泳道

App Store就采用了泳道的形式,泳道很好的平衡了輪播圖的自然瀏覽頻率與信息密度痪伦。垂直方向展示了不同分類的內(nèi)容侄榴,水平滑動(dòng)可以查看某一個(gè)類型的具體內(nèi)容。

卡片

隨著扁平化風(fēng)格的流行网沾,卡片這種形式越來(lái)越深得移動(dòng)端產(chǎn)品的喜愛(ài)癞蚕。卡片作為一種信息承載和展示的形式辉哥,能夠封裝一張或多張圖片桦山、不同層級(jí)的文字、若干個(gè)操作按鈕醋旦,所以卡片廣泛被UI設(shè)計(jì)師永愛(ài)創(chuàng)建和編輯富媒體內(nèi)容恒水。

和列表視圖一樣,隨便打開(kāi)一個(gè)移動(dòng)端應(yīng)用饲齐,你幾乎都能找到卡片這種形式钉凌。

圖文

純圖片形式多見(jiàn)于圖片社交類應(yīng)用。

純文本形式常見(jiàn)于內(nèi)容類App捂人。

更多的詳細(xì)信息是圖文并茂的形式御雕,例如微信公眾號(hào)的文章矢沿。

一個(gè)移動(dòng)端應(yīng)用根本目的是為了達(dá)成商業(yè)目標(biāo)(一般來(lái)說(shuō)都是掙錢(qián)),而友好的實(shí)現(xiàn)用戶目標(biāo)是達(dá)成商業(yè)目標(biāo)的前提酸纲。熟悉移動(dòng)端信息展示的各種不同樣式捣鲸,能夠幫助交互設(shè)計(jì)師和UI設(shè)計(jì)師根據(jù)產(chǎn)品的不同任務(wù)來(lái)選擇恰當(dāng)?shù)恼故拘问剑瑥亩岣哂脩趔w驗(yàn)闽坡,幫助用戶更好的完成用戶目標(biāo)摄狱。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市无午,隨后出現(xiàn)的幾起案子媒役,更是在濱河造成了極大的恐慌,老刑警劉巖宪迟,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件酣衷,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡次泽,警方通過(guò)查閱死者的電腦和手機(jī)穿仪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)意荤,“玉大人啊片,你說(shuō)我怎么就攤上這事【料瘢” “怎么了紫谷?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)捐寥。 經(jīng)常有香客問(wèn)我笤昨,道長(zhǎng),這世上最難降的妖魔是什么握恳? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任瞒窒,我火速辦了婚禮,結(jié)果婚禮上乡洼,老公的妹妹穿的比我還像新娘崇裁。我一直安慰自己,他們只是感情好束昵,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布拔稳。 她就那樣靜靜地躺著,像睡著了一般妻怎。 火紅的嫁衣襯著肌膚如雪壳炎。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天逼侦,我揣著相機(jī)與錄音匿辩,去河邊找鬼。 笑死榛丢,一個(gè)胖子當(dāng)著我的面吹牛铲球,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晰赞,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼稼病,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了掖鱼?” 一聲冷哼從身側(cè)響起然走,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎戏挡,沒(méi)想到半個(gè)月后芍瑞,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡褐墅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年拆檬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片妥凳。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡竟贯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逝钥,到底是詐尸還是另有隱情屑那,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布艘款,位于F島的核電站齐莲,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏磷箕。R本人自食惡果不足惜选酗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岳枷。 院中可真熱鬧芒填,春花似錦、人聲如沸空繁。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)盛泡。三九已至闷祥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背凯砍。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工箱硕, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人悟衩。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓剧罩,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親座泳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子惠昔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

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

  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點(diǎn)贊按鈕進(jìn)度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 46,729評(píng)論 22 665
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,789評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件挑势、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評(píng)論 4 62
  • 先介紹下背景镇防,公司原來(lái)屬于那種做軟件外包的,需要常年在項(xiàng)目組出差潮饱,公司會(huì)在靠近辦公場(chǎng)地的地方租房子来氧,美其名目照顧員...
    snow_hah閱讀 178評(píng)論 0 0
  • 最近學(xué)游泳,最發(fā)愁的問(wèn)題就是我的平衡力饼齿。 練習(xí)漂浮的時(shí)候饲漾,我很難掌握平衡缕溉,教練教我要放松考传,可是我就是覺(jué)得肌肉繃的太...
    雪色茉莉閱讀 653評(píng)論 3 5