中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設計 > 設計理論 > 內(nèi)容首頁設計經(jīng)驗
不要再追求所謂完整的UCD設計流程 回到列表 從繪畫看設計"層"的概念
 內(nèi)容首頁設計經(jīng)驗

作者:純銀 時間: 2011-12-21 文檔類型:合作網(wǎng)站提供 來自:純銀

第 1 頁 內(nèi)容首頁設計經(jīng)驗 [1]
第 2 頁 內(nèi)容首頁設計經(jīng)驗 [2]

前些日子,有位老同事來和我討論頻道首頁的設計,這才想起來我原來是做媒體的,以前還畫過不少內(nèi)容頁面原型。悲慘的是,我對內(nèi)容頁面的理解在轉(zhuǎn)型產(chǎn)品后才漸漸成熟,以前畫的那些都挺平庸。做媒體的又有幾個人去研究內(nèi)容界面的交互心理呢?

過去從實踐與反省中得來的經(jīng)驗之談,不妨講講。

1、定位

第一條和界面設計沒關(guān)系,和定位有關(guān)系。做網(wǎng)媒最大的陷阱就是“貪”,從平媒轉(zhuǎn)網(wǎng)媒的人尤其貪,覺得內(nèi)容容量無限大,轉(zhuǎn)載成本無限低,什么東西都想往里邊塞。但你的推廣位是有限的,最多20條;你的要聞區(qū)也是有限的,最多30條;二三十條內(nèi)容想傳遞清晰有力的媒體形象,必然貪心不得,有所取舍。取舍之道并不取決于你有怎樣的內(nèi)容情懷,而是針對主站用戶群去作因地制宜的篩選。

有人說,除了推廣位和要聞區(qū),我還有更多的欄目區(qū)塊和欄目頁面嘛。此話謬矣。推廣位和要聞區(qū)是新用戶接觸你的必經(jīng)之路,也是整個頻道的門面。掛羊頭賣狗肉這種事情,沒得好下場。所以“定位”的加減法,是考驗頻道主編的核心能力。

2、通透

設計內(nèi)容頁面,最重要的術(shù)語是“通透”,意思是從上至下保持統(tǒng)一的分欄布局,同時在主欄維持相似的內(nèi)容樣式。通透的好處是容易形成瀏覽慣性,用戶從上往下拉的過程中沒有跳躍感,隔斷感,即便閱讀沖動漸漸淡化,也還是習慣性地一直拉下去,增加接觸新內(nèi)容的機會。

很多網(wǎng)媒人喜歡追求內(nèi)容的視覺表現(xiàn)力,希望在樣式上與眾不同,鶴立雞群。我以前也犯過這毛病。以一個過來人的身份告訴你,這很蠢。樣式追求基本上就是自我陶醉,越是與眾不同,越多理解障礙。內(nèi)容視圖統(tǒng)一有助于用戶高效率地獲取信息,瀏覽過程越是簡潔流暢,則PV越高,用戶停留時間也越長。視覺上的賣弄只會產(chǎn)生更多的“隔斷”——這不會引起不適,但產(chǎn)生了“一頓一頓”的不良節(jié)奏?鐧诳偛蝗玳L跑持久。

3、頭條

內(nèi)容頁面的結(jié)構(gòu)千篇一律,首先是要聞區(qū),后面跟一長排欄目區(qū)塊。前文提到的老同事來與我討論要聞區(qū)頭條的設計,按舊例有兩種思路:大頭條下面放摘要,或是大頭條下面放12px的小頭條。前者不可取,15-20字的標題都講不清楚賣點,難道還有資格上頭條?摘要堆在下面只能說視覺上比較美觀,但浪費了寸土寸金的頭屏要聞空間。

如果放12px的小頭條,按照理想化的設計思路,應該是頭條相關(guān)報道,合并成微型專題,讓用戶快速接觸到更多同主題的內(nèi)容。但有時候就是找不到有分量的,對應這頭條的相關(guān)報道,只好放一些近似報道上去,效果不甚理想。因此小頭條不宜多,網(wǎng)易新聞與新浪新聞通?刂圃谝恍校3-4條),既有微型專題的效果,又不太發(fā)愁編排的難度。

4、欄目

網(wǎng)媒運營有個常見的錯誤,用內(nèi)容的物理屬性來劃分欄目,覺得它就應該是A類B類C類。這個取向背離了欄目設置的初衷。為什么頻道下面要設欄目?因為用戶特別愛看某一類型的內(nèi)容,你用欄目將這批內(nèi)容歸納起來,方便用戶查找。所以欄目的劃分標準,只能以用戶的檢索標準為依據(jù)。他們愛搜哪些類型的內(nèi)容,你就劃分出哪些方面的欄目。

說白了,網(wǎng)媒是信息服務行業(yè),基本不具備平媒的啟發(fā)性,指引性。網(wǎng)媒需要服務于用戶的直接需求而不是攬鏡自賞,需要多研究你的用戶,而不是去炫耀你的才華。

5、落點

再介紹一個內(nèi)容頁面設計的術(shù)語:“落點”。用戶視線的落點在哪里?在前三屏,用戶瀏覽的耐心比較多,愿意逐條往下讀。再往后則耐心不斷衰竭,有可能飛快地拉到自己常去的欄目區(qū)塊。因此欄目區(qū)塊應該有醒目的區(qū)隔標識,方便用戶定位。

還有種用戶習慣是飛快地把頁面拉到底,因此欄目區(qū)塊(中欄)宜加入頭條設計,讓頁面在快速滾動的過程中,視線容易被一些突出的內(nèi)容元素攔截下來!邦^條”是攔截注意力又不產(chǎn)生隔斷感的最佳形式。

出處:純銀
責任編輯:bluehearts

上一頁 下一頁 內(nèi)容首頁設計經(jīng)驗 [2]

作者文章
產(chǎn)品討論與Mr.Right
PM與工程師
顯性內(nèi)容決定論
產(chǎn)品經(jīng)理是炮灰
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設計
培養(yǎng)用戶的使用習慣
優(yōu)秀名片設計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2