讀設計.入門篇:如何設計好網站– saliejung | 如何設計好網站 書

11 個月前來到現在的公司,就職前收到一份書單,《如何設計好網站》是 ... 書當然還是要自己看,其實原文書名Don't make me think 的觀念應用 ...跳至內容區11個月前來到現在的公司,就職前收到一份書單,《如何設計好網站》是其中一本,同事說算是入門的基本。

眼下翻了翻,硬是看完前25頁就看不下去,有看沒有懂,心想直接看設計大舌頭之類的編譯文章比較快,但老實說台灣也沒有一個比較完整的UI/UX相關的DesignThinking&Sharing平台。

總算在11個月後的最近重拾《如何設計好網站》,還讀完了。

慶幸的是對書中提到的案例,因為有概念而不再陌生,但希望大家在拜讀之前先有個心理準備。

第一:翻譯很爛,光是錯字就有很多未校正,更別提語句不通順……第二:相較於2000年的第一版,我看的當然是2014年出版的第三版,但老實說還是有許多不合時宜的例子或解決方式,沒辦法,網路世界真的變得很快很快很快。

第三:作者有強調他希望書很薄讓你常翻,所以有些觀念講得還可以,有些就不夠深入了。

Anyway這只是入門,看完書額外還是要好好做功課!畫了不少重點,但唯一讓我貼上標籤的篇章是……書當然還是要自己看,其實原文書名Don’tmakemethink 的觀念應用在UI/UX各方面就夠你想破頭了。

這邊略略分享一下身為網頁設計師(好開心,應該真的能這樣表示自己的專業了)最喜歡的其中一個章節。

第三章:看板設計101——為掃視而設計,不是閱讀Chapter3:BillboardDesign101–Designingpagesforscanning,notreading善用慣性這也是網頁設計流程中最重要的一部分。

慣性的意思舉例來說,假如使用者已經習慣menu會在上方、放大鏡的icon就代表搜尋,那麼你就不應該把menu藏在其他使用者不習慣的位置,或者以其他icon代替「放大鏡等於搜尋」的含義。

一般使用者已習慣長型Bar加上放大鏡icon就代表搜尋列,而這對大型電商 amazon 來說正是最重要的功能當然,設計沒有對錯,假如你的網站就是走特立獨行的風格,那你是可以冒一些風險讓使用者願意「學習」如何使用你的網站。

沒錯,違反慣性的UI/UX設計,使用者必須花點時間理解才會用,假如使用者馬上被你搞得不耐煩關掉網站,當然得不償失……不過你也可以透過適當的輔助或指引,提高使用者的接受度。

或者,你的網站本身就夠有趣,目前看過的特殊案例多數是強調個人特色的個人作品集。

身為創意總監,DanielPortuga 以段落敘述的方式呈現Menu的功能建立有效的視覺階層這章的重點就是——「網頁是用掃的,不是用讀的」。

因此,清楚的視覺層級規劃能幫助快速掌握「什麼是最重要的?」,而不是每個區塊看起來都一樣重要,降低閱讀效率。

內容經過消化、組織、整理過的頁面才是有效率的。

TheNewYorkTimes其他還有很多基本觀念,假如你已經是網頁設計界的老手,這本《如何設計好網站》很適合時不時拿起來翻一翻,尤其是在專案開始、過程中遇貧頸、最後的審視時。

另外如果有能力,就讀英文版 Don’tmakemethink 吧!分享此文:FacebookTwitter發表留言取消回覆在此輸入你的回應…在下方填入你的資料或按右方圖示以社群網站登入:電子郵件(電子郵件地址不會公開)名稱個人網站您的留言將使用WordPress.com帳號。

( 登出 / 變更 )您的留言將使用Google帳號。

( 登出 / 變更 )您的留言將使用Twitter帳號。

( 登出 / 變更 )您的留言將使用Facebook帳號。

( 登出 / 變更 )取消連結到%s透過電子郵件通知我後續回應。

有新文章時用Email通知我。

文章分頁導航前上一篇文章:設計留學:學校怎麼選?下一個下一篇文章:培養「秒判斷文章價值」的能力,提高閱讀效率關於我嗨!很高興你看到這個網站,未來這裡將持續新增設計、行銷、台灣產業相關的觀點。

目前網站仍在建置中,你可以在下方輸入email追蹤最新消息,也可以傳送任何訊息給我:)追縱小幫手輸入email關注此網誌接收新文章通知。

電子郵件地址:FollowSearch搜尋:最新文章培養「秒判斷文章價值」的能力,提高閱讀效率讀設計.入門篇:如何設計好網站設計留學:學校怎麼選?日本設計菜鳥奮鬥記這樣算是設計嗎?淺談Builde


常見投資理財問答


延伸文章資訊