中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

結構化消息專為大屏而設計

2022-06-04    分類: 網(wǎng)站建設

隨著大屏幕高清分辨率的普及,我們在打游戲、看電影、瀏覽美圖時,總希望屏幕越大越好,這種視角上廣度與深度的享受以及和沉浸式、聚焦的體驗,是在小屏幕上完全給予不了的。
圖中可以看出5.5英寸以上屏幕可以稱Phablet,7英寸以上就是Tablet。這次案例以Tablet設備為主,Phablet設備為輔進行體驗設計。
在我們的社交平臺上,用戶消息在多個終端設備傳遞中,產(chǎn)品功能只是在原有基礎上簡單粗暴放大而已,那么大屏手機/平板電腦存在的價值化為烏有。
案例分析:這種結構化消息是目前國內(nèi)主流的一種設計形態(tài)。

探索痛點,明晰思路

1.以消息為主的結構化設計:

不論是資訊分享、音樂分享、視頻分享不以內(nèi)容區(qū)分而設計,都在一種載體內(nèi)呈現(xiàn),這種結構雖普適性強,可以兼容多元化的場景。但因設計形態(tài)統(tǒng)一,導致在內(nèi)容辨識度上也有所下降,內(nèi)容設計上沒有各自特點,用戶在瀏覽過程中容易忽略內(nèi)容本質。


2.信息內(nèi)容碎片化:
用戶可以獲取到更多信息,但因內(nèi)容平均分布,所以畫面不夠聚焦。我們可以把這些內(nèi)容信息看成點的組合,點的基本屬性是矚目性,能形成視覺的中心.當畫面中有3個以上的相同大小點時,畫面就會顯的凌亂。當畫面有不同面積的點時,較大點會引起人們的注意 ,依次會關注較小的點。
3.以標題文字為主進行快速瀏覽:
在瀏覽過程中用戶通常以抓取關鍵詞為主,快速吸引到下一級信息。而圖片在大部分情況下會有被縮小,裁剪,因圖片尺寸較小,從圖中獲取不到更多的信息。
在原圖中可以清晰的看到電視劇領銜主演的演員,這也是吸引用戶的關鍵因素之一。但被縮小裁剪后,必須借助文字才能獲取到關鍵信息。
這種以消息為主的結構化設計在iPhone7Plus設備顯示,相同信息可顯示約4-4.5條左右,有效提升屏幕利用率。但如果直接放大或拉伸到大屏幕中,這種設計體驗顯的蒼白無力,沒有充分體現(xiàn)大屏幕沉浸感、聚焦、畫面感的優(yōu)勢。

確立目標,內(nèi)容為本

1.以內(nèi)容為主進行設計:

用戶會更加關注內(nèi)容本身,不同的內(nèi)容采用不同圖片的尺寸和排版,有利于用戶快速區(qū)分和記憶。
2.以圖片為主進行快速瀏覽:
首先圖片消費已成為閱讀消費中的一個大類,比文字而言,圖片更直觀,更具有視覺沖擊力,也更能適應現(xiàn)代社會的快節(jié)奏。圖片對于文字的詮釋作用幫助個人加深文字理解和形象記憶,提高閱讀的有效性和趣味性。一張圖片勝千言萬語,可以有效傳達情緒,迅速和用戶建立起共鳴。
3.比例結構:
從布局結構上盡量保證原始的攝影圖片和視頻比例不被過度裁剪。Flickr的一組數(shù)據(jù)顯示,隨著iPhone很大程度上替代單反成為主流拍照設備,4:3和16:9的圖片數(shù)量占比追上了傳統(tǒng)攝影的3:2。而16:9更接近美學比例,黃金分割。
4.突顯內(nèi)容,降低信息密度:
使用負空間讓重要內(nèi)容吸引用戶的注意力。很多人都說設計師這樣會浪費屏幕的空間,但是留白本身就是設計的基本元素之一。這樣更專注內(nèi)容展現(xiàn),通過放大內(nèi)容,降低頁面信息密度,內(nèi)容讀取更加舒適。
方案場景應用:
用戶可以快速辨識出內(nèi)容類型,畫面有了聚焦元素,而不是滿屏的文字,界面賦予了感染力和活力。但如果用戶快速轉發(fā)了很多內(nèi)容時,在兼容小屏設備時,屏幕利用率會有所下降。在iPhone7Plus設備上,同樣大小的信息在一屏內(nèi)展示2-2.5條。用戶需要在縱向滑動多次才能抵達下一個信息類別。所以針對提高屏幕利用率上進行了方案2橫滑設計。
方案場景應用,引入橫滑設計
打破屏幕界限,減少跳轉,便于用戶獲得更多信息,在這個系統(tǒng)的基礎之上,構建跨平臺和超越設備尺寸的統(tǒng)一體驗。
總而言之不去追求那些奇異的事物,而是從人們所“共有的特征”來提取價值,用最自然最合適的方法來重新審視,重新設計。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)

標簽:網(wǎng)站開發(fā),高端網(wǎng)站建設,企業(yè)網(wǎng)站建設 

本文標題:結構化消息專為大屏而設計
地址分享:http://www.rwnh.cn/news1/163101.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站營銷標簽優(yōu)化、虛擬主機、域名注冊網(wǎng)站設計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設
深圳市| 涡阳县| 江达县| 金乡县| 武义县| 渭南市| 论坛| 烟台市| 凉城县| 岫岩| 古丈县| 红原县| 青浦区| 扎兰屯市| 苏尼特右旗| 桐城市| 军事| 三穗县| 长葛市| 湘乡市| 阳高县| 图片| 离岛区| 莲花县| 镇赉县| 浑源县| 格尔木市| 集安市| 读书| 云浮市| 西畴县| 绥棱县| 肇东市| 盐亭县| 如皋市| 扎赉特旗| 建平县| 靖安县| 南投市| 博乐市| 平湖市|