Web設計|如何打造高大上的國際品牌官網?

一、品牌網站的結構

做網站和寫文章一樣,也是從結構開始構思的,第一章節寫什么,第二章節寫什么……最后一章寫什么;網站的一級頁面(首頁)展示哪些內容,二級頁面展示哪些內容,三級頁面展示哪些內容,大的框架定好之后,再針對每個頁面進行細節設計。


由于互聯網中信息量極其龐大,為了向用戶展示更多有價值的信息,搜索引擎會優先抓取每個網站中相對重要的頁面(即權重較高的頁面),頁面的權重按照一級頁面> 二級頁面> 三級頁面> 四級頁面> …… 依次往后遞減。頁面層級越高,用戶的到達率越低,因此網站的層級不宜設計得過深,清晰的網站結構可以幫助用戶快速獲取所需信息。

二、導航

品牌網站的導航是需要精心設計的,好的導航是用戶的指路牌,它總是能帶領用戶去到想去的頁面。

1.主導航

下拉的圖文并茂的導航是首選,普通的文字導航不夠直觀,圖片可以讓用戶感受到產品的外形和顏色,搭配文字使用容易形成記憶,發揮視覺錘語言釘的效果。


2.面包屑導航

面包屑導航的概念來源于一個有趣童話故事,迷路的小孩利用撒下的面包屑追溯回家的路。面包屑導航可以讓用戶了解當前所處的網站位置,以及當前頁面在整個網站中的位置。面包屑導航一般出現在網站的主導航下面或者網站底部導航的上面。

3.網站底部導航

或許有人會有疑問,網站的頂部已經有導航了,為什么底部還要再設計一個呢?

其實,網站的底部導航是很有必要的。相較于頂部導航,底部導航是全部鋪開的,當我們瀏覽到網站底部的時候,可以直接切換到想去的頁面,十分便捷。

4.網站地圖

當用戶找不到想要的頁面的時候,有兩種方法,一種方法是使用站內搜索,還有一個就是查看網站地圖,因為網站地圖是整個網站的最詳細的目錄。同時,網站地圖清晰的結構,有利于搜索引擎抓取及收錄。

三、內部鏈接

有些網站的頁面很多,但是產品經理、設計師在設計頁面的時候,沒有將這些頁面聯系起來,從而出現了網頁孤島。孤島頁面帶來的不良影響是,如果當前頁面做得平平淡淡,沒有用戶需要的信息,用戶會離開網站。

網站頁面的關鍵詞內鏈密度建議保持在6%~8%之間,在當前頁面平平淡淡或者十分吸引人的時候,可以引導用戶點擊關鍵詞內鏈,去更多的頁面,讓用戶在網站里流連忘返。

一般內鏈的設計方法為:同類產品推薦、查看所有產品/文章、上一個產品/文章、下一個產品/文章以及各類導航等。

四、網站首頁

使用大圖片或者全屏背景的網頁設計已經成為一種趨勢,這樣的網頁設計風格備受各大品牌的歡迎,因為這樣的設讓網頁外觀看起來非常的簡約大方。

一般情況下,國際品牌官網的設計規范和風格調性是總部規定好的,不同國家和地區在遵循統一規范的情況下進行本土化設計和運營,因為每個地區售賣的產品、代言人、促銷活動等都是具有差異化的。

如下圖所示:蘭蔻中國和蘭蔻德國的網站框架及設計風格一致,但banner圖中的代言人和產品是有差異的,符合蘭蔻品牌本土化的戰略。

五、產品列表頁面

產品列表頁的設計可以根據跨國公司的產品線來設計,如果產品線多、產品型號多,就可以設計成具有篩選功能的產品列表頁。用戶可以根據不同的品類、型號、價格、功能、參數去選擇想要的產品。

如果產品型號少,則可以參考蘋果國際品牌官網的做法,為Mac、iPad、iPhone、Watch、Music5 條產品線的產品,分別設計產品類表頁。

以iPhone的產品列表頁為例,這個頁面展示了:iPhone X、iPhone 8、機型比較、Apple Pay 刷公交功能、增強現實功能、iOS12、iPhone煥新計劃、iPhone配件等,這些都是與iPhone產品相關的內容——新產品、新功能、活動、配件信息。

在自家網站的GA谷歌分析中,筆者發現機型比較功能(產品比較功能)的使用率很高,確實根據字面上的意思我們看不出來iPhone X和iPhone 8 的區別,但是有了產品比較功能,用戶可以一目了然的看出兩個產品之間的差異。對于具有選擇困難癥的用戶來說,這無疑可以輔助他們進行購買決策。




2018-07-20 17:13:20
邦百家助您提升企業運營效率

目前,國內大部分企業并沒有自己的網絡管理部門,大部分都是把企業和個人的信息化建設工作承包給專業化服務公司來,由IT外包公司為企業提供更為專業的硬件維護、軟件開發等技術服務。從當前IT外包服務的內容來看,主要包括 信息化規劃(咨詢)、設備和軟件選型、網絡系統和應用軟件系統建設、整個系統網絡的日常維護管理和升級等。

圖片2.png


邦百家是一家為企業提供專業化、整合式的IT的信息化解決方案的服務公司,業務覆蓋企業IT運維服務、軟件開發運營服務、互聯網品牌建設服務三大服務體系。公司一直把解決好IT服務解決客戶遇到的IT問題作為最基本要求,把為客戶提供好的解決方案作為一個中等服務,把讓客戶有一個全新的體驗作為一個頂級的服務。

經過多年的發展,邦百家成功為維娜斯衛浴有限公司、優客工場、易點租等客戶提供優質服務,最大限度降低客戶企業因IT故障而產生的損失,保證了客戶利益。


2018-07-17 17:49:02
邦百家:臨時報修服務優質體驗

企業的正常運營離不開IT技術支持,搭建以客戶為中心的經營流程,實現全球協同、企業內外資源的快速整合配置是企業競爭的基礎,作為支撐企業生產、經營和管理最重要的工具,企業信息化建設面臨新的要求。

圖片1.png

并不是每一個企業都建立自己的IT運營部門,一旦出現網絡罷工,電腦藍屏,打印機故障,可想而知,是一件多么讓人抓狂事情。正當全體成員激烈討論一項執行方案之時,屏幕卡頓、頁面無法刷新,公司網絡瞬間進入癱瘓狀態,可想而知,是一個多么棘手的問題。這使得企業不得不借助專業化的IT服務公司,解決這些讓企業“頭疼”問題。

目前,IT外包公司如繁星般眾多,要想在保證在激烈的競爭中拔得頭籌,不僅要求自身的核心技術過硬,更重要的是極高的用戶體驗以及極高的性價比服務。邦百家(北京)科技有限公司即使如此,緊跟“大眾創業,萬眾創新”的步伐,致力于為更多中小企業提供一流的,高性價比的IT外包服務。


2018-07-17 17:48:14
八大技巧教你如何設計一個成功的網站

我們在日常產品設計中,經常會和產品經理爭辯:你的設計是正確的嗎?你的產品這么設計是成功了還是失敗,如何知道做的產品成功與否呢?

下面就從Nick Bobich這篇文章開始,聽聽他的見解以及給我們提供什么可行的建議。

譯文如下:

我們生活在幾乎所有企業都擁有在線業務的世界里。假如你想接觸一家企業,你首先想做的事情是什么?

嗯,你可能會首先想到去企業的官網,希望通過企業網站能查找到解決你心中問題的答案,或者僅僅是找到能與企業取得聯系的任何細節信息。毫無疑問,任何網站的第一印象都比以往更加重要。

目前,互聯網上有超過 18 億個網站,而且這個數字還在持續增長。競爭的加劇使人們對研究網站成功的因素產生了濃厚的興趣。

雖然沒有人質疑建立一個成功的網站是必要的,但是要理解一個網站真正的成功以及如何去衡量它的成功,并不是一件容易的事情。

一、定義網站成功對你意味著什么

1.設定一個全局目標

找到諸如像“我們的目標是什么?”以及“我們希望通過這個網站實現什么?”這樣問題的答案,是我們開始一個新項目時首先要思考的事情。

跳過定義網站全局目標這個階段,直接進入設計階段,是許多產品團隊常犯的一個錯誤。如果你不清楚你的網站要實現什么目標,那么你的網站所能帶來的積極影響力的機會將會很小。

每個網站都需要一個明確的產品策略。產品策略的確定為項目后續所有的活動確定了方向,有助于幫助產品設計師作出設計決策。當你對訪客離開你的網站后你所期望的事情有比較深刻的理解時,它會幫助你朝著設定的全局目標努力。

產品目標是一種可實現的目標與愿景的結合,協同工作,使團隊圍繞業務和用戶期望的結果進行調整。(圖片來源:Melissa Perri)

以下是一些幫助設定目標的幾個建議:

1.1 將目標與業務目標聯系起來

網站的宗旨應該是支持公司愿景并使其更有效地實現這一愿景。

1.2 使目標具體化

與其說“我需要強大的網絡影響力,”不如考慮一下:“我們的網站應該是用戶向我們提交服務請求的地方。我們的目標是50%的訂單在網上提交,而不是通過電話。”

1.3 做競品研究

列出你認為成功的競爭對手的網站,試著研究他們成功的原因。

2.努力創建以用戶為中心的體驗

因為訪客最終決定了網站的成功,所以他們應該在網站的開發過程中成為焦點。正如Dieter Rams 所說:

“如果你不了解用戶,你就無法理解好的設計;設計是為人們而設計的。”

因此,首先要了解以下內容:

2.1 描繪你的理想用戶畫像

試著了解你的目標用戶可能需要或想要的內容,他們的瀏覽習慣(他們更喜歡與網站如何互動)以及他們技術能力水平。了解了目標用戶的這些知識將有助于幫助你更好地滿足他們的需求。

2.2 思考你的訪客目標

設身處地為你的網站訪客著想。你希望他們訪問你的網站做什么?下訂單?聯系你們索要報價?成為會員?需要根據用戶目標和用戶任務來驅動設計。理論上講,你設計的每一個頁面都應該為你的目標用戶設定一個明確的目標或任務。

2.3 創建用戶旅行地圖

如果你現在就有一個網站,可以通過創建用戶旅程地圖來弄明白人們使用它的典型方式。

用戶旅行地圖(圖片來源:Temkin集團):

二、影響網站成功的 8 個網站設計基本特征

在本小節中,我們將不討論設計實現的細節(例如標志應該放在哪里)。我們將集中討論高效的網頁設計的主要原則和方法。這些原則將從用戶對網站第一印象的角度來考慮。

在訪客第一次訪問網站的時候,重點關注優秀的用戶體驗至關重要。一般來說,第一印象越好,用戶停留在網站的時間越長的幾率就越大。但是,如果用戶對網站的第一印象是消極的,它可能會導致用戶流失,并將長期避免與你的網站產品發生交互行為。

那么,如何給人留下好的第一印象?好的設計。第一印象94%是與設計有關。雖然不可能定義一個能保證一個成功網站的萬能設計決策,但還是可以聚焦于能夠創造良好第一印象的因素:內容的質量、可用性和視覺美感。

1.高質量的內容

你的網站上使用的可復制的內容和網站的設計同樣重要,也是人們訪問你的網站的原因。網絡上超過95%的信息使用的是書面語言形式。

即使你的網站設計精美,它也不過只是一個沒有優質內容的空的框架而已。一個優秀的網站不僅需要具備好的設計,還需要擁有優質的內容。

“內容先于設計。沒有內容的設計不是設計,而是裝飾。”—— Jeffrey Zeldman

1.1 匹配用戶的期望

提供你的目標用戶期望看到的信息。例如,如果你為一個連鎖餐廳設計一個網站,那么大多數的訪客會希望通過網站能找到連鎖餐廳的菜單,以及可以為他們提供每家餐廳位置的地圖。

1.2 可建立信任的內容

信任是創造說服力的力量之源;信任可以使用戶去相信你的產品或服務。這就是為什么需要在你的網站上給用戶建立一種信任感的重要原因。例如,如果你設計了一個服務型網站,在網站設計中應當考慮一些可以增強訪客能夠對這些服務建立起信任的內容。

Basecamp就是一個很好的例證。該公司列出了客戶的反饋,并結合數據分析以加強網站的社會認可力。



2018-07-16 14:21:47
合肥福彩官方网站查询