這是啥:
一本和“人機(jī)設(shè)計(jì)”有關(guān)的筆記蹲诀。啥時(shí)候有空了斑粱,哪怕3分鐘,你都可以撿起來脯爪,邊看邊吐槽木龍则北。
寫給誰看:
對(duì)“人機(jī)設(shè)計(jì)”感興趣的人。如果你想短期內(nèi)讓自己像個(gè)老鳥設(shè)計(jì)師痕慢,或僅僅是想從中脫穎而出尚揣,或和他們有工作交集,或想了解他們的思維方式掖举,甚至是想和他們建立連接以達(dá)成你的目的惑艇,這本筆記對(duì)你都有價(jià)值。如果不是,那可能你只能看到我在瞎說滨巴。
寫些什么:
行為心理學(xué)思灌、人際關(guān)系tips、個(gè)人形象提升恭取、軟件技法泰偿、設(shè)計(jì)潮流。
線框圖 原型圖 這倆有啥區(qū)別蜈垮?
如果不明白這個(gè)概念耗跛,很可能你對(duì)人機(jī)交互產(chǎn)品的開發(fā)流程就是模模糊糊的...
線框圖:簡(jiǎn)單來說就是【低保真的,需求排布攒发,與操作流程界面】调塌。咱拆開來說:
? 1.低保真:用黑白灰的線條與方框,注明這個(gè)產(chǎn)品的“骨架”即可惠猿,在這個(gè)階段切忌過分追求細(xì)節(jié)羔砾,比如按鈕形狀、跳轉(zhuǎn)動(dòng)畫偶妖、動(dòng)效反饋等姜凄。
? 2.需求排布:搜集起來需求之后,按照優(yōu)先級(jí)趾访,在線框圖內(nèi)明確規(guī)定需求的順序态秧、從屬結(jié)構(gòu)、篇幅或排期安排?
? 3.操作流程界面:就是整個(gè)人機(jī)之間的交互動(dòng)作是怎樣的扼鞋,點(diǎn)了某按鈕后跳到了哪里申鱼、彈出了什么提示,流程是否暢通云头。這個(gè)流程面向的用戶認(rèn)知結(jié)構(gòu)越簡(jiǎn)單润讥,或用戶構(gòu)成越大眾化,就越需要減少每個(gè)頁面主要操作的數(shù)量盘寡,比如百度搜索框最重要的操作只有一項(xiàng)“搜索”楚殿,以前的“圖片、視頻竿痰、音樂脆粥、文庫”等次級(jí)入口現(xiàn)在都被安排在了頁面頂部,最重要的搜索入口則唯一保留在頁面正中央影涉。
原型圖:這是最接近產(chǎn)品最終樣式的視覺與交互流程变隔,【除了沒進(jìn)入正式開發(fā),其他能被看見的細(xì)節(jié)都包括了】蟹倾,用于和客戶匣缘、產(chǎn)品猖闪、開發(fā)、市場(chǎng)等同事來溝通用肌厨。在這個(gè)階段培慌,色系、排版柑爸、動(dòng)效等視覺性的元素都應(yīng)該基本就位了吵护。
考慮到經(jīng)常需要進(jìn)行敏捷開發(fā),所以開發(fā)同學(xué)在拿到一份確定的線框圖之后就可以進(jìn)入開發(fā)狀態(tài)啦表鳍,等原型圖甚至最終設(shè)計(jì)圖完成后馅而,就可以切圖替換素材了。