Apple veebidisainer toovoog
-
Upload
priit-tammets -
Category
Documents
-
view
2.154 -
download
1
Transcript of Apple veebidisainer toovoog
Veebidisaineri töövoog
Mac-i taga
Alustamine
•Tähtis ei ole, milliste tööriistadega sa töötad vaid sinu suhtumine töösse, mida sa teed
Alustamine
•Tähtis ei ole, milliste tööriistadega sa töötad vaid sinu suhtumine töösse, mida sa teed
•Tegelikult on tööriistad ka tähtsad
Alustamine
•Projekt - majutusteenust pakkuva firma koduleht
•Projekti kestus - 4 kuud
•Projekti meeskond - arendaja (back-end), projektijuht / veebidisainer (front-end)
1. etapp - kontseptuaalne
disain•Lähtekohtade täpsutamine
kliendiga, probleemi püstitus
•cms-i valimine, olemasolevate ja puuduvate moodulite kaardistamine
•Stsenaariumid, persoonad
1. etapp - kontseptuaalne
disain
•Sarnaste teenuste / toodete analüüs
•Grab, iPhoto kollektsioon
http://www.apple.com/ilife/iphoto/
1. etapp - kontseptuaalne
disain•Sarnaste teenuste / toodete
analüüs
•Grab, iPhoto kollektsioon
•Staatilised visandid (mockup)
•Omnigraffle
http://www.omnigroup.com/omnigraffle/
1. etapp - kontseptuaalne
disain•Sarnaste teenuste / toodete analüüs
•Grab, iPhoto kollektsioon
•Staatilised visandid (mockup)
•Omnigraffle
•https://www.graffletopia.com/
•Keynote (iWork)
•http://keynotopia.com/
2. etapp - kasutajatega
testimine•Etteantud stsenaariumite alusel
mini-ülesanded
•Ekraanil toimuva salvestamine
•Silverback (demo) http://silverbackapp.com/
2. etapp - kasutajatega
testimine•Tulemuste analüüs
•Ilmnenud vigade kõrvaldamine
•Ettepanekute analüüs, muudatuste sisseviimine
•Testimine
•.... analüüs, testimine, analüüs, testimine...
3. etapp - arendus
•CMS paigaldus lokaalselt
•MAMP (http://www.mamp.info/en/index.html)
3. etapp - arendus•CMS paigaldus lokaalselt
•MAMP (http://www.mamp.info/en/index.html)
•Versioonihaldus
•Git (Github) (https://github.com/)
•SVN (Assembla - https://www.assembla.com/home)
3. etapp - arendus•CMS paigaldus lokaalselt
•MAMP (http://www.mamp.info/en/index.html)
•Versioonihaldus
•Git (Github) (https://github.com/)
•SVN (Assembla - https://www.assembla.com/home)
•Piletite süsteem
3. etapp - arendus
•Tekstiredaktor
•Coda (http://panic.com/coda/)
•FTP, versioonihaldus, klipid, ennetav tekstisisestus, teemad, laiendused
3. etapp - arendus
•Värvide valimine
•Colorschemer Studio (http://www.colorschemer.com/)
3. etapp - arendus
•“Fototöötlus”
•Pixelmator (pixelmator.com)
3. etapp arendus
•Vektorgraafika
•Sketch (http://www.bohemiancoding.com/sketch/)
3. etapp - arendus
•Testimine veebilehitsejatega - Safari, Chrome, Firefox, Opera
•IE - VirtualBox (https://www.virtualbox.org/)
Backup, backup, backup!
•Dropbox, Flickr (1TB), YouTube ja loomulikult versioonihaldus
4. etapp - esitlus, aruanne
•Esitlus - Keynote (iWork)
•Aruanne - Pages (iWork)