亚洲老熟女与小伙bbwtv_91.com在线_久久国产精品久久久_少妇又爽又刺激视频_女同久久另类99精品国产_亚洲一区二区不卡免费

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

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

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

關(guān)于列表式導(dǎo)航,相信大家都了解不少,因為它基本存在于所有的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.ahjlmy.com.cn/storage/uploads/20181203/74df5dc6bfa20a33bff8577921afbad6.png


這類列表導(dǎo)航一般來說只顯示標(biāo)題或標(biāo)題加圖片,然后加一點(diǎn)其他細(xì)節(jié)信息,唯獨(dú)沒有內(nèi)頁的內(nèi)容。
這樣做其實有兩點(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.ahjlmy.com.cn/storage/uploads/20181203/47c0b0830cdb70d965195d5b07d826cc.png


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


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


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


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


不知道大家有沒有注意到一個細(xì)節(jié),就是目前舉的所有關(guān)于列表導(dǎo)航的例子都是依附于標(biāo)簽導(dǎo)航之上的。前面我就說過現(xiàn)在以列表形式作為主導(dǎo)航的產(chǎn)品是越來越少,因為確實它不是一個好的主要展示形式。
而在二次層級上,它們還會將列表分模塊進(jìn)行展示,如“新消息通知、隱私、通用”是一組,“幫助與反饋、關(guān)于微信”又是一組。雖然你能看到,但是不仔細(xì)觀察就不會發(fā)現(xiàn)其中的要點(diǎn)。只要善用這個細(xì)節(jié),可以更好的加以區(qū)分次要功能,并提升用戶體驗度。
總結(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)行有序的排列,不要隨意擺放,否則體驗反而不好。


標(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)品的用戶體驗
400 0791 158
主站蜘蛛池模板: 无码精品每日更新精品久久久 | 狠狠干影院樱桃视频整合全网影视: | 正在播放国产第九十二 | 最新av免费在线 | 国产精品一 | 黄色一级a毛片 | 国产福利姬喷水福利在线观看 | 精品国产91aⅴ一区二区三区 | 日韩亚洲av无码一区二区三区 | 欧美一级黄色录像片 | 国产精品一七六九在线是免费 | 国产第一视频一区二区三区 | 91精品国产综合久久久密臀九色 | 未成年人在线观看 | 蜜臀亚洲AV无码之国产精品 | 视频精品一区二区 | 精品免费国产一区二区三区四区介绍 | 久热精品视频第一页 | 影音先锋AV成人资源站在线播放 | 成人国产在线 | 国产丝袜91久久久久久久久久久 | 国产精品视频二区不卡 | 99久久久国产精品免费调教sp | 欧美亚洲综合视频 | 91精品国产91久久久久久不卞 | 成年人二级毛片 | 亚洲精品乱码久久久久久蜜桃麻豆 | 91性高潮久久久久久久 | 日韩五码在线观看 | 欧美中文字幕一区二区三区亚洲 | 亚洲美女一级毛片 | 无码精品一区二区三区在线 | 99色在线观看 | 亚洲视频日韩 | 精品国产区一区二区三区在线观看 | 精品国产乱码久久久久禁果 | 国产无遮挡免费真人视频在线 | 女同免费观看码 | 日本一级淫片a免费播放 | 2018日韩中文字幕 | 欧美日本国产在线a观 |