首頁

“有點兒意思”的導航設計

藍藍設計的小編

 

導航是網頁設計中不可缺少的部分,它是網站訪問者獲取所需內容的快速通道和途徑。導航讓網站的層次結構以一種有條理的方式清晰展示,并引導用戶毫不費力地找到并管理信息,達到有效傳遞。同時,導航一般位于網頁的中上部分,也是視覺中心的區(qū)域內。在保持其合理的功能作用的同時,一個好的導航設計,往往能夠成為整個網頁設計的點睛之筆!

 

一個設計師在布局和整體規(guī)劃網頁設計時,導航總是一個重要的元素。我們會思考,導航以什么形式呈現(xiàn)?是否能夠地發(fā)揮其梳理網站結構、有效傳遞信息的功能?是否能夠烘托和配合整個頁面的設計風格?是否能夠別出心裁潤色和體現(xiàn)該網站的特點又不影響其功能性?是否能夠精益求精成為整個網頁設計至關重要的一筆?那么,就讓我們一起分享和淺析一下一些讓設計師們花費心思精雕細琢的導航設計吧。

 

導航的設計會根據(jù)網站的基本類別、屬性和各自特點而有所定位。在這里,我挑選了一些非系統(tǒng)、門戶等類型,有明確特點、用戶定位、產品及品牌特色的品牌類、專題類網站。對于這些網站來說,導航的設計將突破我們常見的橫向長條導航或者豎式導航,會更加有意味、趣味和玩味,是能讓設計師們盡情拓展設計創(chuàng)意和思維的“有點兒意思”的導航設計!

讓導航更輕便些

藍藍設計的小編

導航是互聯(lián)網產品中應用最廣泛的基礎元素之一,引導用戶了解到網站的內容結構進而找到所求。作為基礎控件,導航看起來簡單,但卻是產品設計中最復雜繁瑣的一部分。因為我們想要讓網站結構更清晰、想要向用戶傳達所有的信息,所以就賦予了導航越來越多的內容,使他們龐大異常,十分糾結。簡化了,用戶無法了解到頁面結構以及自己的處境,產生困惑;復雜了,導航臃腫不堪,層巒疊嶂,既不美觀也不好用。

那么,在清晰的信息架構下能不能讓導航盡可能的更輕便、更靈動,是筆者本文想要探討的話題。筆者看來,為導航塑身可以從以下幾個角度來進行:1.簡化結構;2.優(yōu)化形式;3.打磨UI。

網站作為信息的集合體,要囊括海量的資源,從首頁到二級頁再到專題頁進而底層頁等等等等,信息的層級多且繁雜,所以就容易形成tab套tab再套tab的局面。那么作為導航塑身的第一步,我們要做的就是把這負責的結構盡量簡化,讓導航變得輕盈起來,或者至少看起來不那么臃腫。

A. 通過面包屑來簡化導航結構

面包屑通常水平地出現(xiàn)在頁面頂部,一般會位于標題或頁頭的下方。它們提供給用戶返回之前任何一個頁面的鏈接(這些鏈接也是能到達當前頁面的路徑),在層級架構中通常是這個頁面的父級頁面。面包屑提供給用戶回溯到網站首頁或入口頁面的一條快速路徑。

一個門戶網站常見的結構是首頁-頻道頁-專題頁-子專題-底層頁。如果我們想在門戶網站看NBA的視頻直播,那么我們來看下他的導航:

如果把信息層級全部展現(xiàn)在用戶面前,就會形成上面的這種tab套tab的形式,使得導航臃腫不堪,占據(jù)頁面很大的空間??墒侨绻覀儼延脩絷P心的導航內容提取出來,就會得到下面的結構:

廣告創(chuàng)意中的情感因素(二)

藍藍設計的小編


上回說到如何將情感因素融入到廣告創(chuàng)意中,在互聯(lián)網廣告制作時,多數(shù)的大牌企業(yè)會制定系統(tǒng)化的廣告宣傳策略,每個時期針對不同的產品推出不同形式內容的廣告及品牌宣傳廣告。更多的互聯(lián)網廣告,比如各種尺寸的banner、矩形、條幅廣告等,多是由設計師快速的制作來完成的。那么如何快速的將情感因素融入到廣告創(chuàng)意中呢?

 

正文

      上一篇文章《廣告創(chuàng)意中的情感因素(一)》介紹了情感廣告相關的理論依據(jù),情感的類型以及如何在廣告中融入情感因素。情感是廣告內容的一個因素,可以借助不同的表現(xiàn)方式體現(xiàn)不同的情感訴求。

      創(chuàng)意廣告訴求的表現(xiàn)手法有很多種,如借喻、詼諧、夸張、比喻、擬人物、隱喻、對比等。結合廣告宣傳的品牌、產品或者服務的特征,選擇利用不同的表現(xiàn)手法表達蘊含在品牌或者產品中的情感,引起人們的共鳴。如運用對比手法的廣告,凸現(xiàn)己方的優(yōu)勢與特征,以取得消費者的信服。

 

      互聯(lián)網的廣告區(qū)別于傳統(tǒng)廣告,在更新速度上要快很多。除了一些企業(yè)長期的品牌宣傳外,很多是對產品、活動、促銷的宣傳,內容會經常變換。設計師在廣告設計中可能沒有時間完成情感廣告的創(chuàng)意流程,因此將上篇文章和這篇文章的內容進行整合和提取,從中挖掘出一些點,可以讓設計師快速的將情感因素融入到廣告創(chuàng)意中提供參考。

網盟環(huán)境下廣告投放技巧淺析(二)

藍藍設計的小編

在上一篇文章——網盟環(huán)境下廣告投放技巧淺析(一)中,我們對網頁信息密度,整頁分頁上廣告價值,廣告內容&網頁內容&人群興趣,這三方面的投放技巧進行了闡述;今天,我們將結合眼動研究實驗與數(shù)據(jù),向大家介紹網盟環(huán)境下廣告位置的變化對廣告關注度的影響與由此可以引入的廣告新樣式。

 

一、首先,實驗之前需要對正文頁、廣告形式與廣告位置進行實驗界定:

(1)正文頁:

①正文頁形式:選擇最常見的正文頁作為環(huán)境載體,采取視覺上統(tǒng)一、整齊、不擁擠的優(yōu)質正文頁,保證被試在實驗中瀏覽頁面時,不會因為頁面本身低質而影響對廣告的關注;

②正文頁內容:以3頁形式呈現(xiàn)某國旅游景區(qū)介紹,被試看完每頁后自主翻頁到下一頁即可

(2)廣告:

①廣告形式:選擇展示性廣告最具代表性的兩種尺寸作為研究對象,即橫幅(960*90)與矩形(300*250);

②廣告位置:分別位于導航區(qū)、側邊欄與正文區(qū)

  • 導航區(qū):位于頁面頂端,只出現(xiàn)橫幅廣告

網盟環(huán)境下廣告投放技巧淺析(一)

藍藍設計的小編

最近,產品部用戶體驗團隊的同學對聯(lián)盟環(huán)境下投放廣告進行了一系列研究,旨在以更科學的方式優(yōu)化網盟廣告投放,我們結合實驗得出了各種投放策略下真實的實驗數(shù)據(jù),希望能給廣告主和客服在投放廣告時不僅知其然更能知其所以然,當然最終目的是在改善用戶上網體驗同時提升廣告效果,形成用戶與網站雙贏局面。

在網盟環(huán)境下投放廣告,一般會考慮廣告與網頁的形式、廣告與網頁的內容和瀏覽人群這三個方面。這次研究就是從以上三方面出發(fā),研究網頁信息密度,整頁與分頁廣告價值,廣告位置,廣告內容與網頁內容,人群興趣。由于篇幅限制,本文首先對網頁信息密度,整頁分頁上廣告價值,廣告內容&網頁內容&人群興趣,進行闡述。變化多變的廣告位置放入下一篇文章中,請大家多多關注~

一、 實驗簡介:
1、研究對象:以網盟環(huán)境下占比最多的正文頁與列表頁作為研究對象
2、研究方法:眼動研究,包括實驗前訪談、熱點圖、篩選與分析數(shù)據(jù);
3、名詞解釋:
(1)參與度: 瀏覽網頁時注意到廣告的人群比例
(2)注視點時長:眼睛凝視頁面上某區(qū)域的時間,以秒(s)為單位
(3)廣告關注度=參與度*注視點時長*100
即:注視點時長*參與度表示所有參與的用戶對該廣告的平均關注度;乘以100是將數(shù)值整體化,表示100個人關注廣告的總時長

注釋:因為以下三個實驗的頁面布局、頁面內容、廣告內容均不相同,所以不同實驗下的廣告關注度不具可比性,只有同一實驗下的廣告關注度有可比性。

 

二、 實驗內容
1、網頁信息密度對廣告關注度的影響如何?
(1)首先,面對復雜網絡環(huán)境,不同的站長排版網頁有不同設計原則。雖然我們都知道適當留白的網頁能夠帶給網民較好的用戶體驗,但是信息傳達卻是網頁展示的核心目的。面對體驗與目的兩大訴求,是以最大信息量與更多的廣告填滿整個網頁才能帶來更好廣告效果,還是適當留白才能喚起良好用戶體驗增強用戶瀏覽廣告的意愿?

(2)認知心理學認為:每一項認知活動都需要占用和消耗一定認知資源,當認知任務所需資源之和不超過總資源,注意協(xié)調和分配才能同時進行。當頁面信息量很大時,用戶會感受到巨大認知負擔而不會詳細加工信息,擁擠的頁面里即使布滿很多廣告,用戶也只會注意重要內容而忽略非重要的廣告信息。

(3)以列表頁作為研究對象,使用留白量和廣告數(shù)來衡量信息密度。左側頁面用戶體驗差但信息含量大,留白少有5個廣告;右側頁面信息含量少用戶體驗較好,留白多有4個廣告。

(4)通過眼動實驗發(fā)現(xiàn):擁擠的頁面用戶瀏覽所需時間長但對廣告關注度小,寬松的頁面用戶瀏覽所需時間短但有更多精力可以放在廣告上。所以,為了呈現(xiàn)更多信息增加廣告數(shù)量而在網頁鋪滿信息,并不能提高用戶瀏覽廣告的概率,反而由于任務量變大,而使用戶心理上產生壓力匆匆讀完關閉頁面。如下圖所示:

廣告創(chuàng)意中的情感因素(一)

藍藍設計的小編

隨著產品同質化的嚴重,消費者對產品的需求從功能性滿足上升到情感滿足和個人價值的實現(xiàn)上,因此相對于理性訴求的廣告,感性訴求廣告更能迎合消費者,吸引消費者。而感性訴求廣告就是常說的情感廣告,那么,廣告創(chuàng)意中的情感有哪些呢?如何將情感因素融入到廣告創(chuàng)意中去呢?

 

正文

       創(chuàng)意廣告通過各種手段和方法,向消費者傳遞品牌信息。互聯(lián)網時代,廣告不僅僅是廣告主向用戶單向傳播了,很多創(chuàng)意廣告通過社交網絡、視頻媒體進行橫向傳播,用戶通過關注、轉發(fā)、分享持續(xù)的關注品牌廣告,并且由被動的接受到主動的關注,這也是社會化營銷的一部分。

       對于廣告如何進行創(chuàng)意,以及應該關注的點和需要抓住的核心內容,以前的很多外國學者都給出了許多經典的理論來指導品牌廣告進行創(chuàng)意設計。比如百事可樂的很多廣告就運用了ROI(Relevance、Originality、Impact)理論中的關聯(lián)性、原創(chuàng)性和震撼性;大眾汽車的甲殼蟲汽車廣告運用了定位理論,借用甲殼蟲的形象加深消費者的印象,塑造獨特的形象概念,占據(jù)消費者心理的第一位置;白加黑藥業(yè)運用了USP理論(獨特銷售主張理論),向消費者承諾一個利益點“白天吃白片,不瞌睡;晚上吃黑片,睡的香”,并且是獨具的,區(qū)別于其他感冒藥品的特征,有足夠的說服力和吸引力,吸引消費者購買。

       但是,隨著產品的同質化嚴重,可替代性越來越高,功能性要求的滿足已經不再是消費者最關注的了,在此背景下,USP理論也是發(fā)展出了ESP理論(情感銷售主張),結合當代消費者的心理特征,由向消費者展示產品的物理屬性,提升到迎合消費者使用產品獲得的情感滿足,與消費者產生情感上的共鳴。根據(jù)目的鏈(MEC)模型,消費者使用產品的屬性,獲得功能性的滿足,最終實現(xiàn)的是心理情感的滿足與個人價值的實現(xiàn)。

       廣告訴求包括理性訴求、感性訴求和公益訴求,而其中的感性訴求廣告就是情感廣告。感性訴求是訴諸于消費者的情緒或情感反應,傳達商品帶給他們的附加值或情緒上的滿足, 使消費者形成積極的品牌態(tài)度。感性訴求就是情感廣告,運用人類間的情感,與用戶產生共鳴,從深層次的角度挖掘產品與用戶情感之間的聯(lián)系,增加產品的附加值。

讓用戶更地完成表單填寫

藍藍設計的小編

填寫互聯(lián)網表單幾乎是每個用戶每天的經歷,如用戶進行網站注冊和登錄、購物等,都需要填寫各種表單。用戶為了獲得想要的東西,表單成了用戶完成需求和網站系統(tǒng)需要數(shù)據(jù)之間的互動形式。那么表單設計的首要目標也更清晰:讓用戶迅速快捷并且輕松地完成填寫。

設計目標已清晰,那么如何設計表單呢,以下從表單的內容、組織方式、流程、表單元素控件及交互等方面詳細闡述。
表單的元素

研究如何提高表格可用性之前,我們先簡要了解下一般表單的元素,這里我們暫且這么總結:

標簽:告訴用戶表單問題是什么?
輸入框:供給用戶填寫答案信息;
動作:用戶提交表單,即用戶點擊一個按鈕或鏈接,執(zhí)行一個操作;
幫助文字:為如何填寫表單提供幫助;
輸入反饋:針對用戶輸入給出反饋,輸入正確還是錯誤;

的設計可視化

藍藍設計的小編

       每一天,人們都淹沒在信息的海洋中。用戶在主動獲取和被動接受過程中,都始終避免不開一個“效率”的訴求。在這信息海洋,用戶目前面對了什么樣的困境呢?

        1  一些設計細節(jié)的 “隱藏式”、“折疊式”、“漸進式”設計消耗了用戶的快速認知訴求;

        2  偏于復雜和龐大的功能,給界面呈現(xiàn)帶來了負擔,加重了用戶操作映射的錯亂,讓用戶理解也模棱兩可;

        3  設計過多的操作點擊,用戶手部肌肉不停運動,切換不同頁面去查看;

        ……

       作為信息傳達的設計師,如何讓信息更直觀清晰、剔除不確定性理解,是工作中的重中之重。而“可視化”就是多種傳遞信息方式中的一種,對于信息可視化、視覺化、圖形化,也成了設計圈熱捧的觀點和研究方向。

       對于產品的可視化設計,主要旨在借助于圖形化等直觀手段,清晰有效地傳達與溝通信息,形成的功能、使用映射,完成用戶任務目標。為用戶想完成的任務選擇正確的界面元素,通過一種能迅速理解和易于使用的表達方式,展現(xiàn)在頁面上,降低用戶的認知負擔和物理負擔。大概分為四個層次:功能可視化、結構可視化、操作可視化、控件可視化。

提升品牌知名度之軟文營銷怎么寫

藍藍設計的小編

上篇寫了《提升品牌知名度之軟文營銷該寫什么》一文,說到如何去定位寫一篇什么軟文。要寫好軟文對于我們很多朋友來說這是一件很難的事情,不知道從哪里開始寫,怎么來寫,圍繞什么來寫。今天小維與大家談談怎么寫好一篇軟文。

提升品牌知名度之軟文營銷怎么寫

寫總結
在我們生活、工作中經常會遇到很多有意義,有幫助的信息。我們把這些信息整理、收集起來,并對這些事情寫出總結。如在工作中,一天做一些什么事情,維護了幾個客戶,客戶遇到什么樣的問題等等,我們可以把一天工作遇到的問題總結出來,編緝寫成文章。一篇優(yōu)質的軟文就在生活、工作中寫出來了,學會寫總結,軟文順手寫出來。

如何利用視頻做網絡推廣?

藍藍設計的小編

在眾多的網絡營銷推廣方法,視頻推廣是不可以忽視的一個網絡推廣渠道。很簡單的例子,我們在網上搜索一些信息時,搜索結果頁首頁總會有那么一兩個視頻網站的信息(如下圖)。今天小編跟大家說說如何做好視頻推廣。

如何做好視頻推廣

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔