怎么設(shè)計(jì)一個(gè)好的用戶界面,我希望能從這本書中找到答案-->

一、移動(dòng)市場(chǎng)及其巨頭概覽
2008年蘋果發(fā)布了iPhone的APP Store,開發(fā)者可以為這個(gè)平臺(tái)開發(fā)原生軟件了,谷歌在后三個(gè)月發(fā)布了Google Play Store
平板電腦有ipad和谷歌Nexus7(市場(chǎng)上最成功的Android平板電腦)
跨平臺(tái)的策略:在桌面電腦和平板電腦上提供相同的操作系統(tǒng),例如微軟。
二、以人為本進(jìn)行設(shè)計(jì)
與視覺設(shè)計(jì)師的區(qū)別:關(guān)注點(diǎn)則在于用戶在操作過程中對(duì)每個(gè)元素的反應(yīng)和操作習(xí)慣
最好的設(shè)計(jì)應(yīng)該有很強(qiáng)的容錯(cuò)性:預(yù)防數(shù)據(jù)丟失、提高主要操作結(jié)果的可見性、允許用戶犯錯(cuò)后重新嘗試。例如APP Store,包括部分反復(fù)確認(rèn)流程,點(diǎn)擊獲取-開始,才開始下載,如果需要支付,還要輸入一遍支付密碼,這樣的設(shè)計(jì)讓用戶瀏覽時(shí)感覺放心。
設(shè)計(jì)師也是人,展示自己的作品,處理源源不斷的批評(píng):設(shè)計(jì)的社區(qū)、朋友或同事、參加會(huì)議結(jié)識(shí)一些熱衷于移動(dòng)應(yīng)用開發(fā)的朋友、找一些用戶預(yù)先測(cè)試軟件迭代版本、觀察用戶。用戶永遠(yuǎn)是對(duì)的。
先弄清楚你的用戶是誰:可能是特定年齡、性別、或者有某種特殊興趣的人群,他們有固定的品味、興趣或者偏好。比如AssistiveTouch(小白點(diǎn))允許殘疾人單手完成大部分操作
了解用戶的辦法:創(chuàng)建一些persona(角色)、研究那些和你的目標(biāo)用戶及問題相似的應(yīng)用、直接與你的潛在用戶討論對(duì)應(yīng)用的一些想法。
移動(dòng)設(shè)備在用戶工作流程中扮演的角色:說服用戶相信你的產(chǎn)品有價(jià)值是件很困那的事。應(yīng)用必須簡(jiǎn)單。直觀。易于學(xué)習(xí)。移動(dòng)應(yīng)用用戶往往是利用奔波中的碎片時(shí)間使用這些應(yīng)用。例如ibike,應(yīng)用這款應(yīng)用的人很可能在騎車,所在設(shè)計(jì)時(shí)使用了大字體和簡(jiǎn)潔的界面
三、移動(dòng)設(shè)計(jì)中的動(dòng)態(tài)差異
智能手機(jī)獨(dú)有的交互設(shè)計(jì):移動(dòng)工具和硬件特性可以讓用戶付出最少的努力就能獲得你的服務(wù)。例如手機(jī)的陀螺儀定位設(shè)備的方向、設(shè)備中的磁性羅盤創(chuàng)建一款增強(qiáng)現(xiàn)實(shí)的應(yīng)用
平板電腦獨(dú)有的交互設(shè)計(jì):將觸屏和動(dòng)態(tài)交互的海量應(yīng)用帶到一款大小合適閱讀、寫作和處理數(shù)據(jù)的設(shè)備上。平板電腦非常適合那些不限于在客廳中進(jìn)行看視頻或玩游戲
移動(dòng)產(chǎn)品難以擁有的交互:文字輸入(要多花一點(diǎn)時(shí)間專注于更有效的文字輸入是有必要的)、用戶很難再屏幕上進(jìn)行微小精確的輸入(在移動(dòng)端常??吹酱蟀粹o和大圖標(biāo))、擴(kuò)展性(沒有USB接口、HDMI接口)
智能手機(jī)和平板電腦通用的點(diǎn):頁面流動(dòng)布局的形式,提升渲染效率
四、應(yīng)用設(shè)計(jì)的首張草圖
準(zhǔn)備階段:
(1)一名成功的交互設(shè)計(jì)師需要堅(jiān)持做很多筆記,無論是從其他應(yīng)用中看到的行業(yè)趨勢(shì)或者個(gè)人工作上的看法。研究其他功能類似的產(chǎn)品的交互設(shè)計(jì)是什么樣子的,優(yōu)秀案例可以幫助你確定自己的應(yīng)用看起來是怎樣的,尤其是那些處理復(fù)雜交互問題的方式,也可以去看到競(jìng)品所存在的一些問題和缺點(diǎn),從而幫助你找到你的應(yīng)用在市場(chǎng)上出類拔萃的機(jī)會(huì)。
(2)工具:Xcode上自帶了IOS的模擬器、AndroidSDK自帶了Android設(shè)備的模擬器。看相關(guān)平臺(tái)上的設(shè)計(jì)規(guī)范以及去親自體驗(yàn)對(duì)應(yīng)的平臺(tái)。
從流程圖開始:
利用MindNode和Xmind,流程是否簡(jiǎn)單的度量方法有:點(diǎn)擊次數(shù)、頁面跳轉(zhuǎn)次數(shù)、用戶完成一個(gè)任務(wù)所需要的時(shí)間。
蘋果使用的OS X系統(tǒng)中使用的Aqua界面樣式,通過顏色、深度、透明度、多種材質(zhì)來設(shè)計(jì)界面。谷歌建議開發(fā)者使用Holo樣式。蘋果在IOS6之后,開始摒棄之前的擬物設(shè)計(jì)。設(shè)計(jì)師在開始的時(shí)候,最好遵循標(biāo)準(zhǔn)的人機(jī)界面規(guī)范。交互設(shè)計(jì)的目的是讓產(chǎn)品可用而不是打破常規(guī)。
設(shè)計(jì)階段形成的文檔是同其他應(yīng)用相關(guān)人員(程序員、經(jīng)理、市場(chǎng)專員)傳遞設(shè)計(jì)理念和設(shè)計(jì)哲學(xué)的重要途徑
制作像素級(jí)的數(shù)字原型。在將線框圖和草圖的文檔整理完畢后,就可以為應(yīng)用準(zhǔn)備視覺資料。
設(shè)計(jì)要提前考慮在未來6到12個(gè)月中將會(huì)發(fā)生怎樣的變化。敏捷開發(fā)要求設(shè)計(jì)師和開發(fā)人員先把基礎(chǔ)的功能做出來,但對(duì)于設(shè)計(jì)新手的話,更合適的方式是在開發(fā)流程開始前就將設(shè)計(jì)問題考慮清楚。例如你設(shè)計(jì)右滑彈出菜單,但是后面版本加入照片之后,右滑就要?jiǎng)h除照片,那么交互上做大改動(dòng)后會(huì)讓用戶迷惑。
五、尋找正確的設(shè)計(jì)流程
三個(gè)應(yīng)用大類:原生應(yīng)用、Web應(yīng)用、混合應(yīng)用
普通應(yīng)用的導(dǎo)航方式:?jiǎn)我晥D(例如計(jì)算器)、常駐導(dǎo)航欄(在IOS中叫導(dǎo)航欄、安卓中叫操作欄)、標(biāo)簽欄(當(dāng)應(yīng)用有三四個(gè)不同的視圖并已經(jīng)包含了所有信息時(shí),會(huì)用到這個(gè)組件)、滾動(dòng)視圖(照片或天氣)、搜索欄、模態(tài)控制器(用戶在當(dāng)前頁面中必須做出選擇或者交互后才能切換到別的界面)
交互類型:少即是多。一個(gè)界面應(yīng)該以內(nèi)容為中心
六、為更強(qiáng)的視覺感染力而設(shè)計(jì)
擬物化到扁平化
應(yīng)用圖標(biāo):會(huì)給用戶留下對(duì)產(chǎn)品的第一印象并告訴用戶該應(yīng)用的風(fēng)格。IOS上的應(yīng)用圖標(biāo)通常都會(huì)帶有圓角,而Android上的應(yīng)用圖標(biāo)則沒有。
七、與程序員協(xié)作
文檔中盡量使用專業(yè)術(shù)語,避免程序員迷惑:點(diǎn)擊屏幕(tap)而不是單擊、捏合、滑動(dòng)而不是滾動(dòng)
借助程序員熟悉的事物來描述,例如:“應(yīng)用中顯示新用戶數(shù)據(jù)的方式是下拉時(shí)自動(dòng)拉取并呈現(xiàn)數(shù)據(jù),同F(xiàn)acebook新消息的展示方式一樣”
自己動(dòng)手改代碼:git源代碼管理系統(tǒng),常用的命令git pull(下載),git push(上傳),git commit(提交更新時(shí)提交的文件組,讓其他成員知道你處理了這些文件)一旦開始編碼,你會(huì)發(fā)現(xiàn)編碼工作需要一個(gè)相當(dāng)固話的工作流程。這樣可以不會(huì)應(yīng)該要紅色變淺一點(diǎn)或者深一點(diǎn)去打擾程序員了。
八、提高應(yīng)用的可用性
理解你的用戶:理解用戶并設(shè)計(jì)出普通用戶能夠輕松駕馭的產(chǎn)品是非常重要,不斷用小白眼光評(píng)估你的設(shè)計(jì)
面向大眾市場(chǎng)的交互設(shè)計(jì):用戶不是電腦極客、常用應(yīng)用屈指可數(shù)、應(yīng)用單詞使用時(shí)間短暫、28法則,只有2的功能會(huì)被頻繁用到,保證最常用的功能是整個(gè)應(yīng)用中使用體驗(yàn)最好的、大眾化的風(fēng)格更容易被人接受。
九、簡(jiǎn)約設(shè)計(jì)
一條重要的設(shè)計(jì)原則KISS:Keep it simple,stupid(簡(jiǎn)單直接)
少即是多:在界面中刪除一些東西同時(shí)保持其功能不變則要難的多,為了少,就需要做更多的工作。
創(chuàng)建簡(jiǎn)約交互:要學(xué)會(huì)說不、使任務(wù)更明確(給于用戶更簡(jiǎn)單、明確的任務(wù))、提供微妙的暗示信息(例如有多張圖的時(shí)候,后一張圖露出一點(diǎn),按時(shí)用戶可以左右滑動(dòng))、將元素放在恰當(dāng)?shù)奈恢茫ㄓ脩羰煜さ奈恢蒙希?/p>
跟隨行業(yè)領(lǐng)袖的腳步:Google的IO大會(huì),蘋果的全球開發(fā)者大會(huì)(WWDC)是這些變化和總結(jié)的重要時(shí)刻。
簡(jiǎn)約測(cè)試:應(yīng)用的速度(盡量壓縮軟件中的PNG或JPEG資源文件的大小,JPEG會(huì)小一些,但不支持背景透明)、數(shù)據(jù)埋點(diǎn)獲得更有價(jià)值的數(shù)據(jù)(Google分析或者Flurry分析等工具),AB測(cè)試(移動(dòng)客戶端應(yīng)用上架過程比較麻煩,索引不是特別簡(jiǎn)單)社交反饋、自我試用
十、獲得有價(jià)值的反饋
每周進(jìn)行兩次更新是一個(gè)比較合適的頻率。更新版本號(hào)規(guī)則0.X,(X可能有3個(gè)數(shù)字,0.7代表alpha版,早期版本;0.8Beta版,成熟版本,0.9預(yù)發(fā)布版本)
十一、設(shè)計(jì)更新
--后感---
看完這本書,我并沒有得到哪些交互是好的,哪些交互是壞的,所謂正確的評(píng)判標(biāo)準(zhǔn),私以為,真正交互的好壞還有自己多去體驗(yàn)其他產(chǎn)品,結(jié)合場(chǎng)景和用戶,去思考和總結(jié)不同交互方式的利弊。這本書給我最大的收獲是,明白了一個(gè)設(shè)計(jì)師的工作流程以及一些行業(yè)的小知識(shí),零零散散,也算沒有白看。
思考:
如果同一款應(yīng)用放到手機(jī)端和PC端有哪些差異
不同方式導(dǎo)航欄的利弊
看看官方的人機(jī)交互指南