Crearea prototipurilor
- 1.
- 2. Prototipul • Prototipul esteo structură alb-negru, elementele сăruia sunt plasate într-o anumită ordine și crează interfața viitorului site. • Un prototip de site-uri este structura unei singure pagini sau a întregului site cu ajutorul elementelor schematice și condiționale. • De fapt, prototipul în sine este o schiță. Acesta este creat înainte de etapele de proiectare și programare.
- 3. Prototiparea este procesulde realizare a prtoripurilor ce se realizează pentru ca să : • Vă gândiți competent și temeinic asupra localizării tuturor blocurilor și elementelor de design necesare; • Organizați corect sistemul de navigație de pe site; • Vă gândiți la posibilitatea ca utilizatorii să interacționeze cu site-ul; • Prezentați vizual conceptul viitorului site;
- 4. 15 motive pentrua utiliza prototiparea • Vedeți aplicația / site-ul în acțiune și înțelegeți cât de corect dezvoltatorii înțeleg ideea și lista de lucrări; • Evaluați viitorul aplicației din perspectiva utilizatorului; • Determinați dacă doriți să modificați interacțiunea aplicației cu utilizatorul; • Evitați costurile suplimentare financiare și de timp, dacă sunt identificate ca neconcordanțe;
- 5. • Aceasta vaoferi o imagine clară a exact acele informații care vor fi necesare pe fiecare pagină a site-ului înainte de a-și dezvolta design-ul. Acest lucru vă va permite să vă petreceți timpul rațional și să vă concentrați asupra exact pentru ce a fost proiectată fiecare pagină. 15 motive pentru a utiliza prototiparea
- 6. • Planificarea areo importanță deosebită pentru a vă permite să vă asigurați, în caz de neasumare a clienților, care să vă schimbe părerea în proiectul de dezvoltare. 15 motive pentru a utiliza prototiparea
- 7. • Mai multdecât atât, site-ul dvs. de planificare mai mult de modele de carosabil, dar funcționalitatea de site-uri diferite nu prea mare de modificări permit să se stabilească în mod corespunzător. • Când un client semnează un model wireframe, înseamnă că el este de acord cu ce va fi în această pagină. Acest lucru va elimina elementele inutile care pot fi inutile pentru viitorul site. 15 motive pentru a utiliza prototiparea
- 8. • Prototipul estedestul de ușor de creat, permițând implementarea eficientă și eficientă a procesului de planificare; • Aceasta oferă designerului o idee clară asupra a ceea ce trebuie făcut; • Acest lucru vă permite să implicați intens clientul în procesul de planificare într-un stadiu incipient al dezvoltării site-ului și vă permite să coordonați activ întregul proces de planificare între ambele părți 15 motive pentru a utiliza prototiparea
- 9. Există mai multecerințe privind prototipurile site-ului • Crearea rapidă a prototipurilor; • Ușurința de a face schimbări în prototip; • Interactivitate; • Disponibilitate - capacitatea de a evalua un prototip de către un client, un programator, un manager etc.; • Detalierea prototipului;
- 10. Tipuri și metodede prototipare 1. Protopipare pe hârtie
- 11. Avantage: • Prototyping demare viteză • Abilitatea de a crea un prototip detaliat • Nu sunt necesare cunoștințe și abilități special • Schimbarea rapidă a prototipului datorită redresării • Abilitatea de a lăsa comentarii și note în orice locație Dezavantage: • Lipsa de interactivitate • Locația și dimensiunea exactă a elementelor • Probabilitatea ca clientul să nu-i placă datorită aspectului non-estetic
- 12. 2. Prototyping cuprograme speciale
- 13. Avantage: • Prototyping demare viteză • Protipoc de mare detaliu • Viziunea estetică a prototipului • Prezența interactivității funcției încorporate în prototip • Viteză mare de editare a prototipurilor fără redimensionare • Posibilitatea de a salva prototipul în diferite formate grafice • Abilitatea de a lăsa comentarii și note în orice locație Dezavantage: • Un timp pentru a studia programul
- 14. 3. Prototyping cueditori grafice
- 15. Avantage: • Viteza mediea creării prototipului • Protipoc de mare detaliu • Viziunea estetică a prototipului • Viteză mare de editare prototip fără redimensionare • Posibilitatea de a salva prototipul în diferite formate grafice • Abilitatea de a lăsa comentarii și note în orice locație Dezavantage: • O cantitate mare de timp pentru a studia programul • Lipsa de interactivitate în prototipuri în majoritatea editorilor grafici
- 16. CE TREBUIE SĂINCLUDĂ UN PROTOTIP? • Используйте наполнение, связанное с реальным проектом Teoretic, prototipurile fără umplere reală nu ar trebui să fie testate, totuși, în faza de prototipare, conținutul real nu se întâmplă de obicei și trebuie să folosim "pește".
- 17. • Evitați numefictive
- 18. • Testați prototipurilebrute Verificați deciziile privind organizarea informațiilor, numele categoriilor și navigația, pe prototipurile aspre. Protipurile de hârtie sunt create ușor și rapid, iar designul este rafinat în mai multe etape de testare.
- 19. • Trebuie săutilizați editorul de stil încorporat
- 20. • Elementele interactivetrebuie programate
- 21. • Necesitatea dea lega linkurile prototipului
- 22. • Prototipul artrebui să se bazeze pe grile
- 23. • Prototipul nuar trebui să arate ca un design.
- 24.
- 25.
- 26. Online • ConceptDrawPro; • Pidoco; •BalsamiqMockups; • Mockingbird; • Pencil; • iPlotz; • ProtoShare; • HotGloo; • Gliffy; • ...
- 27. Axure RP • ProgramulAxure RP este unul dintre cele mai populare și cunoscute în domeniul prototipului, dar diferă nu numai într-o gamă largă de funcții pentru crearea de prototipuri profesionale, dar are, de asemenea, instrumentele folosite în dezvoltarea de layout-uri interactive, schelete de proiectare și design de specificații detaliate. Disponibil pentru Windows și Mac OS X.
- 28.
- 29. 1. Main Menuи Toolbar 2. Wireframe Pane 3. Sitemap Pane 4. Widgets Pane 5. Masters pane 6. Page Properties Pane 7. Widget Properties Pane 8. Panel Manager Pane
- 30. 1. (Main Menuи Toolbar) - destinate pentru a utiliza utilizările comune de date și fișierele de sincronizare, precum și pentru formatul de fișiere de pe site. 2. (Wireframe Pane) permite proiectelor de a crea pagini în spațiul cu posibilități de redirecționare a opțiunilor și de a adăuga opțiuni de preferințe.
- 31. 3. (Sitemap Pane)destinată pentru adăugarea, adăugarea, modificarea și gestionarea paginilor dvs. de proiect. 4. (Widgets Pane) —Acesta este un set de elemente gata făcute pentru proiectarea paginilor: butoane, imagini, blocuri de text și forme. Puteți să glisați și să plasați elemente în fereastra de aspect. Este posibil să creați panouri proprii sau să descărcați biblioteci gata făcute.
- 32. 5. (Masters pane)vă permite să creați, să ștergeți, să redenumești și să configurați vrăjitori cu posibilitatea utilizării ulterioare în proiectare. 6. (Page Properties Pane) este destinat pentru adăugarea și editarea de note și interacțiuni la nivel de pagină, precum și pentru formatarea paginilor de design.
- 33. 7. (Widget PropertiesPane) vă permite să editați note, să interacționați elementele și să implementați formatul acestora. • (Annotations) — pentru a adăuga și personaliza notele și descrierile elementelor. • (Interactions) —pentru a crea interacțiuni între paginile cu link-uri către alte pagini, ferestre pop-up și elemente care apar dinamic și care dispar. • (Formatting) — pentru editarea unor astfel de stiluri și proprietăți ale elementelor, cum ar fi dimensiunea, poziția pe pagină, fonturile, alinierea și liniuțele textului, precum și stilul grafic. 8. (Dynamic Panel Manager Pane) vă permite să ascundeți și să afișați panouri dinamice în fereastra de creare a ferestrelor, precum și să adăugați, să ștergeți și să configurați panouri dinamice.
- 34. Cu Axure sepoate si… • Axure nu este conceput doar pentru proiectarea site-ului, dar este potrivit și pentru aplicații mobile, aplicații desktop și alte interfețe; • Vă permite să faceți prototipuri adaptive; • Nu limitează designerul în crearea interactivității și dinamicii pe pagini; • Poate genera prototipuri nu numai sub formă de fișiere html, ci și ca set de imagini; • Poate da prototipului o vedere a schiței la atingerea unui buton.
- 35.