<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      上杭網絡公司:瀏覽閱讀時代的網頁設計

      日期:2020-05-10 閱讀:269   作者:上杭網站設計開發公司

      我們生活在一個卷軸文化的時代?;c時間想一想,你是如何通過你的任何社交渠道訂閱的?;蛘吣銓⑷绾畏糯筮@篇文章(以為我們不會注意到,不是嗎?)在互聯網用戶快速瀏覽內容的情況下,您如何才能讓讀者慢下來,吸收您的內容?網站?為了了解如何實現這一目標,讓我們走出萬維網的第二步,看看一個精彩的廣告活動的案例研究,讓路人停下腳步。

      在美國各地的城市里,色彩鮮艷的巨型海報紛紛出現在一家名為rxbar的營養酒吧的廣告中。由公司設計威登+肯尼迪這些廣告牌一點也不微妙。他們的特點是自我引用的諷刺,就像酒吧的包裝在巨大的標題之下的圖片:“食物?!被蛘?,在時代廣場,一個電子標志寫著:“在時代廣場幾乎看不出RXBAR海報?!边@項運動已成為設計新聞。但是,夸張的外表和信息到底是什么天才呢?

      答案在于我們的眼睛已經習慣于每天吸收大量的市場營銷。大多數時候,我們用呆滯的眼睛來迎接廣告和標志.威登+肯尼迪的競選活動對這種反應提出了挑戰。他們呈現的是可消化的內容(你可以自己決定,如果那個雙關語是有意的…)以一種破壞我們已經習慣的預期廣告策略的形式。在新鮮感的可讀性和震驚之間,他們讓人們停下來,注意到他們在說什么。

      上杭網絡公司把事情恢復到網上,這就是你想要對你的網絡訪問者產生的同樣的效果。然而,你如何才能讓你的聽眾吸收你想要通過你的頁面傳達的信息呢?(更別提了,為了欣賞你所投入的所有辛勤工作,你在網上創造了一個精湛的形象。)傳達你的觀點,需要利用各種設計技術,引導你無助的巡洋艦穿過你的網站,并指出最重要的路標沿途。在這里,我們解釋了什么是瀏覽閱讀,它如何影響您的網站上的用戶體驗,以及如何使用網頁設計,以幫助讀者保留信息,即使他們繼續瀏覽您的網頁。


      什么是瀏覽閱讀?

      回到互聯網還在用尿布的時候--我們說的是1997年--尼爾森諾曼集團的雅各布·尼爾森發現了一個關于人們如何在互聯網上閱讀的主要原則。用他的話說:“他們沒有?!彼贸鲞@一結論之前,他發現79%的接受調查的用戶一直在瀏覽他們所遇到的網絡材料。

      自那時以來,互聯網已經發生了很大的變化。但我們對它的解讀并沒有太大的變化。事實上,如果有的話,我們只是失去了更多的能力去逐字閱讀屏幕上的內容。相反,我們從事一種叫做瀏覽閱讀的實踐。你可能會記得,從你的日子,試圖使它通過你分配的學校盡可能快的閱讀。它的數字對口也沒什么不同。瀏覽閱讀指的是我們在網頁上快速移動的策略,尋找特定的關鍵詞,只關注吸引我們眼球的元素。

      關于為什么這種瀏覽方法在互聯網用戶中如此流行的原因,已經有了大量的研究?,旣惏病の譅柗蚪淌趯懥舜罅筷P于這個話題的文章,他認為我們花在網上的大量時間2017年,平均成年人每天將近6個小時!)實際上正在改變我們大腦的神經學。她認為,我們越來越遠離閱讀印刷品的過程和時間密集的體驗。在線上,我們已經習慣于咬一些內容和先進的視覺設計,為我們創建組織層次結構,這樣我們的頭腦就不必這樣做了。

      這個現實對那些想要確保他們的信息到達他們的受眾的網站所有者來說是一個挑戰。幸運的是,我們一直更好地理解人們是如何與Web內容交互的。例如,我們知道我們下意識地使用了某些閱讀策略,比如尋找關鍵詞,或者當一個點在文本海洋中丟失或沒有視覺突出顯示時,我們很快就會繼續前進。此外,眼睛跟蹤研究表明,網頁訪問者傾向于按照“Z”形狀(對于基于視覺的網站)和“F”模式(針對基于文本的網站)閱讀。下面,我們將探討如何在您的網頁設計中使用這些技術,這樣您就可以制定一個策略,讓更多的人閱讀您的內容。

      Z-圖案設計


      這種樣式特別適合于充滿視覺組件的頁面,也適用于著陸頁這是低的文本,但高的項目,如按鈕,表單,和簡短的解釋框。如果這聽起來像你必須提供的東西,那么繼續閱讀,找出如何將你所有的內容轉換成“Z”的形狀。

      這個想法是,有人可以粗略地把字母‘Z’畫到你的頁面上,從左上角開始,到右下角結束,然后點擊你為網頁訪問者創建的流程的每一個階段。在你跳進(“Z”)隊形之前,你應該先確定你需要包括哪些信息。要做出這個決定,先想想訪問者剛剛登陸你的網站的那一刻。

      • 您希望他們的眼睛立即被吸引到哪些頁面元素?

      • 在你剛才列出的元素中,重要的順序是什么?哪個應該是第一,第二,第三,等等?

      • 你在頁面上引導他們走向的最終行動是什么?當他們走到“Z”的盡頭時,你想讓他們完成什么?無論是購買產品還是注冊網絡研討會,都要寫下你的具體目標。

      一旦你回答了這三個問題,你就可以開始把你的流程投入到設計的現實中去了。

      Z模式的頂部:這第一條水平線就在你的網站標題所在的地方運行。因為讀者的眼睛首先會自然地吸引到左邊的角落,這是一個驕傲地貼上你的標志的完美的地方。還沒有呢?這個Wix Logo制造商是來幫你解決這個問題的。只要回答幾個關于你的企業和它的整體外觀和感覺的問題,你就會在幾秒鐘內收到一個定制的、專業的徽標,供你下載和使用你所有的營銷材料。這是一種即時歡迎游客的方式,也是加強你品牌認同.

      一旦你的標志牢固地到位,你可以向右移動。想一想,對于來訪者來說,還有什么是至關重要的,讓他們立刻了解你的生意。是你的標語嗎?鏈接到你主要存在的社交渠道?一份簡短的任務說明?

      這個頂板也可能是你放置菜單的地方。是否有多個頁面的傳統格式,或者長滾動網站將這些基本信息保持在可以獲得的范圍內,可以使您的客人生活更輕松。當然,如果你有一個較短的,獨立的登陸頁面,那么也許你可以跳過菜單。否則,這個導航天賦是必不可少的。

      訪問者通常希望在頁面頂部容易找到容易訪問的導航選項。如果他們進入你的網站有一個特定的意圖,例如購買一張令人驚嘆的照片,那么他們可能會快速掃描頂部,以獲得一個鏈接到你的畫廊或網上商店。對站點上的所有內容進行評估,然后將其合并為幾個類別,例如:證詞集合,“關于我們”一頁,“常見問題”部分,a商店展示您的產品,“聯系”部分,以及任何其他認為與您的業務相關的部門。

      Z型的對角線部分:從右上角到左下角,這條有角的線橫跨整個頁面,功能就像一個游樂場滑梯。它意味著迅速地將訪問者從他們完成掃描面板的地方帶到你希望他們再次在頁面底部進行掃描的地方。無論你在這個空間里插入什么,都會吸引觀眾的注意力。這樣,他們就能保持足夠的興趣,在他們到達“Z”號的時候,完成你先前確定為你的最終目標的行動。

      要完成這一任務,一個肯定的方法是將一個可視化的內容添加到您的頁面上,比如一個迷人的頁面。視頻背景,互動畫廊,或吸引眼球動畫。每一個讓你展示,而不是告訴,你的業務是什么。如果你經營一家咖啡店,一個互動的背景展示豆類是新鮮的土地,瞬間傳達了很多關于你是誰和你在做什么的信息。無論您為對角線部分選擇什么,您的目標都是繼續沿著頁面向下移動查看器。

      Z模式的底部:飛機正在準備起飛到你的行動項目。字母模式的最后一個水平面板就像你對“詢問”的積累,所以你在這里提供的任何信息都應該有兩個目標:在訪問者愿意信任你之前回答任何剩余的問題,并為你所提供的一切建立熱情。一些關于這條跑道延伸的想法是一些小盒子,上面有簡短的文字,列出了你的產品的好處,摘錄了狂歡節的評論,或者一些關于你的商業“故事”的句子。

      如果你已經填寫了‘Z’的道路上有令人信服和有趣的信息到目前為止-恭喜!來訪者可能已經到達了信的末尾?,F在是時候讓你呼叫行動(CTA)已知。您的要求可以采取多種形式:您可以要求讀者訂閱您的郵件列表,購買您的產品,下載您的報告,預約,還有更多。你提出的問題應該與你的企業目標一致。

      無論你選擇什么CTA,你如何選擇這個問題是很重要的。利用設計效果,例如與頁面其余部分形成對比的粗體顏色、按鈕或重音字體,突出顯示您的“任務”。如果你對如何從設計的角度來處理這個任務感到卡住了,那就來看看這個。實際轉換的cta完整指南,這些想法最佳字體配對,以及如何應用的詳細說明。網站設計原則(尤其是2號!)這一步就是你在這段時間里一直在激勵訪客的一步。別讓他們錯過電梯。

      你已經走到盡頭了!不過,你不必只停留在一個Z型上!如果您的登陸頁面有多個部分,或者您想要發布的一系列CTA(例如,您的業務提供的四個服務中的一個),那么只需在第一個字母的末尾重新啟動模式。為了讓觀眾始終保持參與,探索視差滾動效應可以為您的網頁帶來活力,并使訪問者興奮地繼續滾動。

      F型設計


      如果你開始寫博客或者你的一些頁面自然地圍繞著大量的文本,那么這個設計模式就是給你的。假設有人將字母‘F’映射到您的頁面上。不管它的內容是什么,都是你想要在你的寫作中插入所有最重要的信息和短語的地方。要想把隨意的掃描器轉換成你努力工作的讀者,關鍵是要吸引他們的注意力,只要他們的眼睛自然地吸引他們的注意力。在您開始構建頁面時,請記住以下幾個原則:

      F型的水平線:制作一個引人注目的標題和章節標題對于快速向訪問者解釋他們能在頁面上找到什么以及為什么值得他們花時間停留在頁面上是非常重要的?!癋”字形的頂部通常是你期望找到標題和特寫圖像的地方,它下面的第二行大致落在字幕在文本后面出現的范圍內。無論是格式化您的博客存檔,還是設置博客帖子本身,這都是正確的。除了激發讀者的興趣之外,創建h1和h3標題還能給讀者帶來很大的樂趣。提升你網站的SEO,因為它使你的書面材料更容易通過谷歌的搜索索引找到。

      這個結構對頁面的前兩個段落區域有很大的意義。這是因為它們正好落在訪問者仍在從左到右掃描頁面的范圍內。確保你的“鉤子”,當你達到這個計數結束時(不,第二段的結尾并不在頁面的一半),無論是你的文章的吸引人的標題,還是你的帖子有趣的開場白。

      使用Z-模式,還記得信的每個部分是如何用來讓游客一直走到最后到達CTA為止的嗎?在這里,前兩個水平平面的‘F’形狀是用來實現一個類似的目標:說服讀者,這是一頁或一篇文章,他們希望繼續閱讀,直到結束。

      F型的垂直線:在瀏覽完頁面頂部的水平部分后,讀者自然會垂直向下移動,停留在左側。你的工作將是填補這個空間的有趣的功能跳出頁面。這鼓勵讀者打破他們本能的掃描速度,實際上跟隨著句子的其余部分。

      為實現這一目標,您可以使用的一些策略如下:

      • 段落、標題和要點中的前景化關鍵字:不要讓讀者繼續讀到句子的末尾來理解你的觀點。例如,“織女星在家里嘗試”比“在家里嘗試這些食譜”更有吸引力。有了第二種選擇,你就下了一個很高的賭注--也是不太可能的--打賭你的讀者最終會明白你在說什么。即使對我們中的膽小鬼來說,這也不是我們推薦的風險。

      • 格式化元素:在你的內容中灑上一些風格元素,比如引號、特色圖片、編號或項目列表。他們打破了頁面,也提供了容易的地標畫在眼睛中,因為它的涂鴉頁。另一個簡單的墊腳石,你可以添加是使用數字(當相關),而不是寫數字的文字。與字母表字母的對比將作為另一種方式來分解文本和吸引注意力。

      上杭網絡公司在整個F模式中要記住的一般原則:我們對在線閱讀的耐心只能容忍短句。要理解為什么,只要想想twitter的字符限制,或者每當你在你的提要中看到一篇文章長度的文章時,你的內心感覺如何。當你寫作的時候,記住這個原則。保持信息的可獲取性,并且易于掌握。讓你的讀者理解你的觀點,或者回溯理解你在說的話,這對保持他們的存在并不是個好兆頭。

      不過,我們知道你的生意并不總是那么簡單。你當然不需要降低你的想法的質量來向讀者推銷你正在做的事情。這只是意味著想出另一種策略,在復雜的環境中構建,而不是用一個無休止的句子在視覺上壓倒讀者。如果你有一個更復雜的想法要呈現,鏈接到相關的背景信息(提示:像鏈接到其他文章或帖子,你可能在過去寫),或伴隨著圖片或信息圖表,以提高理解。相信我們,你的訪客會提供那些贊美的手勢。

      你已經把你的內容塑造成一個漂亮的‘Z’或‘F’形狀橫跨你的頁面。這次又是什么?首先,使用可讀性測試工具,就像這個,來評估你寫的內容的清晰度。第二,將更新后的網站發送給值得信賴的朋友、家人或同事,以獲得他們的反饋。讓他們把你的頁面上立即突出的地方記下來。檢查這個列表與你原來的計劃,你希望什么會吸引游客的眼睛,并相應調整,直到你達到完美的排列。


      网赚团队