《這樣O那樣X 一看就懂的UI設計與資訊編排技巧》



「就跟你說了啊！網頁 UI 不可以這樣設計啦！！！」



你的網站是為了誰設計的呢？為什麼客戶讚好，使用者還是覺得很難用？



本書作者是在日本知名廣告代理商「電通」集團服務超過 20 年的資深網頁設計師，

他將告訴你如何從「使用者觀點」重新打造網頁 UI，

精選 62 個常見網頁 UI 問題和補充知識，

用最簡單的「○╳」形式清楚說明：什麼叫「真正方便好用」的網站！



以下這些讓使用者覺得難用的網站 UI，其實到處都有！快看看你中了幾槍：

● 在首頁放了 10 張輪播的廣告，訪客會全部看完嗎？

● 明明導覽列有這個項目，為什麼使用者找不到？

● 設計了超美超炫的特效，結果沒有人會用？

● 做了一大堆滑鼠互動效果，沒把滑鼠移上去就看不到！

● 精心製作「扁平化設計」的按鈕，結果完全看不出是按鈕...

● 把現成的數據圖表塞進網頁，使用者都看不清楚

● 手機版網頁的按鈕設計太小，拇指一次按到好幾顆

● 明明可以直接輸入數字就好，卻做成下拉式選單

● 設計了密密麻麻的註冊表單，使用者看了都不想註冊

● 設計問卷時讓每個項目都必填，結果沒耐性的使用者都亂填



...好用的網站 VS 難用的網站，一比就知道！

趕快翻開本書，馬上看看該怎麼修改，才能找回「好用」的網站！



本書特色



網站介面設計的重點是：以「使用者觀點」為中心

不要因為設計師或主管的強烈要求，害你的網站越來越難用！



作者精華語錄：

● 「放在網頁上，但是沒人看到」的資訊，根本就等於不存在。

● 在網頁上到處放廣告 Banner，只會讓訪客覺得礙眼。

● 網站中不夠新、和使用者無關的資訊，請勇敢地下架吧！

● 如果把所有功能都放到家中財位擺設主選單，訪客通常會說：沒重點！很難找！

● 「全站導覽列」只有常來網站、很了解網站結構的熟客才會覺得好用！

● 千萬別做出「只有自己人覺得好」的網站！

● 使用者打開網頁後頂多看 10 秒！如何在 10 秒內抓住他的眼睛？

● 10 秒內看不完！太多的輪播圖片和滑鼠效果幾乎是無意義的。

● 別以為不管網頁裡放什麼內容，都能被使用者看到。

● 你所想的關鍵詞和使用者想的不見得一樣！

...本書精選 62 個常見網頁 UI 問題和補充知識，讓你知道使用者想要什麼！

• 
  
  

  作者介紹

  
  
  
  
  
  
  香西 睦（Kouzai Mutsumi）
  
  
  
  資訊設計師
  
  
  
  1964 年出生於日本千葉縣。1989 年以平面設計師身分獨立創業。1995 年起經手許多大型電子產品製造商的網站建置工作，同時也是相當活躍的 Flash 創作者。自 2001 年電通集團創立旗下的 Digital Palette 公司（目前已更名為「電通 Isobar (安索帕) 數位行銷集團」）起，就以主要成員的身分，參與許多大型企業的網站建構及翻新專案。擅長運用獨樹一格的設計理論及使用者觀點，改善網站的結構與資訊設計。
  
  
  
  電通 Isobar (安索帕) 數位行銷集團
  
  www.dentsuisobar.com/
  
  合資公司 Continue JP
  
  www.continue.jp/
  
  





• 
  
  

  譯者介紹

  
  
  
  
  陳亦苓
  
  
  
  國立政治大學廣播電視學系畢業，輔修日文，曾留學並於日本工作近 4 年。目前為自由譯者。譯作包括：《智慧手機 App UI/UX 設計鐵則》、《Photoshop CC完美呈現》、《零秒思考力》系列、《統計學，最強的商業武器》系列、《幽靈：日本的鬼》...等等。譯生志業是讓英日殊途同歸繁中。
  
  
  
  個人作品列表：www.anobii.com/bready/books
  
  
  
  

• 
  
  Chapter 1 版面配置、操作介面
  
  Chapter 2 網站內容的編輯與設計
  
  Chapter 3 易用性
  
  Chapter 4 網站設計與行銷策略