資源簡(jiǎn)介

(共18張PPT)
產(chǎn)品初步設(shè)計(jì)
CONTENT
PART 01
人機(jī)界面設(shè)計(jì)
PART 02
產(chǎn)品功能結(jié)構(gòu)設(shè)計(jì)
PART 03
產(chǎn)品內(nèi)部布局設(shè)計(jì)
PART
01
人機(jī)界面設(shè)計(jì)
人機(jī)界面設(shè)計(jì)是指通過(guò)一定的手段對(duì)用戶(hù)界面有目標(biāo)和計(jì)劃的一種創(chuàng)作活動(dòng)。大部分為商業(yè)性質(zhì)、少部分為藝術(shù)性質(zhì)。
人機(jī)界面（Human Computer Interface，簡(jiǎn)稱(chēng)HCI）通常也稱(chēng)為用戶(hù)界面
人機(jī)界面設(shè)人機(jī)界面設(shè)計(jì)是指通過(guò)一定的手段對(duì)用戶(hù)界面有目標(biāo)和計(jì)劃的一種創(chuàng)作活動(dòng)。大部分為商業(yè)性質(zhì)、少部分為藝術(shù)性質(zhì)。人機(jī)界面（Human Computer Interface，簡(jiǎn)稱(chēng)HCI）通常也稱(chēng)為用戶(hù)界面
人機(jī)界面設(shè)計(jì)主要包括三個(gè)方面：設(shè)計(jì)軟件構(gòu)件之間的接口；設(shè)計(jì)模塊和其他非人的信息生產(chǎn)者和消費(fèi)者的界面；設(shè)計(jì)人（如用戶(hù)）和計(jì)算機(jī)間的界面。
人機(jī)界面是計(jì)算機(jī)科學(xué)和認(rèn)知心理學(xué)兩大學(xué)科相結(jié)合的產(chǎn)物，同時(shí)也吸收了語(yǔ)言學(xué)、人機(jī)工程學(xué)和社會(huì)學(xué)等學(xué)科的研究成果。經(jīng)過(guò)40余年的發(fā)展，已經(jīng)成為一門(mén)以研究用戶(hù)及其與計(jì)算機(jī)的關(guān)系為特征的主流學(xué)科之一。近年來(lái)，人機(jī)界面的設(shè)計(jì)理論已經(jīng)更廣泛地發(fā)展和應(yīng)用到人一機(jī)一環(huán)境系統(tǒng)工程等領(lǐng)域，使工程技術(shù)設(shè)計(jì)與使用者的身心行為特點(diǎn)相適應(yīng)，從而使人能夠高效、舒適地工作與生活。
計(jì)算機(jī)按照機(jī)器的特性去行為，人按照自己的方式去思維和行為。要把人的思維和行為轉(zhuǎn)換成機(jī)器可以接受的方式，把機(jī)器的行為方式轉(zhuǎn)換成人可以接受的方式，這個(gè)轉(zhuǎn)換就是人機(jī)界面。使計(jì)算機(jī)在人機(jī)界面上適應(yīng)人的思維特性和行動(dòng)特性，這就是“以人為本”的人機(jī)界面設(shè)計(jì)思想。
一個(gè)友好美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受，拉近人與電腦的距離，為商家創(chuàng)造賣(mài)點(diǎn)。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶(hù)而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開(kāi)發(fā)組領(lǐng)導(dǎo)的意見(jiàn)也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶(hù)的感受。所以界面設(shè)計(jì)要和用戶(hù)研究緊密結(jié)合，是一個(gè)不斷為最終用戶(hù)設(shè)計(jì)滿(mǎn)意視覺(jué)效果的過(guò)程。
軟件的未來(lái)其實(shí)在很大程度上要指望軟件接口的前景如何。計(jì)算機(jī)世界里的接口這兩個(gè)字具有兩種眾所周知的含義：其一是指軟件本身的狹義“接口”，比如各種軟件開(kāi)發(fā)API等。其二則指的是人與軟件之間的交互界面。我們把這種人-軟件之間的接口稱(chēng)作“用戶(hù)界面”，也就是“UI”。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。
PART
02
產(chǎn)品功能結(jié)構(gòu)設(shè)計(jì)
畫(huà)產(chǎn)品功能結(jié)構(gòu)圖之前，你得先知道它是什么，不然很可能就會(huì)畫(huà)錯(cuò)了。所謂產(chǎn)品功能結(jié)構(gòu)圖，就是按照產(chǎn)品功能的從屬關(guān)系畫(huà)成的圖表，下圖的每一個(gè)框都稱(chēng)為一個(gè)功能模塊。注意：產(chǎn)品結(jié)構(gòu)圖中的主功能模塊不一定就是產(chǎn)品Tab中的標(biāo)簽?zāi)K（如下圖），許多時(shí)候產(chǎn)品是受限于各種限制（比如移動(dòng)端屏幕空間），不得不把功能分為少數(shù)的幾個(gè)Tab中。當(dāng)然，如果產(chǎn)品功能不太復(fù)雜的話(huà)，用Tab標(biāo)簽名作為主功能模塊的做法也沒(méi)問(wèn)題。
功能模塊根據(jù)具體情況顆粒度會(huì)有所不同，顆粒度小的功能模塊可以是一個(gè)程序中的每個(gè)處理過(guò)程（比如刪除對(duì)話(huà)，標(biāo)記已讀/未讀等），而顆粒度較大的功能模塊則可能是完成某一個(gè)任務(wù)的一組程序。
了解產(chǎn)品功能結(jié)構(gòu)圖是什么后，我們接下來(lái)就可以開(kāi)始繪制了。一般分兩步走：
第一步：梳理功能流程
要繪制產(chǎn)品功能結(jié)構(gòu)圖，就得先了解具體有哪些功能。而了解功能更直觀地方法，就是自己把整個(gè)功能流程跑一遍，畫(huà)出相應(yīng)的功能流程圖。
第二步：拆解功能模塊
有了功能流程圖后，我們拆分功能模塊起來(lái)就能事半功倍，其實(shí)就是把上述流程給抽象為具體的功能模塊，模塊顆粒度根據(jù)各自需求而定。
PART
03
產(chǎn)品內(nèi)部布局設(shè)計(jì)
整個(gè)產(chǎn)品發(fā)展的過(guò)程可以歸納為：用戶(hù)、場(chǎng)景、產(chǎn)品、領(lǐng)域、產(chǎn)業(yè)五大過(guò)程，產(chǎn)品發(fā)展模型如下： 由上圖可知，我們討論產(chǎn)品布局的時(shí)候，首先要清晰，我們的產(chǎn)品在這個(gè)模型中處于哪個(gè)位置，其次我們需要明確做全局的對(duì)比還是同層次的對(duì)比，最后根據(jù)這5個(gè)維度進(jìn)行自由組合，得出符合分析需求的產(chǎn)品布局圖。 對(duì)此，我對(duì)產(chǎn)品布局的定義是：針對(duì)用戶(hù)和場(chǎng)景，對(duì)產(chǎn)品發(fā)展進(jìn)行全面規(guī)劃和安排，以滿(mǎn)足用戶(hù)需求、建立競(jìng)爭(zhēng)壁壘、形成產(chǎn)業(yè)生態(tài)圈的過(guò)程。 二、應(yīng)用 OK，定義和模型清晰了，那么如何落實(shí)到具體的產(chǎn)品分析場(chǎng)景
產(chǎn)品結(jié)構(gòu)設(shè)計(jì)，指的是實(shí)物產(chǎn)品，比如數(shù)碼產(chǎn)品，家電等，經(jīng)過(guò)了產(chǎn)品外觀設(shè)計(jì)之后，再對(duì)其進(jìn)行實(shí)現(xiàn)的設(shè)計(jì)過(guò)程。產(chǎn)品結(jié)構(gòu)設(shè)計(jì)是銜接產(chǎn)品外觀設(shè)計(jì)和生產(chǎn)之間的設(shè)計(jì)，比如一個(gè)電動(dòng)打蛋器，產(chǎn)品外觀設(shè)計(jì)好了用戶(hù)能看到的那些內(nèi)容，外形，顏色等。然后就需要進(jìn)行產(chǎn)品結(jié)構(gòu)設(shè)計(jì)，通過(guò)3D建模的方式，把電機(jī)、線路、開(kāi)關(guān)之類(lèi)內(nèi)部器件裝進(jìn)去，然后產(chǎn)品外殼進(jìn)行分件、抽殼，使之符合注塑開(kāi)模的需求，然后再設(shè)計(jì)殼體零件與零件之間的固定和配合，殼體與內(nèi)部器件的固定等等，考慮產(chǎn)品的生產(chǎn)工藝和組裝要求，將用戶(hù)看不到的產(chǎn)品內(nèi)部設(shè)計(jì)出來(lái)。然后殼體通過(guò)注塑生產(chǎn)出來(lái)，再與內(nèi)部器件進(jìn)行組裝，從而生產(chǎn)出電動(dòng)打蛋器。
可以看到，產(chǎn)品結(jié)構(gòu)設(shè)計(jì)是銜接外觀設(shè)計(jì)與生產(chǎn)實(shí)現(xiàn)之間的設(shè)計(jì)，最大的特點(diǎn)就是，涉及的內(nèi)容較廣，對(duì)工藝、零件、組裝、開(kāi)模注塑、功能測(cè)試和項(xiàng)目管理等都需要了解。
本課結(jié)束

展開(kāi)更多......

收起↑