\n[et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em” sticky_enabled=”0″]<\/p>\n
De wereld raakt steeds meer met elkaar verbonden. Deze trend beperkt zich niet tot mensen, maar geldt ook voor de producten die we in huis hebben. Steeds meer consumentenelektronica wordt geleverd met een app, communiceert met Alexa of Google Home, of is gekoppeld aan een systeem van verbonden producten. Om te voorkomen dat uw eindgebruiker ergens tussen de app en uw fysieke product de weg kwijtraakt, is het belangrijk om het ontwerp van zowel digitale als fysieke elementen tegelijkertijd aan te pakken. Dit is essentieel om \u00e9\u00e9n holistische gebruikerservaring te cre\u00ebren.<\/p>\n
In dit artikel geef ik u een korte kijk in mijn wereld als User Experience (UX) & Product Designer bij SLIMDESIGN. Ik zal laten zien hoe een overkoepelend UX-perspectief u kan helpen een duidelijk verhaal voor uw gebruikers te cre\u00ebren, en hoe dit u helpt om uw gebruikerservaring bijna magisch te laten aanvoelen.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Consumentenelektronica zoals huishoudelijke apparaten, verlichting en zelfs uw koelkast worden steeds slimmer; ze worden steeds vaker verbonden met uw smartphone of communiceren zelfs onderling. Producten zijn niet langer alleen maar tastbare objecten; hun gebruikerservaring wordt uitgebreid naar een geheel nieuwe dimensie: de digitale wereld.<\/p>\n
Om een ervaring te ontwerpen die naadloos overgaat tussen digitale en fysieke elementen, is het belangrijk om het ontwerpproces te bekijken vanuit een overkoepelend gebruikerservaringsperspectief. Want wanneer de digitale en fysieke elementen afzonderlijk worden ontworpen en daarna aan elkaar worden gekoppeld, leidt dit onvermijdelijk tot een botsing in de gebruikerservaring.<\/p>\n
Bij SLIMDESIGN hebben we een ge\u00efntegreerd ontwerpproces ontwikkeld waarin we zowel de digitale als de fysieke elementen van een product tegelijkertijd bekijken en deze gelijktijdig ontwerpen, waarbij we ze als \u00e9\u00e9n gebruikerservaring behandelen.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Laten we eerst eens defini\u00ebren wat een goede gebruikerservaring is. Een goede gebruikerservaring is intu\u00eftief en heeft een sterk verhaal dat aansluit bij wat de gebruiker wil bereiken. Het neemt de gebruiker bij de hand en legt bijna instinctief uit hoe en waar hij met het product kan interageren. Na de interactie van de gebruiker geeft het product\/de app\/de dienst de juiste feedback op de actie van de gebruiker. Als we het hebben over verbonden consumentenelektronica, is het allerbelangrijkste dat de ervaring een naadloze overgang vormt tussen de digitale en de fysieke wereld.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_Illustration_IrisRitsma-1-scaled.jpg” title_text=”User-Experience-Design_Illustration_IrisRitsma-1″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design-_-Illustration_IrisRitsma-2-scaled.jpg” title_text=”User-Experience-Design-_-Illustration_IrisRitsma-2″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Om deze definitie concreter te maken, zal ik u een voorbeeld geven. Veel mensen maken tegenwoordig gebruik van slimme verlichting in hun huis. Lampen die zich automatisch aanpassen aan het tijdstip van de dag, die reageren op spraakopdrachten of die via een app worden bediend. Als u de eigenaar van het systeem bent en u het zelf hebt ge\u00efnstalleerd, is het voor u wellicht vanzelfsprekend hoe het werkt. Maar wat gebeurt er als u bezoek heeft dat de lampen boven de keukentafel wil aanzetten? Hoe weten zij dat er een systeem is ge\u00efnstalleerd? Hoe kunnen zij het systeem bedienen zonder de telefoon van de gastheer of -vrouw te gebruiken? Moet er een fysieke schakelaar zijn? Of alleen een digitale? Of beide? En hoe be\u00efnvloeden deze schakelaars elkaar?<\/p>\n
Zoals u ziet, kan een eenvoudig voorbeeld al snel uitgroeien tot een behoorlijk complexe ontwerpuitdaging. Stelt u zich eens voor dat de complexiteit en het aantal productfuncties toenemen; dan neemt ook de complexiteit van de ontwerpuitdaging toe.<\/p>\n
Om een goed werkend systeem te realiseren voor meerdere gebruikers op verschillende platforms, is het belangrijk om het ontwerp vanuit een holistisch perspectief te bekijken. Wie gaat het gebruiken? In welke context? En wat willen zij bereiken? En vooral: waarom?<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
\u00a0Om een duidelijk verhaal te ontwikkelen, is het belangrijk om een goed gevoel te krijgen voor het systeem dat u ontwerpt. Welke elementen zullen aanwezig zijn en wat worden de basisfuncties? Hieronder vindt u enkele hulpmiddelen die wij bij SLIMDESIGN graag gebruiken in ons ge\u00efntegreerde ontwerpproces om een goed verhaal op te bouwen.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_Product-ecosystem-scaled.jpg” title_text=”User-Experience-Design_Product-ecosystem” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
De eenvoudigste manier om te beginnen is door uw productecosysteem in kaart te brengen. Welke elementen zitten erin? Is er een app? Een fysiek product? Of misschien meerdere producten en een afstandsbediening? Zorg ervoor dat u alle elementen opneemt en breng in kaart hoe deze met elkaar in verband staan.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_allocate-features-scaled.jpg” title_text=”User-Experience-Design_allocate-features” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Heel eenvoudig gezegd: welke functies heeft het systeem en in welke van uw systeemelementen zijn deze ondergebracht? Denk nog eens terug aan het voorbeeld van de aan\/uit-lichtschakelaar: plaatst u deze in de app, op het product, op een afstandsbediening of op al deze plaatsen? De eenvoudigste manier om dit aan te pakken is door een basistabel te maken; deze geeft in \u00e9\u00e9n oogopslag inzicht in wat er gebeurt, waar en waarom.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_wireframe-scaled.jpg” title_text=”User-Experience-Design_wireframe” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Een goede volgende stap is het maken van wireframes. Net zoals wireframes in de digitale wereld worden gebruikt om de basiswerking van een app vast te leggen, kunnen ze ook worden gebruikt voor fysieke producten en voor het systeem als geheel.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Zodra u een basisidee heeft van wat u aan het maken bent, kunt u beginnen het systeem tot leven te brengen; dit helpt u een beter gevoel te krijgen voor het verhaal dat u aan het ontwerpen bent.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_prototyping.jpg” title_text=”User-Experience-Design_prototyping” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Kies een paar belangrijke scenario's en begin ze door te nemen! Gebruik enkele eenvoudige voorlopige objecten en speel de scenario's gewoon na. Op deze manier krijgt u een goed beeld of wat u op papier hebt ontworpen, ook in de daadwerkelijke context klopt.<\/p>\n
[\/et_pb_text][et_pb_image src=”https:\/\/slimdesign.com\/wp-content\/uploads\/2021\/03\/User-Experience-Design_-User-testing-scaled.jpg” title_text=”User-Experience-Design_-User-testing” _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Een eenvoudige manier om te bepalen of de workflow van uw product logisch is, is het maken van low-fidelity prototypes of papieren prototypes. Maak eenvoudige weergaven van de elementen in uw systeem op papier of karton, zoals app-schermen, interfaces of het product zelf, en doorloop enkele van de belangrijkste scenario's. Zijn er hiaten in de workflow? Lijken de verschillende interfaces logisch?<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Ja, gebruikerstesten, en dat betekent niet dat u een complete testopstelling en een uitgebreid protocol moet opzetten. Het kan zo eenvoudig zijn als het gebruik van enkele van uw papieren prototypes en het uitnodigen van een paar mensen om enkele gebruiksscenario's door te nemen. Zorg ervoor dat u mensen gebruikt die niet bij het project betrokken zijn, evenals enkele niet-ontwerpers en collega-ontwerpers! Gebruik minimaal 5 deelnemers, bij voorkeur uit verschillende demografische groepen binnen uw doelgroep. U zult al snel ontdekken dat wat voor u en het ontwerpteam misschien vanzelfsprekend is, sommige van uw gebruikers volledig in verwarring kan brengen.<\/p>\n
U kunt heel eenvoudig beginnen: gebruik enkele van de papieren prototypes die u eerder hebt gemaakt en test deze. Zodra u verder in het proces bent, kunt u de gedetailleerdheid van uw prompts\/prototypes en testscript verhogen.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Dit zijn slechts enkele van de hulpmiddelen die wij gebruiken in ons ge\u00efntegreerde ontwerpproces, waarmee wij de gebruikerservaring op verschillende platforms optimaal kunnen vormgeven. Uiteraard vereist elk ontwerpproject een aanpak op maat. Combineer de hier genoemde hulpmiddelen, pas ze aan en verhoog of verlaag de nauwkeurigheid, afhankelijk van de fase waarin u zich bevindt.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
De termen UX-ontwerp (User Experience) en UI-ontwerp (User Interface) worden vaak door elkaar gebruikt. Het is belangrijk om op te merken dat UX en UI niet hetzelfde zijn, en in dit artikel hebben we het over de algehele product-UX. Hoewel sommige van deze tools ook kunnen worden toegepast bij het ontwikkelen van een goede UI, komt er veel meer bij kijken dan dat. Bent u ge\u00efnteresseerd in het ontwikkelen van een goede UI voor uw product? Houd dan ons volgende artikel in de gaten over hoe u een fysieke product-UI ontwerpt die werkt!<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” text_font_size=”18px” text_line_height=”1.5em”]<\/p>\n
Ten slotte zijn er bij het ontwikkelingsproces van connected consumentenelektronica tal van disciplines betrokken. De beslissingen die u in een vroeg stadium neemt, hebben onvermijdelijk invloed op het werk van disciplines die doorgaans in latere fasen van het proces worden ingeschakeld. Bij SLIMDESIGN is het essentieel voor ons ge\u00efntegreerde ontwerpproces om alle verschillende disciplines al in een vroeg stadium bij het proces te betrekken. Zo schakelen wij bijvoorbeeld vanaf het begin onze elektronica-ingenieurs, werktuigbouwkundig ingenieurs en softwareontwikkelaars in. Op deze manier gaat er geen nuttige informatie verloren en kunnen wij al in een vroeg stadium gebruikmaken van hun waardevolle inbreng.<\/p>\n
Wilt u meer weten over UX? Of heeft u een project waarbij u graag hulp zou willen? Neem dan contact met ons op! Wij helpen u graag verder of geven u graag meer uitleg.<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_text _builder_version=”4.20.2″ _module_preset=”default” text_font_size=”17px” background_color=”#F9F9F9″ custom_padding=”20px|20px|20px|20px|false|false” global_colors_info=”{}” theme_builder_area=”post_content”]<\/p>\n
Als u een nieuw product overweegt of te maken heeft met complexe ontwikkelingsvraagstukken,
bespreken wij graag uw situatie en stellen we de meest effectieve volgende stap vast.<\/p>\n