a级毛片免费全部播放-a级毛片免费观看在线播放-a级毛片免费观看网站-a级毛片免费看-国产成人精品在视频-国产成人精品在线

歡迎來到培訓無憂網!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網 > 新聞資訊 > 電腦/IT > UI設計 >  你也會遇到的 UI 設計問題!

你也會遇到的 UI 設計問題!

來源:m.dedgn.cn 發布人:彭二胖

2021-12-30 20:54:03|已瀏覽:196次

什么是信息流?

信息流設計十分常見,我們日常使用的應用或網頁都能見到它的身影。
信息流有廣義和狹義兩種。廣義指在空間和時間上向同一方向運動過程中的一組信息,它們有共同的信息源和信息的接收者,即由一個信息源向另一個單位傳遞的全部信息的集合。狹義指信息的傳遞運動,這種傳遞運動是在現代信息技術研究、發展、應用的條件中,信息按照一定要求通過一定渠道進行的。

用大白話說,所謂信息流就是信息像河流一樣從信息的源頭流出,分布到全世界的各種終端設備。

信息流有哪些分類?

從信息流的表現形式來分有:瀑布式、列表式、動態卡片式、全屏式。以上的信息流的展現形式只是作為信息的載體,那么信息的內容屬性又包含哪些呢?根據不同的產品定位、使用場景,針對信息的側重點,將其內容與展現形式進行組合,產生出符合業務需求以及用戶體驗的效果。

經常有聽到所謂的Feed流,實際上并不能稱為一種表現形式,feed是一種給用戶持續提供內容的數據形式,是由多個內容提供源組成的資源聚合器,由用戶主動訂閱消息源并且向用戶提供內容

接下來將逐步對瀑布流、列表流、動態卡片流、全屏流的定義、形式特征、優缺點進行分析解讀。

瀑布流

什么是瀑布流瀑布流是“瀑布流式布局”的簡稱,專業的英文名稱為Masonry Layouts。因滑動時會像瀑布一樣“飛流直下”“源源不斷”,故而得名。是一種以圖片信息為主導的頁面布局形式,視覺表現為參差不齊的多欄布局,側重圖片展示,以圖片或視頻(主)+文字(輔)形式出現,最早是由Pinterest首先運用。

瀑布流的優點

1.瀑布流給用戶琳瑯滿目的視覺體驗,其主要特性便是錯落有致,定寬而不定高的設計讓頁面區別于傳統矩陣布局模式,巧妙的利用視覺層級,視線的任意流動又緩解了視覺疲勞。

2.瀑布流使用懶加載的方式不間斷的加載信息展現給用戶,滑動的時候會不停的出現新的東西,通過給出不完整的視覺圖片去吸引你的好奇心,讓你停不下來想要不斷的向下探索,適合用戶目的性不強,隨意瀏覽的場景。采用這種方案的產品,往往可以通過瀑布流加強用戶的停留時間,提高用戶的使用粘度。

從體驗的心理講,女性是一種逛街數小時都不需要停歇的生物,一眼望不到頭的瀑布流契合了這種心理。瀑布流的圖片就像商品,就像逛街、就像掃貨。女性只要不斷往下拉伸頁面,就像置身在一條沒有盡頭的購物街,沒有層高限制的商場中一樣。傳統布局中的下一頁就是打斷,好比男朋友輕聲在耳邊說了句:休息一下吧,我累了……結果不言而喻~
瀑布流的缺點

1.從用戶層面上來說,瀑布流容易造成用戶不清楚目前所在的位置,當希望需要進行回溯操作,例如,在電商網站當中,用戶時常需要在商品列表與詳情頁面之間切換,這種情況下,傳統的、帶有頁碼導航的方式可以幫助用戶更穩妥和準確的回到某個特定的列表頁面當中。

2.通常瀑布流適合呈現圖片或視頻為主,文字為輔的信息,因此當信息需要呈現詳細的文字時,就不太適用了。

例如當在淘寶搜索關不同類目的時候會呈現不同的信息流形式,比如搜索服飾的時候會呈現瀑布流,搜索數碼產品的時候會以列表流的形式出現。這是因為服飾商品更側重圖片的視覺效果沖擊,數碼產品更側重參數的對比,當然現在也會同時提供2種閱讀方案的切換功能提供給用戶自主選擇。

列表流

什么是列表流顧名思義,列表式設計就是通過列表的形式將信息排版呈現,通常出現在以文字為主,圖片為輔的場景。常見于新聞、閱讀、聊天類APP。呈現形式上可以細分成3種,左圖右文,左文右圖,上文下圖
列表流的優點

1.列表流加載速度快,單一頁面呈現數量多,密度大。2.視覺上排版整齊,方便用戶進行信息瀏覽、對比、查找定位。例如上文的提到的電商平臺通常會在數碼產品的類目使用列表流的形式。3.當(橫向與豎向)信息較多時,列表視圖可以提供一種概覽性的方案來呈現,也可以快速掃描。4.列表視圖可以承載豐富的過濾與檢索功能,滿足復雜的用戶搜索場景。5.當用戶需要批量選擇操作時,列表視圖提供了便捷的交互方式。

列表流的缺點

1.針對單條信息,呈現效果不夠豐富,對于圖片的展示效果不佳,更著重展示文字信息2.由于單一頁面信息密度大,同級內容過多時,用戶瀏覽容易產生視覺疲勞

動態卡片流

什么是動態卡片流卡片流實際上就是一種高級版本的列表流,其展示的內容更加豐富,通常包含的信息元素有:頭像/圖片、名稱、文字內容、標簽/話題、贊評轉、時間等。具備極強的拓展性,更注重交互的引導。
動態卡片流的優點

1.卡片流展示的內容更豐富,經常會伴隨圖片,屏占比較大,用戶的閱讀體驗更好,幫助用戶快速聚焦。2.視覺上便于將信息組合成區塊,增加可讀性,增加瀏覽識別度。3.卡片式可以拓展更多交互行為,可以有更多操作,如點贊、收藏、評論等。4.打破傳統列表狀態下只能縱向滾動,可以實現橫行卷動,空間利用的方式會得到極大的拓展。

動態卡片流的缺點1.由于單個動態卡片占用的屏幕空間較大,單個屏幕最多呈現3-4個卡片,信息呈現效率偏低。2.同時動態卡片并不適合用戶需要進行、對比、查找定位的場景。

全屏流

什么是沉浸流

所謂沉浸流,就是將單個信息詳情,通過圖文或者視頻的形式直接展現在信息流中,常見的如抖音類的短視頻產品、一個、潮汐等。
  全屏式的優點

1. 顧名思義,全屏式核心就是希望將信息的內容盡量最大化展現給用戶,聚焦度高,降低用戶使用成本:向下滑動就能快速切換內容,伴隨用戶無意識行為的加強,沉浸度越來越高,這也是抖音的成癮機制。

2. 便于展示信息流廣告:大屏幕展示能增加信息流廣告曝光度,也更容易吸引用戶進行點擊瀏覽。

全屏式的缺點
    1.降低內容多樣性:同一個頁面僅僅只有一個視頻內容展示,不利于內容多元化展示。

2.用戶只能通過上下滾動進行視頻切換的操作,不便于信息的回溯查找、定位、對比。

總結

以上各種信息樣式各有優劣,都應該依據具體的業務需求、場景、用戶群進行選擇,沒有最好的方案,只有最合適的方案。喜歡記得收藏并轉發,以備需要之日調用。

本文由培訓無憂網長沙牛耳教育課程顧問老師整理發布,希望能夠對想參加長沙UI設計培訓的學生有所幫助。更多課程信息可關注培訓無憂網電腦IT培訓或添加老師微信:15033336050

 

      注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-11349.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規劃更適合你的專業課程!
  • 姓名:

  • 手機:

  • 地區:

  • 想學什么:

  • 培訓無憂網
免 費 申 請 試 聽
提交申請,《培訓無憂網》課程顧問老師會一對一幫助你規劃更適合你的專業課程!

主站蜘蛛池模板: 国产成人精品一区二三区在线观看 | 涩里番资源网站在线观看 | 51久久夜色精品国产 | 91精品国产乱码久久久久久 | 日本aaaa级毛片在线看 | 台湾香港澳门三级在线 | 国产一级做a爱片久久毛片a | 大片毛片女女女女女女女 | 一级高清毛片免费a级高清毛片 | 丁香狠狠色婷婷久久综合 | 亚洲欧洲国产精品 | 国产一区视频在线 | 一级免费 | 特级毛片全部免费播放器 | 久久久亚洲精品蜜桃臀 | 国产v片在线播放免费观 | 成人满18在线观看网站免费 | 日韩毛片久久91 | 欧美特黄一级高清免费的香蕉 | 国产在线爱做人成小视频 | 久在线| 国产a国产片国产 | 免费黄色成人 | 亚洲欧美日本韩国综合在线观看 | 一级欧美毛片成人 | 国产一级免费 | 亚洲精品日韩中文字幕久久久 | 亚洲精品国产精品精 | 玖玖精品 | 欧美午夜网 | 久久免费视频观看 | 欧美在线亚洲国产免m观看 欧美在线一级精品 | 暖暖在线精品日本中文 | 成人免费看黄 | 国产成人精品微拍视频 | 久久久久久久国产精品毛片 | 可以免费观看欧美一级毛片 | 久久高清一区二区三区 | a网在线| 天天欲色成人综合网站 | 久久手机在线视频 |