热线电话:010-68020361
该货品暂时缺货,请在下面输入您的邮箱地址或手机号码,当我们有现货供应时,我们会发送邮件通知您!
多元裝置時代的網站UI/UX設計法則:打造出讓使用者完美體驗的好用介面作者: 原田秀司 追蹤作者 新功能介紹譯者:許郁文出版社:博碩 訂閱出版社新書快訊 新功能介紹出版日期:2014/08/29語言:繁體中文定價:320元
ISBN:9789862019504規格:平裝 / 160頁 / 17 x 23 cm / 普通級 / 全彩印刷 / 初版出版地:台灣
內容簡介
多元裝置時代下,好用的使用者介面(UI)與絕佳的使用者經驗(UX)的「設計手法」以及「思考模式」,本書完整介紹!
「網站好用」的祕密,PC&智慧型裝置適用(PC、智慧型手機、平板電腦、智慧型電視)
體貼使用者的心就是設計的原點
進入多元裝置時代之後,網站的設計往往必須支援智慧型手機、平板電腦、智慧型電視以及PC這四種螢幕,不過有時候由於過於在乎各種裝置的特性,而不知不覺設計出不好逛、不容易操作的網站,本書的重點即是介紹如何設計出擁有「簡潔好用」特性的網站的方法。內容從「網站.構造」、「裝置.介面」、「使用者經驗(UX)」等三個方面為出發點,整理出多元裝置時代的介面設計概念,這絕對是一本適合網站設計人員以及眾多網路使用者閱讀的好書。 作者介紹
作者簡介
原田秀司
1974年生於東京都,東京大學工學部畢業。於IT供應商擔任程式設計師SE之後,於Web製作公司擔任總監。從2008年開始成為自由工作者,負責網站設計與監修。目前是日本平面設計師協會的一員。 目錄
CHAPTER-01網站架構(website architecture)—關於構造一二三事
◎垂直、水平、前後的立體構造01 連結帶來的影響02 考慮垂直、水平、前後方向的立體構造03 掌握身在何處的四個元素04 讓頁面的前後關係視覺化05 利用互動性表現頁面的前後關係06 讓使用者透過視覺設計判斷目前所在位置07 階層的廣度、深度與標籤的關係
◎佈局模式08 何謂版型?09 單欄式版型10 單欄式版型的各種變化11 雙欄式版型12 三欄式版型13 雙欄式與三欄式版型的變化14 格狀設計15 回應式網頁設計
◎導覽列16 導覽列扮演的角色17 不同類型的導覽列區塊18 常駐於畫面的「頁首與頁尾」19 代表位址與路徑的「麵包屑導覽」20 不同類型的「麵包屑導覽」21 「全域導覽列」與「區域導覽列」22 使用者可從他處回流的「關聯性導覽列」23 垂直型與水平型的「區域導覽列」24 透過「區域導覽列」顯示的階層25 透過「區域導覽列」顯示的系統26 「樹狀型區域導覽列」的位置27 「主要內容區塊」的位置28 讓導覽列的位置與內容固定
◎一致性29 一致性與靈活性30 一致性的效果31 「迷路」的原因何在?
CHAPTER-02裝置介面(device interface)—關於裝置
◎物理性制約32 何謂裝置的多元性33 螢幕大小造成的影響34 使用者與螢幕的距離所造成的影響35 螢幕方向造成的影響36 輸入方式造成的影響
◎軟體制約37 文字資料的特性38 圖片檔案的特性39 圖片檔案的純文字化與向量化40 瀏覽平台種類造成的差異
◎捲動的方向性41 何為自然的捲動方向42 捲動文字造成的影響43 螢幕形狀對畫面捲動的影響44 元素形狀對畫面捲動的影響45 元素間距對捲動造成的影響46 垂直與水平方向並存的捲動方式47 畫面捲動與翻頁的關係
◎與裝置的互動48 互動與回饋的關係49 由滑鼠操作產生的回饋50 由觸控面板產生的回饋51 由遙控器操作產生的回饋
◎無縫式介面52 什麼是不切換畫面的介面?53 覆蓋式介面54 嵌入式介面55 滑動式介面56 增量捲動介面57 增量翻頁介面58 增量平移介面59 輪播式介面60 無縫式步驟
CHAPTER-03經驗設計(experience design)—關於理解、體驗以及設計的講究之處
◎理解與體驗61 平面構造與立體構造的差異62 從平面進行考察63 以立體的角度了解網站構造64 利用局部的原型進行體驗65 實機體驗
◎設計的講究之處66 讓介面變得極簡67 能自然而然操作的介面68 活用共通概念69 利用顏色的判別效果70 標準化版型與頁面元件71 避免變得冗長72 利用精簡的手法創造更豐富的內容