UI進(jìn)化論

前言

　　建議讀者在閱讀本書前可以先看看這個(gè)部分，很多本書的重要說(shuō)明與信息都將在此呈現(xiàn)。本書有配套的DVD光盤，其中包含了作者錄制的設(shè)計(jì)視頻教學(xué)以及本書實(shí)例的素材和最終文件。（它們來(lái)自于著名視頻分享網(wǎng)站youtube和相關(guān)產(chǎn)品的終端廠商官方網(wǎng)頁(yè)）　　在此感謝手持設(shè)備設(shè)計(jì)行業(yè)中從事交互界面設(shè)計(jì)的前輩與領(lǐng)袖，他們的專業(yè)知識(shí)和經(jīng)驗(yàn)讓作者能更好地闡述本書中的設(shè)計(jì)思想?！　「兄x所有在互聯(lián)網(wǎng)上無(wú)私展示優(yōu)秀作品的設(shè)計(jì)師，他們的部分作品讓本書的讀者更貼切地了解到何謂優(yōu)秀的交互界面設(shè)計(jì)?！　√貏e感謝CKTelecomUI部全體工作同仁，由于他們的優(yōu)秀作品才使得本書的第四部分顯得更為飽滿?！　懽髂康摹　?duì)于行業(yè)　　人機(jī)交互設(shè)計(jì)和界面設(shè)計(jì)從來(lái)沒(méi)有今天這般興盛，行業(yè)內(nèi)各個(gè)大型協(xié)會(huì)與小型組織的交流互動(dòng)，使得這個(gè)行業(yè)的上、中、下游組成部分更加了解這個(gè)學(xué)科和它能夠帶來(lái)的價(jià)值，而他們積極投身其中的行動(dòng)和廣大愛好者的激情，正是本書的創(chuàng)作初衷?！　”緯淖髡咄瑯邮窃撔袠I(yè)的實(shí)踐者，然而行業(yè)體系龐大，組成復(fù)雜，因此，作者只能挑選自己熟知，并在當(dāng)下極具市場(chǎng)價(jià)值的某個(gè)環(huán)節(jié)進(jìn)行闡述，以便將自己的一些經(jīng)驗(yàn)和收獲與讀者分享?！　∵x擇手持設(shè)備這個(gè)領(lǐng)域作為本書的重點(diǎn)，并非偶然，首先本書作者就是該領(lǐng)域的資深設(shè)計(jì)師；其次，手持設(shè)備的日益發(fā)展與功能聚合，使得它在信息化的今天，成為極重要的工作、生活和娛樂(lè)設(shè)備?！　”緯?，作者也展示了當(dāng)今行業(yè)前沿的發(fā)展動(dòng)態(tài)與技術(shù)的更新交替，以行業(yè)的視角關(guān)注設(shè)計(jì)本身，使得書中的案例與流程具有更實(shí)際的意義?！　?duì)于企業(yè)　　本書作者不僅擁有國(guó)內(nèi)知名IT公司與通信設(shè)備公司的設(shè)計(jì)工作經(jīng)驗(yàn)，也與很多中、小型企業(yè)有過(guò)深入的設(shè)計(jì)合作，其中的工作經(jīng)驗(yàn)與技巧對(duì)本土企業(yè)中的工作同仁具有實(shí)際的參考價(jià)值?！　≈袊?guó)企業(yè)本身對(duì)于交互設(shè)計(jì)與界面設(shè)計(jì)的特殊理解，團(tuán)隊(duì)的階梯式發(fā)展，其中的人文因素和技術(shù)問(wèn)題，作者都親身經(jīng)歷，相信這些知識(shí)的分享會(huì)盡量保持客觀?！　≡跁校髡哒故玖舜罅康膶?shí)際工作操作經(jīng)驗(yàn)，有些甚至是教訓(xùn)（出于隱私考慮，書中不會(huì)公布公司的名稱和項(xiàng)目的詳細(xì)情況），但我相信這些經(jīng)驗(yàn)具有普遍性意義。　　本書的分析、指導(dǎo)和教學(xué)，都將以實(shí)際工作為主，理論研究和晦澀難懂的專業(yè)用詞盡量避免，讓本書成為讀者工作中的一本參考書籍或?qū)嵱檬謨?cè)。　　對(duì)于個(gè)人　　交互設(shè)計(jì)和界面設(shè)計(jì)是針對(duì)人的設(shè)計(jì)（其實(shí)有哪種設(shè)計(jì)不是如此？），是研究用戶和觀眾的設(shè)計(jì)，是大量運(yùn)用心理學(xué)、市場(chǎng)營(yíng)銷學(xué)、信息處理技術(shù)、社會(huì)工程學(xué)等綜合知識(shí)的設(shè)計(jì)手段?！　∮脩羧绱酥匾灾劣谖彝瑯酉Ｍ胀ㄊ鼙姾头菑氖略擃I(lǐng)域工作的用戶也能看懂這本書，了解一個(gè)產(chǎn)品的核心設(shè)計(jì)過(guò)程，提高分辨優(yōu)秀產(chǎn)品和庸俗產(chǎn)品的能力，請(qǐng)不要害怕本書中的軟件和專業(yè)詞匯，書中提供了一些利于理解的案例和實(shí)際在你身邊發(fā)生的故事，你會(huì)發(fā)現(xiàn)“交互與界面無(wú)處不在”?！　≌蜃髡卟皇浅磷碛诶碚撗芯康摹爸R(shí)狂人”，也不是迷戀產(chǎn)品更新版本的“技術(shù)先鋒”，書中提出的建議和設(shè)計(jì)邏輯，將告訴你——應(yīng)該使用什么樣的產(chǎn)品？為什么生活如此枯燥和復(fù)雜？高科技和油鹽醬醋有什么關(guān)系？等等。

內(nèi)容概要

本書內(nèi)容涵蓋交互設(shè)計(jì)與界面設(shè)計(jì)的基本概念、設(shè)計(jì)規(guī)范和工作流程。由于這是一本以實(shí)際工作案例和工作經(jīng)驗(yàn)為主的書，一開始著力介紹目前最新發(fā)展的交互手段和使用場(chǎng)所，當(dāng)然是以移動(dòng)手持設(shè)備為主。作為設(shè)計(jì)師，一定要關(guān)心如何將這些創(chuàng)意產(chǎn)品化。接下來(lái)介紹如何正確地將一個(gè)設(shè)計(jì)想法變成產(chǎn)品。產(chǎn)品化的過(guò)程中，用戶體驗(yàn)設(shè)計(jì)是相當(dāng)重要的，由于UCD設(shè)計(jì)思想的廣泛使用，本書重點(diǎn)研究并分析用戶體驗(yàn)設(shè)計(jì)的可行性和方法。視覺(jué)設(shè)計(jì)是普通大眾直接接觸產(chǎn)品設(shè)計(jì)核心的介質(zhì)，本書將使用初級(jí)→高級(jí)→復(fù)合型的綜合設(shè)計(jì)案例介紹如何設(shè)計(jì)出讓人喜愛的視覺(jué)作品。最后，還說(shuō)明了一些產(chǎn)品的完整設(shè)計(jì)案例，展示一個(gè)移動(dòng)手持設(shè)備交互和界面設(shè)計(jì)的全過(guò)程?！　”緯坏写罅康奈淖謨?nèi)容，也有配套的DVD光盤，其中包含了作者錄制的設(shè)計(jì)視頻教學(xué)和本書操作實(shí)例素材及最終文件。　　本書適合移動(dòng)UI設(shè)計(jì)師迅速進(jìn)入職場(chǎng)角色，也可供平面設(shè)計(jì)人員、交互設(shè)計(jì)人員和對(duì)UI設(shè)計(jì)感興趣的讀者閱讀和參考。

作者簡(jiǎn)介

作者: 周 陟 
　　中國(guó)數(shù)字藝術(shù)獎(jiǎng)全國(guó)巡展受邀 數(shù)字圖形設(shè)計(jì) 參展上海“出街”國(guó)際藝術(shù)設(shè)計(jì)展；受邀平面招貼 參展新西蘭GOUW設(shè)計(jì)師平臺(tái)推薦WEB設(shè)計(jì)師；E-motional design, k10k, 美國(guó)Visualizer藝術(shù)平臺(tái)作品收錄推薦。曾擔(dān)任中域網(wǎng)美術(shù)指導(dǎo)，有著豐富的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)開發(fā)經(jīng)

書籍目錄

PART 1 設(shè)計(jì)產(chǎn)品化 　第1章 交互概念設(shè)計(jì)與圖形 界面設(shè)計(jì)   　　1.1 交互概念設(shè)計(jì)  　　　1.1.1 交互設(shè)計(jì)從概念出發(fā)  　　　1.1.2 交互設(shè)計(jì)的發(fā)展   　　　1.1.3 交互設(shè)計(jì)的應(yīng)用展示  　　1.2 圖形界面設(shè)計(jì) 　　　1.2.1 圖形界面的發(fā)展歷程  　　　1.2.2 用戶使用系統(tǒng)就是使用界面  　　　1.2.3 用戶界面不是繪畫繡花  　　　1.2.4 UCD的設(shè)計(jì)思想   　　　1.2.5 使用圖形軟件之前的準(zhǔn)備   　　　1.2.6 必備的軟件分析   　　1.3 交互概念設(shè)計(jì)與圖形界面的聯(lián)系  　　　1.3.1 理解用戶的需求和分析需求   　　　1.3.2 設(shè)計(jì)一些候選方案和概念   　　　1.3.3 進(jìn)行原型設(shè)計(jì)  　　　1.3.4 用戶測(cè)試與評(píng)估   　　　1.3.5 兩者的關(guān)系和應(yīng)用   　第2章 交互概念與圖形界面 設(shè)計(jì)新趨勢(shì)  　　2.1 手持移動(dòng)設(shè)備的產(chǎn)品特點(diǎn) 　　　2.1.1 不同的感知和感覺(jué)   　　　2.1.2 不同的使用環(huán)境   　　2.2 手持移動(dòng)設(shè)備的概念設(shè)計(jì)要素  　　2.3 手持移動(dòng)設(shè)備的界面設(shè)計(jì)風(fēng)格  　　2.4 手持移動(dòng)設(shè)備的基礎(chǔ)知識(shí) 　　　2.4.1 承載平臺(tái)的介紹和分析 　　　2.4.2 顯示介質(zhì)的介紹和分析 　　　2.4.3 作者的經(jīng)驗(yàn) 　第3章 手持移動(dòng)設(shè)備設(shè)計(jì)的 產(chǎn)品化  　　3.1 產(chǎn)品設(shè)計(jì)的目的 　　　3.1.1 產(chǎn)品設(shè)計(jì)的目的是為使用產(chǎn)品的用戶   　　　3.1.2 交互設(shè)計(jì)和界面設(shè)計(jì)不是萬(wàn)能的 　　　3.1.3 我應(yīng)該使用什么樣的產(chǎn)品   　　3.2 設(shè)計(jì)是如何產(chǎn)品化的  　　　3.2.1 如何決定將一個(gè)設(shè)計(jì)產(chǎn)品化的市場(chǎng)調(diào)查和分析  　　　3.2.2 設(shè)計(jì)的產(chǎn)品化檢驗(yàn)過(guò)程 　　3.3 產(chǎn)品化過(guò)程中的問(wèn)題  　　　3.3.1 天使客戶還是魔鬼客戶   　　　3.3.2 為什么用戶選擇了他 　　　3.3.3 產(chǎn)品經(jīng)理的太極拳  　　　3.3.4 開發(fā)人員說(shuō)：“我討厭交互設(shè)計(jì)” 　　　3.3.5 交互設(shè)計(jì)師說(shuō)：“我不需要圖形” 　　　3.3.6 設(shè)計(jì)師的一廂情愿  PART 2 產(chǎn)品化交互設(shè)計(jì)過(guò)程 　第4章 產(chǎn)品策劃定義   　　4.1 競(jìng)爭(zhēng)分析   　　　4.1.1 如何分析競(jìng)爭(zhēng)對(duì)手和產(chǎn)品  　　　4.1.2 設(shè)計(jì)總監(jiān)的角色  　　4.2 相關(guān)負(fù)責(zé)人會(huì)議 　　　4.2.1 會(huì)議的前期準(zhǔn)備  　　　4.2.2 團(tuán)隊(duì)成員的確定  　　　4.2.3 出現(xiàn)的一些波動(dòng)因素 　第5章 用戶分析與研究  　　5.1 用戶參與研究法 　　　5.1.1 為何用戶要參與研究 　　　5.1.2 一個(gè)典型案例  　　　5.1.3 創(chuàng)意從何而來(lái) 　　5.2 觀察法 　　　5.2.1 觀察的方法 　　　5.2.2 觀察的目的和分析手段 　　5.3 用戶訪談  　　　5.3.1 用戶訪談的原則  　　　5.3.2 用戶訪談的記錄方式 　　5.4 焦點(diǎn)小組法 　　5.5 卡片分類法 　　5.6 頭腦風(fēng)暴法  　　　5.6.1 頭腦風(fēng)暴法成功的要點(diǎn) 　　　5.6.2 “正規(guī)”手持設(shè)備的GUI界面  　　5.7 任務(wù)分析法   　　　5.8 情景設(shè)定法   　　5.9 社會(huì)性研究法  　第6章 概念原型設(shè)計(jì)   　　6.1 紙上原型   　　　6.1.1 紙上原型的設(shè)計(jì)要點(diǎn)  　　　6.1.2 一些案例   　　6.2 設(shè)計(jì)原則   　　　6.2.1 需要做些什么  　　　6.2.2 視覺(jué)與功能平衡   　　6.3 交互原型設(shè)計(jì)  　　　6.3.1 低保真原型設(shè)計(jì)   　　　6.3.2 高保真原型設(shè)計(jì)   　第7章 設(shè)計(jì)驗(yàn)證測(cè)試   　　7.1 可用性測(cè)試   　　　7.1.1 可用性測(cè)試對(duì)設(shè)計(jì)有什么幫助  　　　7.1.2 可用性測(cè)試的場(chǎng)地和費(fèi)用   　　　7.1.3 什么時(shí)候進(jìn)行？多少人參與？ 如何準(zhǔn)備    　　7.2 啟發(fā)式評(píng)估   　　　7.2.1 如何決定將一個(gè)設(shè)計(jì)產(chǎn)品化   　　　7.2.2 設(shè)計(jì)的產(chǎn)品化檢驗(yàn)過(guò)程  　　7.3 問(wèn)卷表格   　　　7.3.1 問(wèn)卷調(diào)查法  　　　7.3.2 如何設(shè)計(jì)一份標(biāo)準(zhǔn)的問(wèn)卷表格   　第8章 設(shè)計(jì)規(guī)范   　　8.1 設(shè)計(jì)規(guī)范   　　　8.1.1 設(shè)計(jì)規(guī)范的必要性   　　　8.1.2 關(guān)于設(shè)計(jì)規(guī)范的談話  　　8.2 設(shè)計(jì)的執(zhí)行   　　　8.2.1 設(shè)計(jì)執(zhí)行說(shuō)明書   　　　8.2.2 編寫要點(diǎn)   　　8.3 輸出標(biāo)準(zhǔn)化   　　　8.3.1 設(shè)計(jì)說(shuō)明   　　　8.3.2 菜單樹結(jié)構(gòu)  　　　8.3.3 文件打包   PART 3 GUI視覺(jué)設(shè)計(jì) 　第9章 一切從圖標(biāo)開始  　　9.1 圖標(biāo)的故事   　　　9.1.1 圖標(biāo)設(shè)計(jì)的意義   　　　9.1.2 好的圖標(biāo)設(shè)計(jì)有什么特點(diǎn)   　　9.2 手持設(shè)備的圖標(biāo)設(shè)計(jì)   　　　9.2.1 手持設(shè)備的圖標(biāo)設(shè)計(jì)有何不同   　　　9.2.2 設(shè)計(jì)一個(gè)手持設(shè)備的圖標(biāo)   　第10章 手持設(shè)備的圖形界面  　　10.1 圖形界面設(shè)計(jì)的創(chuàng)意  　　　10.1.1 優(yōu)秀圖形界面賞析   　　　10.1.2 開始設(shè)計(jì)手持設(shè)備的圖形界面   　　10.2 【案例】手機(jī)MP3播放器的 界面設(shè)計(jì)  　　　10.2.1 產(chǎn)品定義   　　　10.2.2 交互設(shè)計(jì)   　　　10.2.3 界面原型   　　　10.2.4 視覺(jué)設(shè)計(jì)   　　10.3 【案例】移動(dòng)設(shè)備主題界面設(shè)計(jì)   　第11章 圖形界面的創(chuàng)意升級(jí)  　　11.1 圖形界面不只是畫圖   　　　11.1.1 讓手持設(shè)備變得人性化  　　　11.1.2 情感化因素不可忽視   　　　11.1.3 交互特效的引入  　　　11.1.4 產(chǎn)品=體驗(yàn)=品牌   　　　11.1.5 臨場(chǎng)的體驗(yàn)決定購(gòu)買意愿  　　11.2 用戶體驗(yàn)  PART 4 項(xiàng)目實(shí)踐 　第12章 手機(jī)交互界面設(shè)計(jì)始末  　　12.1 制定設(shè)計(jì)流程   　　　12.1.1 一個(gè)優(yōu)秀的圖形界面設(shè)計(jì) 還需要什么  　　　12.1.2 面向整個(gè)產(chǎn)品過(guò)程的設(shè)計(jì)流程   　　12.2 第一次項(xiàng)目會(huì)議  　　12.3 圖標(biāo)設(shè)計(jì)  　　　12.3.1 圖標(biāo)設(shè)計(jì)的思考方式   　　　12.3.2 【教程】圖標(biāo)設(shè)計(jì)  　　12.4 評(píng)審篩選會(huì)議   　　12.5 設(shè)計(jì)方向  　　12.6 交互設(shè)計(jì)效果   　　12.7 界面設(shè)計(jì)  　　　12.7.1 【教程】main menu（主菜單） 設(shè)計(jì)  　　　12.7.2 【教程】world time（世界時(shí)間） 設(shè)計(jì)  　　12.8 界面設(shè)計(jì)提案   　　12.9 制作Flash演示  　　　12.9.1 制作平面演示框架   　　　12.9.2 制作Flash演示   　　12.10 提案會(huì)議  　　　12.10.1 準(zhǔn)備演示的資料  　　　12.10.2 確定必要的參會(huì)人員  　第十三章 樣板工程設(shè)計(jì)—— UI決策產(chǎn)品   　　13.1 產(chǎn)品策劃  　　　13.1.1 PPT演示文檔的作用   　　　13.1.2 《用戶體驗(yàn)淺析》培訓(xùn)課程試卷  　　　13.1.3 《用戶體驗(yàn)淺析》部門培訓(xùn)試卷 反饋分析   　　13.2 項(xiàng)目會(huì)議  　　13.3 概念設(shè)計(jì)  　　　13.3.1 “影視手機(jī)”概念機(jī)型定義  　　　13.3.2 測(cè)試LCD   　　　13.3.3 界面概念設(shè)計(jì)  　　13.4 界面設(shè)計(jì)  　　13.5 交互實(shí)現(xiàn)  　　13.6 音效整合  　　　13.6.1 音源芯片測(cè)試  　　　13.6.2 鈴音制作示例  　　13.7 制作開關(guān)機(jī)動(dòng)畫

章節(jié)摘錄

　　這是Shneiderman首先提出的概念，用戶最終關(guān)心的是他想操作的對(duì)象，他只用關(guān)心任務(wù)語(yǔ)義，而不用過(guò)多地為計(jì)算機(jī)語(yǔ)義和句法分心?！　”热鏦ind0Ws的桌面系統(tǒng)，模擬了物理環(huán)境中的桌面方式，文件夾的分類讓用戶了解只要操作文件夾便可找到需要的資料，而不用關(guān)心文件夾與系統(tǒng)直接的信息處理過(guò)程。多媒體用戶界面　　多媒體技術(shù)引入了動(dòng)畫、音頻、視頻等交互媒體手段，特別是引入了音／視頻媒體，極大地豐富了計(jì)算機(jī)表現(xiàn)信息的形式，提高了用戶接受信息的效率?！　≡谀愕氖謾C(jī)上，你能夠在發(fā)送短消息的同時(shí)，聽到發(fā)送成功的提示音，這樣你能夠在不觀察屏幕的情況下，了解系統(tǒng)目前的任務(wù)完成情況，這使得你能從單次操作中解放出更多時(shí)間?！　《嗤ǖ烙脩艚缑妗　《嗤ǖ烙脩艚缑娴囊胧菫榱讼?dāng)前WOMP／GUI以及多媒體用戶界面通信帶寬不平衡的瓶頸，綜合采用視線、語(yǔ)音、手勢(shì)等新的交互通道、設(shè)備和交互技術(shù)，使用戶利用多個(gè)通道以自然、并行、協(xié)作的方式進(jìn)行人機(jī)對(duì)話，通過(guò)整合來(lái)自多個(gè)通道的精確的和不精確的輸入來(lái)捕捉用戶的交互意圖，提高人機(jī)交互的自然性和高效性?！　?guó)外行業(yè)中的研究涉及鍵盤、鼠標(biāo)器之外的輸入通道主要是語(yǔ)音和自然語(yǔ)言、手勢(shì)、書寫和眼動(dòng)方面，并以具體系統(tǒng)研究為主。上面我們提到的marro系統(tǒng)正是這種交互手段的應(yīng)用?！　√摂M現(xiàn)實(shí)技術(shù)　　在虛擬現(xiàn)實(shí)中，人是主動(dòng)參與者，復(fù)雜系統(tǒng)中可能有許多參與者共同在以計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng)為基礎(chǔ)的虛擬環(huán)境中協(xié)同工作，虛擬現(xiàn)實(shí)系統(tǒng)的應(yīng)用十分廣泛，幾乎可用于支持任何人類活動(dòng)和任何應(yīng)用領(lǐng)域?！　√摂M現(xiàn)實(shí)技術(shù)比以前任何人機(jī)交互形式都有希望徹底實(shí)現(xiàn)和諧的、“以人為中心”的人機(jī)界面。

媒體關(guān)注與評(píng)論

　　在各種變化的環(huán)境中單手使用一個(gè)小屏幕設(shè)備，是件極其痛苦的事情。要降低這種痛苦，只有做出更完美的交互界面。這本書在給我們介紹一種降低人們痛苦的方法，值得所有致力于降低用戶痛苦的設(shè)計(jì)師們認(rèn)真品讀?！　　坐f 支付寶首席產(chǎn)品體驗(yàn)師　　在我的印象中，Lytous是一個(gè)十分優(yōu)秀的視覺(jué)設(shè)計(jì)師。最近幾年的接觸，發(fā)現(xiàn)他原來(lái)還是一個(gè)高產(chǎn)作家。這還是其次，最重要的是他寫的每一本書都很暢銷。讓我們感謝他對(duì)中國(guó)設(shè)計(jì)界做出的貢獻(xiàn)！讓我們?yōu)橹袊?guó)設(shè)計(jì)！　　——JunChen 途牛網(wǎng)產(chǎn)品總監(jiān)　　縱觀國(guó)內(nèi)目前出版的一些Web可用性書籍，東拼西湊類、偷梁換柱類和濫竽充數(shù)類比比皆是，針對(duì)移動(dòng)設(shè)備交互和界面設(shè)計(jì)類的圖書更是為數(shù)不多，周陟同學(xué)的這本書從移動(dòng)設(shè)備的交互到項(xiàng)目實(shí)施，再到一些實(shí)操過(guò)程中的一些問(wèn)題的解決方法，都做了系統(tǒng)和流程化的闡述。我對(duì)這本書的評(píng)價(jià)：全面，系統(tǒng)，實(shí)用。是您手頭不可或缺的一本移動(dòng)交互界面設(shè)計(jì)案例教材書。　　——壞人

編輯推薦

　　日本移動(dòng)設(shè)備UI設(shè)計(jì)專著　　國(guó)內(nèi)UI設(shè)計(jì)先驅(qū)的領(lǐng)先感悟　　+精密闡述UI設(shè)計(jì)思維　　+移動(dòng)設(shè)備UI設(shè)計(jì)全案展示　　+GUI設(shè)計(jì)技能火速提高　　+從需求到產(chǎn)品全案揭祕(mì)　　DVD光盤　　+UI設(shè)計(jì)大師的操作視頻　　+《UI進(jìn)化論：移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì)》實(shí)例素材和最終文件　　+更多UI設(shè)計(jì)師必備資源

圖書封面

圖書標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    UI進(jìn)化論 PDF格式下載

---