日本a优视频_日韩福利片_美女如厕bbb毛片免费视频_av网站不卡_91精品啪在线观看国产日本_天天天干夜夜夜操

新聞動態(tài)
簽約信息
公司信息
行業(yè)資訊

關(guān)于APP設(shè)計——列表式導(dǎo)航設(shè)計的三種表現(xiàn)形式

 發(fā)布時間:2018-12-03     瀏覽次數(shù):2.6k     作者:斑驢互聯(lián)

關(guān)于列表式導(dǎo)航,相信大家都了解不少,因?yàn)樗敬嬖谟谒械?/span>APP中(除了部分工具類應(yīng)用)。不過它現(xiàn)在更多的是用在二次或多次層級上,很少有主層級用列表導(dǎo)航的了。簡單來說就是:列表是所有導(dǎo)航中能夠承載最多信息的一種模式。和標(biāo)簽式導(dǎo)航一樣,它不僅結(jié)構(gòu)清晰,更能方便用戶理解,有時候在層級的屬性上它更勝于標(biāo)簽式導(dǎo)航。今天小編就來跟大家講解一下列表式導(dǎo)航設(shè)計的三種主要表現(xiàn)形式:
1.標(biāo)題形式
相信大家聽到列表導(dǎo)航,腦海中馬上就會出現(xiàn)一系列的產(chǎn)品畫面。在有些產(chǎn)品中我們經(jīng)常會看到這樣的列表:有的只顯示一行文字,有的顯示一行文字加一張圖片等等。我稱這類導(dǎo)航為標(biāo)題形式的列表導(dǎo)航。


http://m.isiioe.cn/storage/uploads/20181203/74df5dc6bfa20a33bff8577921afbad6.png


這類列表導(dǎo)航一般來說只顯示標(biāo)題或標(biāo)題加圖片,然后加一點(diǎn)其他細(xì)節(jié)信息,唯獨(dú)沒有內(nèi)頁的內(nèi)容。
這樣做其實(shí)有兩點(diǎn)原因:減少頁面空間的占用;幫助用戶快速瀏覽。
但是這種方式存在一個弊端,就是會降低用戶的點(diǎn)擊率。下面來我用另一種形式來講解點(diǎn)擊率下降的原因。
2.內(nèi)容形式
有一類App,主要以內(nèi)容為主,它的層級很淺,所以在列表中就會體現(xiàn)出部分內(nèi)容信息,點(diǎn)擊進(jìn)去就是詳情,比如電商類產(chǎn)品。而內(nèi)容形式的列表更多的是用在這類產(chǎn)品中,因此我把它定義為內(nèi)容形式的列表導(dǎo)航。如下圖:


http://m.isiioe.cn/storage/uploads/20181203/47c0b0830cdb70d965195d5b07d826cc.png


這類列表能很好的展示部分產(chǎn)品信息,用戶能夠快速的進(jìn)行瀏覽,大致的了解這塊內(nèi)容是不是自己想要的。其實(shí)很多地方都有這種內(nèi)容形式的列表導(dǎo)航,只要平時在使用App的過程中要注意觀察,對它們進(jìn)行適當(dāng)?shù)目偨Y(jié),就會印象深刻了。
閱讀類產(chǎn)品也會用到這類形式的列表導(dǎo)航,如知乎:


http://m.isiioe.cn/storage/uploads/20181203/90a5a05db6fa4098ee7988ef039d2304.png


這類產(chǎn)品在使用時,會發(fā)現(xiàn)文字非常多,所以導(dǎo)致現(xiàn)在的人慢慢的因?yàn)闃?biāo)題不吸引人而忽略了不少好文章,所以顯示一些內(nèi)容在外面展示,還是很不錯的。至少可以幫助用戶快速的了解這篇文章或這個回答是要說什么,有興趣的話再進(jìn)入仔細(xì)查看。
這樣的設(shè)計不僅幫助用戶更好的了解相應(yīng)信息,更多的是設(shè)計師想讓用戶停留在頁面的時間更長。而不是隨意一刷就過了,因?yàn)榇_實(shí)如果沒有這些內(nèi)容,真正去點(diǎn)擊查看詳情的人會很少。你覺得這個體驗(yàn)如何呢?
其實(shí)除了這兩類之外還存在另外一種內(nèi)容形式的列表模式,但我不稱其為導(dǎo)航,大家可以去看看百度云管家或360管家的界面,就知道我說的是什么了。(學(xué)習(xí)要主動,不要啥都要我提供了才去了解哦)
3.嵌入形式
再來講講嵌入形式的列表導(dǎo)航,嵌入式其實(shí)就是由多個列表層級組合而成的導(dǎo)航。這類形式很少會用在主內(nèi)容上,因?yàn)閷蛹壎啵w驗(yàn)不好,用戶記不住哪條對應(yīng)哪條,使用起來就很不方便。但是它能很好的解決次要功能非常多的問題,所以有時候它也是一個不錯的選擇。在微信的設(shè)置中能看到類似的設(shè)計。


http://m.isiioe.cn/storage/uploads/20181203/1c0e82df7cda1f4853afab2f735b2d4a.png


不知道大家有沒有注意到一個細(xì)節(jié),就是目前舉的所有關(guān)于列表導(dǎo)航的例子都是依附于標(biāo)簽導(dǎo)航之上的。前面我就說過現(xiàn)在以列表形式作為主導(dǎo)航的產(chǎn)品是越來越少,因?yàn)榇_實(shí)它不是一個好的主要展示形式。
而在二次層級上,它們還會將列表分模塊進(jìn)行展示,如“新消息通知、隱私、通用”是一組,“幫助與反饋、關(guān)于微信”又是一組。雖然你能看到,但是不仔細(xì)觀察就不會發(fā)現(xiàn)其中的要點(diǎn)。只要善用這個細(xì)節(jié),可以更好的加以區(qū)分次要功能,并提升用戶體驗(yàn)度。
總結(jié)
列表導(dǎo)航存在一個弊端,就是空間問題,雖然可以設(shè)置滑動,但是一屏的瀏覽量才是最關(guān)鍵的。因此在設(shè)計的時候一定要把控好字體大小、展示信息、模塊等問題,千萬不要隨隨便便就動手隨便做了。
對于上述列表導(dǎo)航的三種不同表現(xiàn)形式,小編給大家提一些有針對性的建議:
1)標(biāo)題形式控制好寬度,把握空間占用率。有時候顯示太寬,一屏的數(shù)量就少了,而太窄的話,點(diǎn)擊會有誤操作。
2)內(nèi)容形式控制好字?jǐn)?shù),展示內(nèi)容頁的前面多少個字,或者加一個接口,重新編輯一段介紹作為展示。
3)嵌入形式理清功能框架,進(jìn)行有序的排列,不要隨意擺放,否則體驗(yàn)反而不好。


標(biāo)簽: 南昌網(wǎng)站建設(shè)公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯(lián)在南昌一直向著“做業(yè)內(nèi)一流互聯(lián)網(wǎng)設(shè)計團(tuán)隊”這一愿景努力,不斷提升對網(wǎng)站高端設(shè)計,微信公眾號/小程序開發(fā)等產(chǎn)品的用戶體驗(yàn)
400 0791 158
主站蜘蛛池模板: 国产成A人亚洲精V品无码樱花 | 一区二区黄色视频在线观看 | 久热中文在线 | 国产91国语对白在线 | 亚洲第一狼人伊人AV | 91在线看 | 美女极度色诱视频国产 | 欧美视频在线观看免费观 | 中文字幕在线观看免费视频 | 亚洲aaa级片 | av免播放器在线观看 | 国产人澡人澡澡澡人视频 | 我妈妈的朋友在线 | 九九热视频这里只有精品 | 国产最新毛片 | 日韩一级高清 | 国产精品v欧美精品 | 亚洲永久无码3D动漫一区 | 国产激情二区 | 日韩精品免费视频一区二区三区 | 不戴套干已婚少妇 | 亚洲无人区码一码二码三码四码 | 一本久道综合色婷婷五月 | 国产三区二区一区 | 亚洲欧美日韩在线不卡 | 国产精品一区二区三区免费观看 | 欧美国产日韩一区二区三区 | 51久久成人国产精品麻豆 | 99精品国产一区二区三区在线观看 | 久久久久国产一区二区三区 | 广州伊轩系列5国产精品 | 久久久人人人婷婷色东京热 | 色综合久久成人综合网五月 | japan21xxxxhd日本妞 | 国产一区二区三区欧美日韩 | 美日韩一二三区 | 日本黄色小视频在线观看 | 桃子视频在线观看免费视频网 | 久久精品久久精品久久精品 | 日韩久久久精品 | 久久久精品久久久久久 |