何謂易於理解的介面,蠟燭藝術之網頁設計介紹

所謂『使用者至上』( user-first)就網頁設計的立場,就是要規劃出動線佳的網頁導覽,不讓使用者產生誤會的莫名其妙的視覺設計。要讓使用者有美好的體驗,至少要做到下面三點:

• 視覺效果與功能是一體的
• 文案具有功能
• 一致性的設計概念

網頁設計者必須站在使用者的立場思考才能提供給用戶美好的使用體驗。
因此網頁設計必須提供好用的介面、簡潔的架構,讓使用者快速找到要到達的頁面。

何謂易於理解的介面

複雜又多層次的網頁設計容易讓使用者成為網站上的迷途羔羊。
一目了然的簡約設計,才能讓使用者快速找到想要前往的頁面。
何謂易於理解的介面?至少要掌握下面三個要點:

1.表象與實際功能是否一致?(NG例子:看起來很像按鈕,卻無法點擊。)
2.文案內容是否引起使用著的誤解?(NG例子:明明是賣手機的網站,內容都在談電玩。)
3.同一功能卻採用各種不同的設計?(NG例子:可以超連結的文字,有些以背景色表現,有些以粗體字表現,有些以底線表現。)

今天這篇文貼要以日本客戶的案例來介紹網頁設計上的『一致性』與『區別』的設計技巧。
何謂易於理解的介面
http://www.chiko.pink/
這是蠟燭藝術的網站,訴求對象想要透過微微閃爍的燭光、飄蕩著香氛獲得療癒的女性,因此網頁風格採用極致夢幻的典雅設計。

除了首頁以輪播圖呈現之外,其他頁面的麵包屑導航統一採用粉色系當基底搭配復古高雅的圖案設計。麵包屑導航之於SEO的重要性

「作品集」、「教學課程」,「聯絡我們」等六個頁面,每個頁面採用不同顏色的背景來區別每個頁面的功能性。尤其是關於蠟燭這個頁面,對蠟燭的保養與保管方法,如何將蠟燭熄火等,透過框線顏色做區隔與配置,在以字體的顏色與大小做標題和正文的區分。這就是一目了然的簡約設計,使用者都會像小編一樣陶醉在網頁設計所營造出來的燭光閃閃香氛飄逸的氣氛中吧!

More from our Article

See all posts