Functioneel Ontwerp Mousegestures
Mogelijke single mousegestures
Tijdens het laden van de applicatie kan de gebruiker verschillende gestures proberen.
De handelingen hebben effect op de bal. Als de handeling goed is uitgevoerd komt er in het onderste scherm een nieuwe handeling te staan. Zodra de applicatie is geladen kan de gebruiker er voor kiezen om door te gaan door op enter te drukken.
Mogelijke multiple mousegestures Bovenaanzicht van winkelmand waar producten daadwerkelijk in zitten. Producten kunnen verwijdert worden gegroepeerd.
De producten kunnen ook worden gedraaid, gesleept of in een hoek worden gesleept/geduwd (soort elastiek effect, botst dan tegen rand van winkelwagen aan). De items botsen tegen andere items.
Het laden
Tijdens het laden van de applicatie kan de gebruiker verschillende gestures proberen.
!"#$%%"&'%&(#)*%+'%&$%,%*-+*&#.&/%0& 0#12/32"%%+&+4&0%&'#%+5
De handelingen hebben effect op de bal. Als de handeling goed is uitgevoerd komt er in het onderste scherm een nieuwe handeling te staan. Zodra de applicatie is geladen kan de gebruiker er voor kiezen om door te gaan door op enter te drukken.
67869 !"#$%%"&'%&(#)*%+'%&$%,%*-+*&#.&/%0& 0#12/32"%%+&+4&0%&'#%+5
Het tijdschrift Wanneer er op ENTER is gedrukt opent de applicatie. De applicatie bevat een tijdschrift/boek wat gevuld is met korte demo-applicaties die de gebruiker kennis leert maken met mousegestures (iedere pagina een andere). Door middel van het horizontaal slepen met één vinger of twee vingers, bladert de gebruiker door het tijdschrift heen. Op de voorpagina/kaft is een 3D logo te zien waar de gebruiker eventueel al mousegestures op los kan laten. AlterQDWLHI HHQLQWURÀOPSMHYDQ6\VBWLP
Het menu De eerste pagina wordt gevuld met een inhoudsopgave wat gelijk fungeert als menu.
:+/#1'
De verschillende demo’s: - een kamer inrichten (elementen slepen, elementen vergroten/verkleinen, kleuren veranderen, brightness veranderen) - overzicht van winkelmand (bovenaanzicht?) - fotoalbum (volume regelen, vooruit, achteruit spoelen) - videoalbum (foto’s omdraaien, slepen, foto’s verwijderen) - 3D productcatalogus - Tekstdocumenten (kan ook geintegreerd worden in andere demo’s) Zodra de gebruiker op één van de menu-items drukt bladert het tijdschrift naar de juiste bladzijde. Misschien ook mogelijk maken om in/ uit te zoomen op menu of volgorde van menu-items kunnen veranderen door ze WHVOHSHQDOVOD\HUV
:+/#1'
Kamer inrichten De eerste demo-applicatie waar de mousegestures uitgeprobeerd kunnen worden is het inrichten van een kamer.
meubels
kamer
Er kunnen elementen zoals meubels gesleept worden naar de kamer. Ze kunnen gedraaid worden, van kleur veranderen(korte snelle beweging op het meubelstuk van links naar rechts, of lang indrukken waardoor het kleurenpaletje tevoorschijn komt) en/of van brightness (twee vingers op het meubelstuk slepen van boven naar beneden). De meubels kunnen daarnaast makkelijk verwijderd worden uit de kamer door ze met een snelle beweging uit de kamer te slepen of door simpelweg een X te tekenen op het gewenste meubelstuk.
slepen van meubels
verwijderen van meubels
veranderen van kleur meubel
veranderen van brightness meubel
Draaien van items
Overzicht producten in winkelmandje Bovenaanzicht van winkelmand waar producten daadwerkelijk in zitten. Producten kunnen verwijdert worden gegroepeerd. De producten kunnen ook worden gedraaid, gesleept of in een hoek worden gesleept/geduwd (soort elastiek effect, botst dan tegen rand van winkelwagen aan). De items botsen tegen andere items. items kunnen eventueel omgedraaid worden voor meer informatie. Draaien van items
slepen van items
6QHOVOHSHQYDQLWHPV
Botsen van items
Omdraaien van items Verwijderen van items
Fotoalbum
Foto’s kunnen onderling gedraaid, gesleept, in-of uit gezoomd (2 keer klikken op foto, of met twee vingers scrollen) worden. Foto´s kunnen eventueel omgedraaid worden voor meer informatie.
Omdraaien van foto’s
Door middel van verschillende mousegestures kan het aanzicht van de foto’s ZRUGHQYHUDQGHUW2SORSHQGRIDÁRpend sorteren kan door middel van het tekenen van een trappetje.
in/uitzoomen foto’s Foto aanzicht veranderen of 2x drukken oplopend sorteren
DÁRSHQGVRUWHUHQ
Video album - Volume kan verandert worden door middel van mousegestures. 9LGHRNDQRSSOD\SDX]HHQRSVWRS worden gezet door middel van mousegestures.. - Video kan door worden gespoeld door middel van mousegestures. - Videoschermpje kan omgedraaid worden voor meer informatie. - slepen van video naar afspeelvenster
Veranderen van volume
Vooruit en achteruit spoelen
Omdraaien van foto’s
6OHSHQQDDUDIVSHHOYHQVWHU
6WRS3OD\3DXVH
3D productcatalogus Producten kunnen naar het midden worden gesleept om deze 3D te bekijken. Het 3D object kan van alle kanten kunnen worden bekeken.
Tekst 6FUROOHQGRRUWHNVW - bladeren door bladzijdes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris odio nisl, hendrerit a, laoreet non, semper sit amet, enim. Phasellus orci. Duis euismod erat vitae ligula. Duis porttitor fringilla libero. Phasellus vitae nulla. Nunc lorem urna, feugiat vel, egestas cursus, pulvinar et, lectus. Nunc at erat. Aliquam ullamcorper diam at dolor. Nam vitae eros. Proin et elit. Etiam consectetur est vitae nibh. Vivamus luctus quam a neque. Mauris sed tellus at tellus ultrices laoreet. Morbi id dui.
Het inzoomen op tekst kan door het tekenen van een rondje/ovaal op de plek waar je wilt inzoomen. Met twee vingers een klein rondje tekenen is weer uitzoomen.
Etiam posuere, dolor nec eleifend facilisis, enim nisi aliquam enim, quis tincidunt magna lorem vitae leo. Nunc orci. Integer ut velit. Nulla venenatis dignissim risus. Mauris pharetra augue in odio. Duis viverra, nulla eget fringilla commodo, nulla dui ultricies mi, ultrices condimentum enim nisl vitae urna. Etiam ac nunc sit amet nulla molestie vestibulum. Sed imperdiet lobortis felis.
6FUROOHQGRRUWHNVW
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris odio nisl, hendrerit a, laoreet non, semper sit amet, enim. Etiam posuere, dolor nec eleifend facilisis, enim nisi aliquam enim, quis tincidunt magna lorem vitae leo. Nunc orci. Integer ut velit. Nulla venenatis dignissim risus. Mauris pharetra augue in odio. Duis viverra, nulla eget fringilla commodo, nulla dui ultricies mi, ultrices condimentum enim nisl vitae urna. Etiam ac nunc sit amet nulla molestie vestibulum. Sed imperdiet lobortis felis. Phasellus orci. Duis euismod erat vitae ligula. Duis porttitor fringilla libero. Phasellus vitae nulla. Nunc lorem urna, feugiat vel, egestas cursus, pulvinar et, lectus. Nunc at erat. Aliquam ullamcorper diam at dolor. Nam vitae eros. Proin et elit. Etiam consectetur est vitae nibh. Vivamus luctus quam a neque. Mauris sed tellus at tellus ultrices laoreet. Morbi id dui.
Inzoomen tekst Lorem ipsum um dolor sit amet, am consectetur adipiscing iscing elit. Mauris odio nisl, hendrerit a, laoreet non, semper sit amet, en enim. Phasellus hasellus orci. Duis euismod eratt vvitae ula. Duis porttitor fringilla liber ligula. libero. Phasellus lus vitae nulla. Nunc lor lorem urna, feugiat vel, egestas cursus, pulvinar et, lectus. Nunc at erat. Aliquam ullamcorper diam at dolor. Nam vitae eros. Proin et
Bladeren Uitzoomen
i
i Titel Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in nunc. Duis porttitor, turpis id pharetra cursus, lacus ligula laoreet justo, quis rutrum nulla enim ac sem. Integer velit. Nullam gravida volutpat nibh. Donec faucibus, augue sit amet sollicitudin varius, odio ipsum consequat turpis, ut lobortis lacus leo et purus. Aenean facilisis, elit ac semper congue,
tum nisi erat suscipit risus. Etiam nec nunc. Integer volutpat. Sed mollis. Sed venenatis tempus dui. Mauris molestie tincidunt eros. Cras faucibus scelerisque lorem. Vestibulum tristique. Sed fringilla pellentesque neque. Aenean non ligula a ipsum lacinia luctus. Duis imperdiet mollis tellus. In in dolor quis felis aliquet hendrerit. In nec purus. Integer porttitor diam eu libero. Integer sit amet neque in dolor tempus mollis. Donec ultrices tincidunt odio. In ut lacus eu purus iaculis scelerisque. Nunc lorem. Vivamus eros. Mauris vulputate nisl ut turpis. Nunc consequat erat at augue. In nec est in diam ultricies egestas. Suspendisse potenti. Nunc erat quam, lobortis quis, ultricies ut, pharetra at, metus. Nullam in neque ac tellus vehicula semper. In urna arcu, aliquet vel, ultrices ornare, pretium eu, lacus. Nulla facilisi. Aliquam consequat lectus blandit turpis. Ut pharetra, sem id aliquet imperdiet, lorem sem auctor lorem, ac semper nibh urna vitae risus. Nunc fermentum bibendum odio. Curabitur aliquam, magna at ultrices mollis, dolor risus auctor orci, sed tristique nibh diam id enim. Donec malesuada tempor leo. Praesent ornare ornare dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed libero. Curabitur accumsan. Sed ac magna nec dolor tempus malesuada. Cras ac ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque bibendum massa non mi. Duis ac leo. Aliquam aliquet scelerisque erat. Curabitur placerat orci sagittis metus. Proin porttitor. Suspendisse nunc. Cras nulla lacus, euismod eget, aliquet sed, placerat eu, dolor. Cras risus turpis, pharetra eget, molestie nec, malesuada et, nisi. Suspendisse consectetur, velit quis tempus convallis, odio augue malesuada enim, quis congue ipsum erat quis odio. In hac habitasse platea dictumst. Pellentesque tincidunt nunc sit amet enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas rhoncus. Duis sollicitudin ante ut enim. Integer porttitor, mauris quis pulvinar interdum, quam ligula varius eros, in vehicula turpis quam in est. Sed auctor, mi at fermentum aliquet, tortor sem posuere odio, ac rhoncus velit odio eu risus.
i
00:00 / 00:00
