2014-12-06
來點實實在在能(néng)給設計師幫上忙的!面(miàn)包屑是有效提升購物體驗的一大殺器,很多電商網站(亞馬遜也中槍)這(zhè)方面(miàn)都(dōu)不夠細心,今天@AnyForWeb_UDC 的同學(xué)總結了8個特别實用的面(miàn)包屑導航設計技巧,有對(duì)比有案例,嚼勁十足,來一頓設計大餐吧! @AnyForWeb_UDC :網站中的面(miàn)包屑導航(Breadcrumb Navigation)是一種(zhǒng)作爲輔助和補充的導航方式,它能(néng)幫助用戶明确當下所在的網站内位置,并快捷返回之前的路徑。 面(miàn)包屑的由來出自一個童話,兩(liǎng)個孩子爲了不在森林裡(lǐ)迷路,于是沿途灑下了面(miàn)包屑作爲标記,幫助自己能(néng)夠原路返回。通過(guò)這(zhè)個故事(shì)我們可以看出,之所以被(bèi)稱爲面(miàn)包屑導航,正是因爲它在網站中也起(qǐ)了相同的作用,讓用戶既能(néng)看清自己在網站中所處的位置,也能(néng)快速的找到其他同類型産品。2014-12-01
如何讓網站黏度更高,吸引更多用戶是站長(cháng)和網頁設計師們永恒的話題。但是用戶量無法憑空而來,即使你做好(hǎo)了内容,各種(zhǒng)問題依然會成(chéng)爲攔路虎讓你撓頭不已。今天這(zhè)篇文章將(jiāng)會告訴你七大秘訣,幫你搞定網站,讓你的網站吸引更多用戶。 我們都(dōu)明白,好(hǎo)的設計能(néng)讓用戶感到愉悅,但是好(hǎo)的網頁設計至少吸引用戶的第一步而已。現實總是骨感的。在你網站上線的那一刻,就意味著(zhe)你的網站將(jiāng)會面(miàn)臨著(zhe)數百萬甚至更多的競争者,你不僅需要想辦法讓正在浏覽你網站的用戶停留更久,還(hái)需要讓已經(jīng)離開(kāi)的用戶成(chéng)爲你的回頭客。 你需要讓用戶有參與感,這(zhè)也是進(jìn)行用戶體驗設計的時候最難的一點,因爲實現參與感就意味著(zhe)你需要爲用戶提供高質量的内容,還(hái)得以絕妙而令人興奮的方式來呈現出這(zhè)些内容。如果你覺得自己的網站死氣沉沉,那麼(me)接下來的這(zhè)七大秘訣,應該能(néng)讓2014-11-29
2014年即將(jiāng)過(guò)去,在已經(jīng)過(guò)去的大半年中,一些全新的設計趨勢逐漸成(chéng)熟,并且會在即將(jiāng)到來的2015年成(chéng)爲主流。在這(zhè)些設計趨勢當中,令人印象最深刻的,應該是“幽靈按鈕”。 2009年重啓的的新《星際迷航》中,企業号中控系統的UI就使用了近似幽靈按鈕的設計元素 那麼(me)先溫故一下,什麼(me)是幽靈按鈕幽靈按鈕,也就是Ghost Buttons,是一個透明的按鈕,通常是矩形或者圓角矩形,僅保留基本的形制,使用細線來标識邊界;按鈕内的文字通常使用纖細的非襯線體字體的純文本,來指明按鈕功能(néng)。 幽靈按鈕有時候也被(bèi)稱爲“空按鈕”,通常會被(bèi)設計得比普通的按鈕更大一些。而它們之所以被(bèi)命名爲“幽靈”,是應爲這(zhè)種(zhǒng)按鈕如同鬼魂一樣(yàng)透明,但是獨特的造型會立刻吸引用戶的注意力——正如同故事(shì)中鬼魂一樣(yàng)抓人眼球。 雖然你可2014-11-26
這(zhè)個時代中充滿了太多奇妙的特效,在這(zhè)些複雜特效中,我們還(hái)需要一些與之相反的簡單設計。彩色濾鏡,既把視覺效果簡單化,又與如今的時代節奏相吻合,也許正是我們或缺的那一種(zhǒng)類型。 在國(guó)外的網頁設計中,彩色的濾鏡效果已經(jīng)被(bèi)很普遍的使用了,但在國(guó)内的網頁設計領域,濾鏡風似乎還(hái)沒(méi)有大面(miàn)積吹入我們的視線。不如先跟著(zhe)AnyForWeb一起(qǐ)領略國(guó)外的濾鏡效果網頁設計吧,希望能(néng)勾起(qǐ)設計師們更多的創作靈感。 1.這(zhè)個案例使用了純色的濾鏡效果,讓整個畫面(miàn)看起(qǐ)來幹淨簡單,文字與白底色塊之間的搭配讓用戶能(néng)一心專注于文字中。這(zhè)種(zhǒng)使用方式證明了濾鏡效果能(néng)很有效的增強浮于頁面(miàn)背景之上的重點内容的可讀性。 2.這(zhè)個案例所表現的雖然同樣(yàng)也是純色的濾鏡效果,但與上一個案例還(hái)是有一些細微的差别。背景圖中的内容相對(duì)比較瑣碎,因2014-11-25
不可不知的設計原則!用戶體驗是細緻入微的活兒,比如今天分享的在線酒店預訂,光流程就有許多值得推敲斟酌的細節,今天@十萬個為什麽 同學(xué)總結了6個能(néng)提升在線酒店預訂體驗的實用方法,有幾個非常驚豔,來學(xué)習咯! 說到電商支付流程的用戶體驗,有大量關于轉化率的議題,也有很多有用的建議能(néng)夠解決可用性問題。但這(zhè)些資料都(dōu)沒(méi)有包含甚至觸及到一個特殊的電商領域——在線酒店預訂。在用戶體驗方面(miàn),這(zhè)是一個被(bèi)忽視的話題,可能(néng)的原因之一,是它缺乏一些基本的可用性準則。 随著(zhe)在線交易占酒店銷售額比重的提升,擁有強勁的在線銷售工具變得至關重要。酒店網站甚至面(miàn)臨更大的挑戰,要與Expedia,Booking.com和其他整合者競争,他們有更多資源來不斷提升網站的用戶體驗。 多數獨立酒店網站使用第三方酒店預訂引擎,它2014-11-21
作爲一個網頁設計師,我們需要努力讓我們的技術與技巧與時俱進(jìn)。我們不用追随每一個時代潮流(比如長(cháng)投影),但是我們的确需要随著(zhe)網絡的發(fā)展與成(chéng)熟,不斷學(xué)習并提高我們的技巧。 網頁設計産業最近開(kāi)始火熱的新發(fā)展之一便是動效,越來越多的公司在他們的應用和網站中放入動效以取悅用戶,從競争對(duì)手中脫穎而出以及提升産品的可用性。 動效需求如此之高的另一個原因在于網頁扁平化的潮流。扁平化設計整體來說是挺不錯的,而且使得人們尋求新的方式來改善它爲數不多的問題。 現如今,越來越多的公司接受最小化的“扁平設計”美學(xué)。網站之間開(kāi)始缺乏品牌化差異,看起(qǐ)來都(dōu)差不多了。這(zhè)使得設計師開(kāi)始尋求其它方式讓網站變得引人入勝,或令用戶感到興奮。 此時動效閃亮登場。動效如同鹽之于薯條;沒(méi)有它,它們有點冷漠、缺乏風味。讓你設計中2014-11-19
通常網站有三種(zhǒng)類型,一種(zhǒng)是沒(méi)創意沒(méi)設計,光靠内容出彩的,這(zhè)類網站以1024和正方系統爲代表。第二種(zhǒng)是設計出彩,體驗糟糕的,最後(hòu)這(zhè)類視覺功夫好(hǎo),可用性也特别棒的網站,才能(néng)留住訪客,今天分享6個提高網站可用性的基本原則,都(dōu)是用戶體驗的基礎知識,新手必備呦! 通常,網站有三種(zhǒng)類型: 第一種(zhǒng)網站有傑出的創意和設計。這(zhè)樣(yàng)的網站會讓你發(fā)出「Wow」的贊歎。但是,不幸的是,除了好(hǎo)設計,他們沒(méi)有更多東西了。 第二種(zhǒng)網站缺乏創意和設計,但是你在上面(miàn)可以立刻找到你想要的東西!但是你會因爲他們在視覺上缺乏吸引力而關掉它麼(me)? 最佳的網站是將(jiāng)可用性和視覺吸引完美結合的。這(zhè)樣(yàng)的網站會吸引你持續訪問它。從市場營銷的角度來說,這(zhè)是最好(hǎo)的類型。 好(hǎo)看的網站如果不能(néng)讓用戶持續訪問、增加使用轉換率、或者達成(chéng)銷售目标2014-11-18
的确!單頁設計已然是網頁設計的大趨勢了,許多流行的設計元素和設計方法都(dōu)逐漸與這(zhè)種(zhǒng)網頁設計手法融合到一起(qǐ),越來越多的設計師和企業機構開(kāi)始選擇單頁網站作爲他們溝通世界的門戶,而用戶也開(kāi)始接觸越來越多的形式多樣(yàng)的單頁網站。 但是在很久之前,在單頁網站還(hái)非常簡單的階段,很多人都(dōu)認爲這(zhè)是一種(zhǒng)非常Low的網頁設計方式,直接粗暴如同商業名片一般的網頁結構怎麼(me)看都(dōu)和高大上沒(méi)有血緣關系,誰又會想到這(zhè)種(zhǒng)設計方式在今天會如此流行呢?在設計師們的不懈探究之下,單頁設計已經(jīng)摘掉了混亂單調的帽子,構建起(qǐ)了一套相對(duì)比較完善的設計體系,保持簡潔而漂亮的設計,重視内容,強調清晰明了的表達。從用戶體驗的角度上來看,單頁設計确實有其優勢也有缺陷,但是值得注意的是,用戶的确是喜歡單頁網站的浏覽方式,這(zhè)也是單頁設計流行開(kāi)來的基2014-11-17
雙十一快點來淘寶咯!阿裡(lǐ)上市,京東上市,唯品會上市,眼看著(zhe)身邊的電商設計師都(dōu)是股權在手,房子我有,時不時跟加班租房吃泡面(miàn)的你談笑風生。調侃幾句,明顯是爲了推薦今天這(zhè)篇超多私貨的好(hǎo)文,從10個方面(miàn)全方位分析電商網站的導航設計方法,趕緊學(xué)習。 伴随著(zhe)互聯網的成(chéng)長(cháng),通過(guò)電子商務網站實現商品交易越來越頻繁,而訪客在面(miàn)對(duì)越來越龐大的信息量時會感到迷茫,因此,優秀的導航設計能(néng)夠提高網站的易用性,對(duì)實現電子商務網站的高效運作具有實際意義。 另,電子商務網站的首頁導航設計必須本著(zhe)用戶體驗爲佳的原則,既要將(jiāng)網站中的所有信息都(dōu)在有限的導航欄中體現,又要爲用戶反饋出重要的幫助信息。網站因其獨特的重要性和不可替代性,在電子商務網站設計中日漸凸顯出舉足輕重的地位。 1、符合網站内容結構 在設計電商網站的導2014-11-14
第一、整理出低流量但是高轉化的詞,將(jiāng)他們的位置提到第一。 以一周爲周期,每周我們的賬戶一定會有一些低流量,但是其中可能(néng)有高轉化的詞,這(zhè)類詞需要我們去特别的關注,不管它是一時的原因還(hái)是真的會有高轉化,我們都(dōu)應該去重點關注這(zhè)個詞。做法就是將(jiāng)他們的位置提升到第一位,保障他們能(néng)帶來足夠的流量,然後(hòu)再觀察他們接下來的表現。如果轉化一直不錯,就一直放在第一位,如果發(fā)現隻是當時偶然的高轉化,那再進(jìn)行停投。 通過(guò)這(zhè)樣(yàng)的方式,可以找到很多高轉化率的詞,這(zhè)類詞累積到一定量的時候,會對(duì)整個百度競價投放的轉化率有大幅的提升。 第二、周期性的對(duì)消耗前列的關鍵詞進(jìn)行整理和分析 同樣(yàng)以一周爲周期,一周的時間所産生的數據會有一定的代表性,同時調整的頻率也