SlideShare a Scribd company logo
1 of 36
Download to read offline
Detailsete
kasutajaliidese
prototüüpide
koostamine
IFI6207.DT Interaktsioonidisain
Detailsed kasutajaliidese prototüübid
• Graafilised kasutajaliidese prototüübid
• HTML/CSS prototüübid
• Läbiklikitavad prototüübid
Inspiratsioon
http://www.webdesign-inspiration.com
https://blog.realmacsoftware.com/ember-2-alpha/
https://kb.realmacsoftware.com/hc/en-us/articles/115001205634-Download-Ember-1-x-for-macOS
Disainimustrid ja -juhised
http://ui-patterns.com
http://uipatterns.io
http://www.mobile-patterns.com
https://studio.uxpin.com/ebooks/web-ui-design-patterns-2016-volume-1/
https://studio.uxpin.com/ebooks/web-ui-design-patterns-2016-volume-2/
https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/
http://developer.android.com/design/
Prototüüpimise tarkvara
http://pencil.evolus.vn
http://www.sketchapp.com
http://www.sketchappsources.com
http://bootstrapuikit.com
http://www.axure.com
http://www.axure.com/edu
http://uxtooltime.com
http://www.invisionapp.com
http://invis.io/MBTARQP7
http://www.uxpin.com
Värviskeemid
https://color.adobe.com/create/color-wheel/
http://www.eigenlogik.com/spectrum/mac
Ikoonid
http://www.flaticon.com
Kohatäited
http://lipsum.com
http://placehold.it
Fotod
• MagneziUm Design Studio Belgrade, https://www.flickr.com/photos/
131988821@N04/20494586089/
See materjal on avaldatud Creative Commons Autorile viitamine–Jagamine
samadel tingimustel 3.0 Eesti litsentsi alusel. Litsentsi terviktekstiga tutvumiseks
külastage aadressi http://creativecommons.org/licenses/by-sa/3.0/ee/
Hans Põldoja
hans.poldoja@tlu.ee
IFI6207.DT Interaktsioonidisain
https://ifi6207.wordpress.com
Digitehnoloogiate instituut
Tallinna Ülikool

More Related Content

Similar to Detailsete kasutajaliidese prototüüpide koostamine

Projektijuhtimise tarkvara
Projektijuhtimise tarkvaraProjektijuhtimise tarkvara
Projektijuhtimise tarkvaraMartin Sillaots
 
Parimad tööriistad edukaks arendustööks
Parimad tööriistad edukaks arendustööksParimad tööriistad edukaks arendustööks
Parimad tööriistad edukaks arendustööksasirel
 
Haapsalu Kolledži valikseminar
Haapsalu Kolledži valikseminarHaapsalu Kolledži valikseminar
Haapsalu Kolledži valikseminarJüri Kaljundi
 
Visual studio Pilves_c
Visual studio Pilves_cVisual studio Pilves_c
Visual studio Pilves_cTaavi K
 
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...Kaido Kikkas
 

Similar to Detailsete kasutajaliidese prototüüpide koostamine (6)

Projektijuhtimise tarkvara
Projektijuhtimise tarkvaraProjektijuhtimise tarkvara
Projektijuhtimise tarkvara
 
Parimad tööriistad edukaks arendustööks
Parimad tööriistad edukaks arendustööksParimad tööriistad edukaks arendustööks
Parimad tööriistad edukaks arendustööks
 
Veebistandardid I
Veebistandardid IVeebistandardid I
Veebistandardid I
 
Haapsalu Kolledži valikseminar
Haapsalu Kolledži valikseminarHaapsalu Kolledži valikseminar
Haapsalu Kolledži valikseminar
 
Visual studio Pilves_c
Visual studio Pilves_cVisual studio Pilves_c
Visual studio Pilves_c
 
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...
Universaaldisain ja IT-lahendused - veebikeskkonna kättesaadavus ja abistavad...
 

More from Hans Põldoja

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidHans Põldoja
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityHans Põldoja
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidHans Põldoja
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseHans Põldoja
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigusHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineHans Põldoja
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineHans Põldoja
 

More from Hans Põldoja (20)

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational Practices
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardid
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn University
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemine
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamine
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamine
 

Detailsete kasutajaliidese prototüüpide koostamine