APP開(kāi)發如(rú)何跟客戶傳達設計(jì)理(lǐ)念

來(lái)源：lexintech.com®₹§ 發布時(shí)間(jiān)：2019-05-17

在做(zuò)APP開(kāi)發的(de)外(wài)包項目時(shí)，我們在跟甲方σγ溝通(tōng)的(de)時(shí)候，通(tōng)常會(huì)≤∞産生(shēng)這(zhè)樣一(yī)個( ¶gè)疑問(wèn)：該如(rú)何讓非設計(jì)師(shī)的(dγ↔§♥e)客戶更好(hǎo)的(de)了(le)解設計(jì)，從(cóng)€&ε而避免因彼此的(de)主觀而導緻的(de)理(lǐ)解鴻溝呢(ne)?下(xi≠§₹à)面這(zhè)篇文(wén)章(zhāng)，您要(yào∏→↔)一(yī)定掌握熟記這(zhè)些(xiē)理(lǐ)念，方便自☆ε☆φ(zì)己更好(hǎo)的(de)向客戶，向老(lǎo)闆闡述設計✔✘★↔(jì)意圖。

1. 設計(jì)并不(bù)隻有(yǒu)視(shì)覺

比如(rú)一(yī)個(gè)水(shuǐ)杯，其體•♦(tǐ)驗不(bù)隻是(shì)視(shì)覺性的₩≤✔©(de)。隻有(yǒu)在用(yòng)戶喝(hē§♥)過之後，才能(néng)感受到(dào)其産品的(de)核→≈©心體(tǐ)驗——純✘ §§淨的(de)水(shuǐ)，和(hé)諧的(de)味道(d®Ω‍ào)。視(shì)覺設計(jì)僅僅是(shì)設<ε計(jì)的(de)一(yī)部分(fēn)₽↑€。設計(jì)關乎到(dào)用(yòng)戶使用(yòng)産品、浏覽網頁₩★φ的(de)整體(tǐ)體(tǐ)驗。

用(yòng)戶為(wèi)何要(yào)使用(yòng)★₹÷"這(zhè)款應用(yòng)、這(zhè)款網頁?怎樣用(yòng)?&π這(zhè)是(shì)設計(jì)要(yào)去(qù)解決>φ的(de)現(xiàn)實問(wèn)題，網站(zhàn)的(de)加載‍↓速度如(rú)何?這(zhè)也(yě)是(shì)設計(jì♣®£✔)要(yào)解決的(de)問(wèn)題。♥¶

點擊、觸控、懸停的(de)效果如(rú)何?₽♦£這(zhè)還(hái)是(shì)設計(jì)要(yào)解ε∞γ決的(de)問(wèn)題，不(bù)僅僅是(shì)≠視(shì)覺，很(hěn)多(duō)∑₹₹π細節上(shàng)的(de)整體(tǐ)體(tǐ)驗都(d γ$ōu)需要(yào)設計(jì)去(qù)₽¥<規劃。

你(nǐ)認為(wèi)隻有(yǒu)視(shì)覺設↕★計(jì)師(shī)配叫”設計(jì)師∞↓×(shī)”?其實不(bù)然，一(γ∞yī)個(gè)項目中，每一(yī)位參與者都(d‌α'ōu)可(kě)以被稱之為(wèi)“設計δ↓(jì)師(shī)”，因為(wè≈×↕i)産品的(de)體(tǐ)驗和(hé)交互，是(shì)在所有(♦ yǒu)人(rén)的(de)共同努力下(xià)完成的≠♣¶(de)。因此無論是(shì)前端、後端還(hái)是(shì)PM，↔←&他(tā)們都(dōu)在産品的(de)研發過程中思考著(zhe)屬∏×☆↓于自(zì)己職責內(nèi)的(de)産品設計(jì)。λ✘¥♣

2. 以用(yòng)戶為(wèi)中心

用(yòng)戶為(wèi)核心，而不(bù)是(shì)設計(jì<₩☆↕)師(shī)、産品為(wèi)核心

設計(jì)的(de)中心不(bù)是(shì)設計&↑ (jì)師(shī)，不(bù)是(shì ≈)産品，更不(bù)是(shì)開(kāi)發者，而λ‌<是(shì)用(yòng)戶。産品好(hǎo)不(bù)好(hǎo) ∑λ，用(yòng)戶說(shuō)的(de)算(s≤©Ω÷uàn)。以用(yòng)戶為(wèi)中心的(de)設計(jì)，更 ε♣容易成功、更有(yǒu)效、體(tǐ)驗更好(hǎo)。

設計(jì)要(yào)以用(yòng)戶為(wèi)核心。要(yào)知£÷(zhī)道(dào)你(nǐ)的(de)用(yòng)戶是(α←•δshì)誰?用(yòng)戶使用(yòng)你(n☆¶×ǐ)的(de)産品做(zuò)什(shén)麽?用(yòn‌πg)戶的(de)使用(yòng)感受怎樣?用(yòng)戶在遇到(dào≠¶)什(shén)麽樣的(de)情況後，會(huì)放(fàng)棄你(nǐ§¶×)的(de)産品?

但(dàn)是(shì)當遇到(dào)β£↔✘更大(dà)的(de)項目時(shí)，我會(‍&₩Ωhuì)換一(yī)種方法，從(cóng)一(♣ yī)種更廣義的(de)角度思考問(wèn)題，應該用(yò$€≥¶ng)人(rén)性化(huà)的(de)情感進行(xíng)設計(jì)，通™→±♥(tōng)過“叙事(shì)性引導&rdquo±↔;的(de)手段來(lái)完美(měi)表達設計'σ∑(jì)的(de)細節和(hé)情感，暗(àn‍‍)示和(hé)引導用(yòng)戶。

設計(jì)師(shī)不(bù)是(shì)獨裁者，不(bù)應該₽♥”統治”用(yòng)戶體(tǐ)驗，而是(shì) →σ應該根據用(yòng)戶的(de)具體(tǐ)情®≤♠♣況，讓設計(jì)順應用(yòng)戶的(de)需求。這(zhè)才是"÷(shì)核心要(yào)義。

3.雕琢細節

每一(yī)個(gè)細節都(dōu)要(yào)做(zuò∏↓♠§)到(dào)細膩，例如(rú)鏈接使用(yòng)正确的(de)↔>"藍(lán)色色調，字體(tǐ)間(jiān)距充餘。

細節能(néng)夠将優秀的(de)設計(jì)轉化(≥¶↕♥huà)為(wèi)偉大(dà)的(de)設計(jì)。注重細節，才能‍ σ¶(néng)讓你(nǐ)的(de)作(zΩπuò)品脫穎而出，才能(néng)令用(yòng)戶滿意。

細節往往很(hěn)難于捕捉，建議(yì)不®→∏↕(bù)要(yào)在設計(jì)流程的(de)早期就(jiù)開‍≤"(kāi)始抓細節，這(zhè)樣比較耗時(shí)，放(fàng)到(dào∞π")後期較好(hǎo)。

4. 設計(jì)時(shí)需要(yào)多(©£duō)畫(huà)草(cǎo)圖

草(cǎo)圖是(shì)一(yī)個(gè)非常廉✘₹價、迅捷、方便的(de)工(gōng)具。它有(yǒu)助于我們進行(xín↑π‍g)思考，幫我們劃分(fēn)層級，為(wèi)我們建立起合理(lǐ)的≠ ♠(de)工(gōng)作(zuò)流程。隻需♦φε₽30秒(miǎo)就(jiù)能(néng)畫(huà)出★λ↔&一(yī)個(gè)理(lǐ)念，無論是(s→∏hì)布局、體(tǐ)驗設計(jì)還(hái)是(shì)用σ€α€(yòng)戶流程，都(dōu)能(néng)用(yòng)草(cλ♣ǎo)圖體(tǐ)現(xiàn)。

在上(shàng)學時(shí)，我的(de)大(dà)學老(lǎ™©"∏o)師(shī)禁止我們使用(yòng)計(α‍£jì)算(suàn)機(jī)而是(shì)用(yò<↔₹®ng)紙(zhǐ)，這(zhè)直接培養了(le)我畫(huà)草($£•↕cǎo)圖的(de)習(xí)慣。在畫(huà)草↓★ (cǎo)圖的(de)過程中，我們會(huì)不(bù)斷的(de)更新↕"理(lǐ)念，不(bù)斷的(de)進行(xíng)思考，探索各種可(kδ♣λ↕ě)能(néng)性。然而，我身(shēn)邊依然有(yǒu)很&↑★(hěn)多(duō)設計(jì)師(shī)，不(∞✔bù)畫(huà)草(cǎo)圖就(jiù)直接開(♣∏kāi)始設計(jì)，這(zhè)樣的(de)設計(jì)過↑‍≥©程缺少(shǎo)了(le)很(hěn)多(duō)”可(kě₽↔✔)能(néng)性”。

而且草(cǎo)圖人(rén)人(rén)都(dōu)能(n$≈•éng)畫(huà)。每個(gè)人(rén)都(∏₽®÷dōu)會(huì)畫(huà)方框、箭頭、以及曲線₹>♥，因此草(cǎo)圖絕對(duì)是(shì)非常有(yǒu)用(yò Ω∞ng)的(de)設計(jì)工(gōng) ≠具。

5. 留白(bái)

蘋果的(de)留白(bái)設計(jì)突δ™出了(le)自(zì)己的(de)産品，這(zhè)對(duì)很(hěα★"n)多(duō)前端開(kāi)發者來(lái)說(shuō)似乎¥£是(shì)一(yī)個(gè)很(hěn)晦±$∑澀的(de)概念，留白(bái)能(néng)讓頁φ∏→'面充滿更多(duō)的(de)呼吸空(kōng)間(jiān)。讓&≤™$段落和(hé)句子(zǐ)更加清爽利落，讓重要(yào)的(de)φ↔視(shì)覺元素更加突出。

6. 不(bù)光(guāng)要(yào)會(huì)設計(j✘☆ì)，還(hái)要(yào)會(huì)講，會(huì)評判。

掌握這(zhè)些(xiē)設計(jì)理(lǐ)念！讓同事(shì)（客∑Ω戶）更好(hǎo)的(de)了(le)解設計(jì)，要(←δ✔yào)告訴他(tā)們為(wèi)什(shén)麽這(zhè)麽做(zuò§'≥∑)，要(yào)從(cóng)設計(jì)目标、使用(yòng)流✔€ 程、用(yòng)戶流程、視(shì)覺原則等方面出發，陳述你(nǐ)♦♥≈↕的(de)看(kàn)法。

上(shàng)一(yī)篇：大(dà)數(shù)據會(huì)給CRM¥"α↓帶來(lái)什(shén)麽樣的(de)變革
下(xià)一(yī)篇：在APP開(kāi)發中如(rú)何設計(jì)前置引導頁