Product Development Visual Aid: Dhizaini

Ichi chikamu chechipiri chezvikamu zvina zvakatevedzana pakukura kwechigadzirwa chemuviri. Kana wazvipotsa 1 chikamu: Kuumbwa kwezano, iva nechokwadi chekuiverenga. Iwe uchave nekukasika kuenda kune Chikamu 3: Dhizaini uye Chikamu 4: Kusimbiswa. Munyori: Ben Einstein. Chekutanga Dudziro yakaitwa nezvikwata zvefablab FABINKA uye chirongwa Maoko.

Chikamu 2: Dhizaini

Nhanho imwe neimwe padanho rekugadzira - tsvakiridzo yevatengi, wireframing, zvakawanda muchiRussia), mufananidzo unooneka - unodiwa kuti uedze fungidziro dzekuti chigadzirwa chichaita sei uye kuti vashandisi vachabatana sei nacho.

Mufananidzo 2.1 Chigadzirwa Chekugadzira Matanho

Kuvandudza kwevatengi uye mhinduro

Makambani anotarisa pamhinduro dzevatengi achabudirira zvakanyanya kupfuura ayo anogara mumusangano nekuvandudza. Izvi zvinowanzobata makambani anogadzira zvigadzirwa zvenyama. Uye nepo kutaurirana nevatengi kunogara kuchibatsira, kwakakosha zvakanyanya mumatanho ekutanga ebudiriro.

Mufananidzo 2.2. Kuvandudza kwevatengi uye mhinduro

nokuti DipJar Zvagara zvakakosha kuti uedze uye usimbise pfungwa dzako pane vatengi. Mushure mekugadzira humbowo hwepfungwa prototype (PoC), mabhangi akabudiswa munyika chaiyo.

Mufananidzo 2.3. Mapikicha chaiwo evatengi akatorwa panguva yekuyedzwa kwekutanga

Mumwe wevarairidzi vangu akamboti, “Unoziva here kutaura kana chigadzirwa chako chakashata? Ona kuti vanhu vanoishandisa sei." Chikwata cheDipJar chakaramba chichiona dambudziko rimwechete (museve mutsvuku uri pamufananidzo): vashandisi vaiyedza kuisa kadhi zvisizvo. Zvakava pachena kuti ichi chaive chidziviso chikuru chekugadzira.

Kurudziro yekutaurirana nevatengi panguva ino (kusiyana nedanho rekutsvagisa dambudziko):

• Gadzirira script yakadzama yekukurukurirana uye unamatira pairi;
• Rekodha zvakadzama zvaunonzwa mukunyora kana parekodha yezwi;
• Kana zvichibvira, tarisa kuvimbika kwevatengi vako index (NPS, makambani mazhinji anosarudza kuita izvi gare gare, uye zvakanaka);
• Rega vashandisi vatambe nechigadzirwa (kana wagadzirira) pasina tsananguro yekutanga kana kuseta
• Usabvunze vatengi kuti vangashandura chii nezvechigadzirwa: pane kudaro, tarisa mashandisiro avanoita;
• Usanyanya kutarisisa kune zvakawanda, semuenzaniso, ruvara uye saizi inyaya yekuravira.

Wireframe modelling

Mushure memhinduro yakadzama pane humbowo hwepfungwa prototype, yave nguva yekudzokorora dhizaini yechigadzirwa.

Mufananidzo 2.4. Wireframe modelling stage

Iyo wireframing process inotanga nekugadzirwa kwepamusoro-soro mifananidzo inotsanangura zvizere ruzivo rwekushandisa chigadzirwa. Izvi tinozvidaidza kuti mabhodhi enyaya.

Mufananidzo 2.5. Storyboard

A storyboard inobatsira vanovamba kambani kufunga mukati merwendo rwese rwechigadzirwa. Rinoshandiswa kutsanangura:

• Packaging: ichaita sei? Iwe unotsanangura sei chigadzirwa (avhareji saizi yepasuru) mumashoko mapfumbamwe kana mashoma pasuru? Bhokisi racho richava saizi ipi? Ichaendepi muchitoro / pasherufu?
• Kutengesa: Chigadzirwa chacho chichatengeswa kupi uye vanhu vanozobatana sei nacho vasati vatenga? Zviratidziro zvinodyidzana zvichabatsira here? Vatengi vanofanirwa kuziva zvakawanda nezvechigadzirwa here kana kuti ichave yekungotenga kutenga?
• Unboxing: Chii chichava chiitiko cheunboxing? Inofanira kunge iri nyore, inonzwisisika uye inoda kushanda zvishoma.
• Setup: Ndeapi matanho anofanirwa kutora vatengi vasati vagadzirira kushandiswa kwekutanga? Chii chauchazoda kunze kwezvishandiso zvinosanganisirwa? Chii chinoitika kana chigadzirwa chikasashanda (hapana wifi yekubatanidza kana iyo application haina kuiswa pa smartphone)?
• Chiitiko chekutanga chekushandisa: Chigadzirwa chinofanira kugadzirwa sei kuti vashandisi vakurumidze kuchishandisa? Chigadzirwa chinofanira kugadzirwa sei kuti vashandisi vadzoke vaine chiitiko chakanaka?
• Shandisazve kana kushandiswa kwakakosha: kuita sei kuti vashandisi varambe vachishandisa uye kunakidzwa nechigadzirwa? Chii chinoitika mumakesi ekushandisa akakosha: kurasikirwa kwekubatanidza / sevhisi, firmware update, kushaikwa kwekushandisa, nezvimwe?
• Tsigiro yemushandisi: vashandisi vanoita sei kana vaine matambudziko? Kana vakatumirwa chigadzirwa chinotsiva, izvi zvichaitika sei?
• Hupenyu: Zvigadzirwa zvakawanda zvinopera mushure memwedzi gumi nemasere kana makumi maviri nemana. Zviverengero izvi zvine chekuita sei nerwendo rwevatengi? Iwe unotarisira vashandisi kutenga chimwe chigadzirwa? Vachafamba sei kubva kune chimwe chigadzirwa kuenda kune chimwe?

Mufananidzo 2.6. Kushanda nemushandisi weramangwana rekushandisa kana webhu interface

Wireframe modelling inobatsirawo kana chigadzirwa chako chine digital interface (yakaiswa mukati, web interface, smartphone app). Izvi zvinowanzo dhirowa nhema uye chena, kunyangwe maturusi edhijitari anogona kushandiswa zvakare. Mumufananidzo uri pamusoro (2.6) unogona kuona muvambi wekambani (kurudyi). Anobvunzurudza tarisiro (kuruboshwe) uye anonyora manotsi paanoshandisa iyo app pabepa smartphone "screen." Uye kunyangwe iyi mhando yekuyedza yedhijitari workflows ingaite seyechinyakare, inoshanda zvakanyanya.

Pakupera kwewireframing yako, iwe unofanirwa kuve neruzivo rwakadzama rwekuti vashandisi vachabatana sei nechikamu chimwe nechimwe chechigadzirwa chako.

Visual prototype.

A inoonekwa prototype imhando inomiririra yekupedzisira asi isiri-kushanda chigadzirwa. Sezvimwe nemamwe nhanho, kusikwa kwemuenzaniso wakadaro (uye mafiremu akabatanidzwa) anosanganisira kudyidzana kwekudzokorora nevashandisi.

Mufananidzo 2.7. Visual prototype nhanho

Tanga nemazano akawanda uye shanda kuti usarudze pfungwa shoma dzinosangana nemaitiro evashandisi vako.

Mufananidzo 2.8 Sketch

Visual prototype dhizaini inenge nguva dzose inotanga nemhando yepamusoro-yepamusoro sketches yechigadzirwa pachayo (kusiyana neiyo storyboard, inotsanangura chiitiko chekushandisa chigadzirwa). Vazhinji vanogadzira maindasitiri vanotanga kuita yekutanga kutsvaga maumbirwo akafanana uye zvigadzirwa. Mugadziri weDipJar akadzidza zvimwe zvakawanda zvezvimwe zvigadzirwa uye akagadzira zvikeche zvinoenderana nechimiro chazvo.

Mufananidzo 2.9. Shape sarudzo

Kana uchinge wasarudza mashoma akaomesesa pfungwa, iwe unozofanirwa kuyedza kuti vanozotaridzika sei munyika chaiyo. Mumufananidzo unogona kuona mafomu akaomarara eDipJar akagadzirwa kubva kune furo base uye chubhu. Imwe neimwe inotora maminetsi mashoma kugadzira, uye semhedzisiro, iwe unogona kuwana zano rekuti chimiro chichaonekwa sei munyika chaiyo. Ndakagadzira mamodheru aya kubva pane zvese kubva kuvhu uye Legos kune furo uye mazino. Pane mutemo umwechete unokosha: ita mienzaniso nokukurumidza uye yakachipa.

Mufananidzo 2.10. Saizi yehukuru

Mushure mekusarudza chimiro chekutanga, unofanirwa kushanda pahukuru hwemuenzaniso uye chiyero chezvikamu zvega. Iko kune kazhinji maviri kana matatu maparameter akakosha kune "kunzwa kwakanaka" kwechigadzirwa. Panyaya yeDipJar, uku kwaive kureba kwegaba pachayo, dhayamita yechikamu chepamberi uye geometry yemunwe slot. Nechinangwa ichi, mamwe mamodheru akarurama anogadzirwa nekusiyana kudiki kweparameter (kubva kadhibhodhi uye polystyrene foam).

Mufananidzo 2.11. Kunzwisisa Chiitiko cheMushandisi

Mukufambirana nekuvandudzwa kwefomu, zvinowanzova pachena kuti mamwe maficha emushandisi (UX) anoda kutsanangurwa. Chikwata cheDipJar chakaona kuti mukana wekupa unowedzera kana munhu ari mberi mumutsetse achisiya zano. Takaona kuti masaini uye masaini masaini inzira inoshanda yekukwezva vanhu mumutsara uye nekudaro kuwedzera kuwanda uye saizi yematipi. Nekuda kweizvozvo, takaita zvakawanda kuti tisarudze yakanakisa kuiswa kwe LED uye kugadzira kutaurirana tichishandisa chiedza.

Mufananidzo 2.12. Mutauro wekugadzira

Chigadzirwa chega chega chine "mutauro wekugadzira" kuburikidza nacho chinotaurirana nekuona kana ruzivo nemushandisi. KuDipJar, zvaive zvakakosha kukurumidza kuendesa kumushandisi nzira yekuisa kadhi. Chikwata chakapedza nguva yakawanda chichigadzirisa kadhi logo (pikicha kuruboshwe) kuitira kuti vashandisi vanzwisise zvakajeka nzira yekuisa kadhi nemazvo.

Chikwata cheDipJar chakashandawo pakugadzirisa ma LED backlight mapatani. Museve mutsvuku unonongedza kune maLED akatenderedza kumucheto kwechiso, ayo anotamba achiratidzira chiito cherupo. Museve webhuruu unoratidza mhedzisiro yekurukurirano refu neboka - kugona kwevaridzi vebhangi kuchinja mari yakaunganidzwa. Tsika yedhijitari ye LED inoratidza inobvumira muridzi weDipJar kuti achinje saizi yetip zviri nyore.

Mufananidzo 2.13. Colors, zvinhu, kupedza

Kuti akurumidze kuona kutaridzika kwekupedzisira kwechigadzirwa, vagadziri vanosarudza mavara, zvinhu uye kupera (CMF). Izvi zvinowanzoitwa nedhijitari (sezvinoratidzwa pamusoro) uye zvobva zvashandurwa kuita sampuli dzemuviri nemhando. DipJar yakaedza akasiyana siyana esimbi kesi masitaera, kupera, uye epurasitiki mavara.

Mufananidzo 2.14. Final renders

Mhedzisiro yekutanga kusarudzwa kweCMF ndeyemhando yepamusoro yedhijitari chigadzirwa modhi. Iyo inowanzobatanidza zvinhu zvese kubva kumatanho apfuura: chimiro, saizi, zviratidzo, ruzivo rwemushandisi (UX), mwenje (LED), mavara, maumbirwo uye zvinhu. Maonero emhando yepamusoro akadai, maratidziro, ndiwo zvakare hwaro hwezvinenge zvese zvekushambadzira zvinhu (kunyangwe vamwari veApple vekushambadzira vanoshandisa render kune zvese).

Mufananidzo 2.15. Webhu application dhizaini

Kana chigadzirwa chako chine dhijitari interface, kugadzira kwakaringana mockups kuchabatsira zvakanyanya mukutsanangura ruzivo rwemushandisi wechigadzirwa chako. DipJar's main digital asset iwebhu-based control panel yevaridzi vezvitoro uye vanopa rubatsiro. Kune zvakare zvirongwa zvekuburitsa nharembozha yevashandi uye vanhu vanosiya matipi.

Mufananidzo 2.16. Kusarudzwa kwekurongedza kwekurongedza

Nhanho yakakosha iyo inokanganwika nyore padanho rekugadzira iri kurongedza. Kunyangwe chigadzirwa chakareruka senge DipJar chakapfuura nekudzokororwa mukuvandudza kwekutakura. Mumufananidzo uri kuruboshwe iwe unogona kuona yekutanga vhezheni yekurongedza; mumufananidzo uri kurudyi kune inoyevedza uye inoyevedza kurongedza kwechizvarwa chechipiri. Dhizaini optimization chikamu chakakosha chekugadzira yakanaka mushandisi ruzivo uye kutaurwa kwezvinhu.

Mufananidzo 2.17. Usakanganwa nezve iteration!

Kana maprototypes emhando yepamusoro agadzirwa, anodzoserwa kune vatengi kuti vaedze akawanda efungidziro akaitwa panguva yekusimudzira. Zvakakwana kuita 2-3 iterations kuti uwane yakakura yekuona prototype.

Mufananidzo 2.18. Yekupedzisira prototype inoonekwa padyo nechigadzirwa

Kana imwe nzira yekugadzira yapera, iwe unoguma nemuenzaniso wakanaka unoratidza chinangwa chekugadzira, asi hapana kushanda ikozvino. Vatengi uye vanoisa mari vanofanirwa kukurumidza kunzwisisa chigadzirwa chako nekudyidzana neichi modhi. Asi ngatisakanganwe kukosha kwekuita kuti chigadzirwa chishande. Kuti uite izvi, nyura muChikamu 3: Kuvaka.

Wakaverenga chikamu chechipiri chezvikamu zvina zvakatevedzana pakugadzirwa kwechigadzirwa chemuviri. Iva nechokwadi chekuverenga 1 chikamu: Kugadzira pfungwa. Iwe uchave nekukasika kuenda kune Chikamu 3: Dhizaini uye Chikamu 4: Kusimbiswa. Munyori: Ben Einstein. Chekutanga Dudziro yakaitwa nezvikwata zvefablab FABINKA uye chirongwa Maoko.

Source: www.habr.com