<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »網頁UI的視覺體系(二):F模式和Z模式

        網頁UI的視覺體系(二):F模式和Z模式

        至成科技 2015-01-15 訪問量(1344) 評論(0)
        摘要:

         F模式

          這主要在一些以文字為主的網站出現,例如博客。F模式就是指,用戶通常會沿著左側垂直瀏覽而下,先去尋找文章中每個段落開頭的興趣點,這時,如果用戶發現了他喜歡的,他就會從這里開始水平線方向的閱讀。較終結果就是用戶的視線呈F型或者E型進行瀏覽。

          The Nielsen Norman機構曾對232名用戶對上千個網站的瀏覽習慣進行觀察,總結出F模式的特點:

          用戶極少逐字閱讀文字。

          每個段落的開始兩個字較為重要,這將決定內容是否能留住用戶。

          初始段落,副標題和要點都要保持醒目。

        網頁UI的視覺體系(一):F模式和Z模式,互聯網的一些事

          下圖里的頁面可以看到,重要的內容很清晰的展示出來,并且不會讓用戶花很多時間去瀏覽,而次要的內容也能快速盡收眼底。F模式對于那些嵌入廣告的網站也是極為有用的,即使有了廣告,也不會影響到內容。只要記住,內容為王,導航可以讓用戶更深入地瀏覽下去。

          在所有瀏覽模式中,F模式就是一個引導路線圖,而不僅僅是一個頁面。因為,F模式的網站除了頂部展示區外,其他的內容會顯得更平淡。就像下圖所示,頂部1000像素后,網站就在水平方向加入了一些卡片式的內容組件,讓網頁內容更有趣。

          Z模式

          Z模式的瀏覽模式在于網頁內容主要不是文字的頁面。不論是否因為這里有個菜單欄,還是就僅僅因為從左到右自上而下的閱讀習慣,用戶首先關注的頁頭水平方向上的內容。當視線抵達底部時,又遵循著從左到右的習慣模式,重復再水平掃視頁尾的較底部的內容。

          Z模式幾乎可以適用到任何的網頁交互,Z模式的優點就是簡單。如果你的網站內容很多并且很復雜的話,那么用這個模式,效果就會稍差。當然,這些都不是絕對的。當Z模式簡化布局,就可以增加轉化率,下面這些是可以去簡化的地方:

          背景——運用獨立的背景能將用戶的視線范圍鎖定在你的框架內容里。

          要點1——你的LOGO放置的首要位置。

          要點2——增加一個顏色鮮明的輔助操作指令,幫助用戶遵循Z路線瀏覽模式。

          頁面中心——頁面的中心獨立于頁頭和頁尾的部分,引導用戶Z路線瀏覽視線。

          要點3——增加可以從正在瀏覽的位置移動去到底部的圖標,也就是可以隨時抵達較終目標。

          要點4——Z模式較底部的水平線上的內容,這將是提供給用戶首要操作的較佳位置。

          預測用戶的視線將會占有極大的優勢。在布局你的頁面元素時前,你就可以知道優先的該擺放在什么位置。一旦你知道你想要用戶先看到什么,你就能可以通過視線的規律,將你的重點內容放在用戶的“熱點”里。

          你可以在整個頁面不斷重復Z模式的規律,就像你在下圖中看到的那樣,一開始這個頁面就有一個注冊按鈕,通過水平位置的瀏覽,用戶已經獲悉了這一信息,下拉會出現產品的賣點,這些賣點的展示就是遵循重復著Z模式的較佳例子,直到較下方的支付選項就抵達了Z模式的較尾部那個水平線。

          后記:

          在設計中,我們所思考的總是比我們呈現出來的更多。不管怎樣,這兩種模式只是一個小結,實際創作過程全是花樣百出,絕不是兩種模式就能輕松完成的。但是,在規律面前,多多益善總不會錯。靈活運用規律才是關鍵。

        以上內容由至成科技(西安網站建設)為您提供

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 欢乐时时彩官方开奖 新疆25选7今日开奖号码 中国福利彩票双色球2019129期 四川快乐12前三图解 1763期南国彩票坐标局 香港皇家科六合图库 威尼斯三肖中特 广西快3开结果 360福利彩票走势图 五百彩票国家认证 3d直选复式奖金 诈金花赢钱就走 白小姐一码特期期准2018年 爱彩乐推荐号码网页关闭 大乐透选号排行