[et_pb_section fb_built=”1″ _builder_version=”4.14.2″ _module_preset=”default” background_color=”#F5F6FF” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_post_title author=”off” date_format=”j M. Y” comments=”off” featured_image=”off” _builder_version=”4.14.2″ _module_preset=”default” meta_font=”||||||||” global_colors_info=”{}”][\/et_pb_post_title][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.14.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9mZWF0dXJlZF9pbWFnZSIsInNldHRpbmdzIjp7fX0=@” title_text=”Stage-online-marketing” show_bottom_space=”off” _builder_version=”4.14.2″ _dynamic_attributes=”src” _module_preset=”default” locked=”off” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.14.2″ global_colors_info=”{}”][et_pb_row _builder_version=”3.25″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ global_colors_info=”{}”]<\/p>\n
Een van de grootste fouten die productteams maken, is verwarrende ontwerpen die er geweldig uitzien maar die niet goed werken. Het is een simpele fout, maar het kan ernstige consequenties hebben: als uw product niet goed werkt, maakt niemand er tenslotte nog om hoe het eruit ziet.<\/span><\/p>\n De beste manier om deze verwarring te omzeilen, is een techniek die verhaal gecentreerd ontwerp wordt genoemd. Het idee is om een \u200b\u200breeks verhalende use-cases voor uw product te maken die elke stap in de reis van de gebruiker doorheen illustreren. Ik heb deze techniek met tientallen startups gebruikt en het helpt altijd teams voorbij de visuele details van het oppervlak te gaan om betere beslissingen te nemen over wat er echt toe doet: hoe hun product eindelijk werkt.\u00a0<\/span><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.25″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ global_colors_info=”{}”]<\/p>\n Ik heb opgemerkt dat teams vaak graag door UI-ontwerpen lopen zoals ze een blauwdruk zouden hebben – ze laten zien waar elk element bij hoort. Elk scherm laat zien hoe het product er in een andere situatie uit zou kunnen zien, maar de schermen zijn op geen enkele manier verbonden. Het probleem is dat wanneer ontwerpen op deze manier worden gepresenteerd, je alleen een beter begrip opbouwt van hoe het product eruitziet. U concentreert zich niet op hoe het product werkt, en u simuleert niet hoe klanten ermee omgaan. Dus wanneer teams ontwerpen kritiseren als blauwdrukken, beperkt dit hun vermogen om te redeneren door de interactiviteit van het product ernstig.<\/span><\/p>\n De beste productontwerpers oefenen een op verhalen gericht ontwerp. Ze beginnen met het maken van verhalen die laten zien hoe klanten omgaan met een product, en pas nadat ze dat hebben gedaan ontwerpen ze schermen als een manier om dat interactieverhaal te vertellen.\u00a0<\/span><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.25″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ global_colors_info=”{}”]<\/p>\n In story-centered design werken teams kritisch door te kijken naar tientallen sequenti\u00eble mockups die functioneren als frames in een filmstrip (zie de foto hieronder). Ontwerpers presenteren elke zin die de klant leest, elke actie die ze ondernemen en elk scherm dat door het systeem wordt gegenereerd als reactie. De ontwerpen volgen een klant vanaf een eerste trigger tot en met het voltooien van een doel en ze laten zien hoe het ontwerp elke stap in die stroom ondersteunt. Ik heb veel startups gecoached door middel van op het verhaal gerichte ontwerpoefeningen en deze technieken werkten voor mobiele apps, marketingwebsites, analytische dashboards, enterprise IT en nog veel meer.<\/span><\/p>\n <\/span><\/p>\n Voor ingenieurs zou dit bekend moeten klinken. De kern van verhaalgecentreerd ontwerp is hetzelfde als proefgestuurde ontwikkeling. Alleen in plaats van tests te schrijven om onze code uit te oefenen, cre\u00ebren we verhalen om onze ontwerpen uit te oefenen. Net als door tests aangestuurde ontwikkeling, kan een op een verhaal gericht ontwerp een ongelooflijke invloed hebben op de snelheid en kwaliteit van een product.\u00a0<\/span><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.25″ global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.27.4″ global_colors_info=”{}”]<\/p>\n Het simuleert de gebruikerservaring Het op verhalen gerichte ontwerp dwingt ons om samen met klanten door elke stap te rijden. Dat geeft het hele team (ontwerpers, ingenieurs, CEO) een systeem om ontwerpbeslissingen te nemen op basis van hoe mensen het product daadwerkelijk zullen ervaren.<\/span><\/p>\n Teams spot problemen eerder Omdat verhalen een tijdsdimensie toevoegen, markeren ze allerlei ontwerpfouten die teams vaak missen bij het bekijken van hun product als slechts een stel schermen. Verhalen maken het gemakkelijker om op te merken wanneer prompts niet de juiste verwachtingen bepalen. UI-flows met onnodige stappen en dead-ends worden sneller opgemerkt en gerepareerd. Al deze kleine details zorgen voor een betere bruikbaarheid en betrokkenheid van de gebruiker.<\/span><\/p>\n Het verduidelijkt ontwerpdoelen vooraf Wanneer teams beginnen met het ontwerpen van verhalen, dwingt dit iedereen tot overeenstemming over de ontwerpdoelen voordat de details worden uitgewerkt. Dat is handig, want nadat ontwerpers uren hebben besteed aan gedetailleerde UI-mockups, zal de kritiek eng worden gericht op de vraag of de ontwerpen vooraf gedefinieerde en begrepen doelen bereiken.<\/span><\/p>\n Het is wetenschap! Ja soort van. Doordenken hoe een klant van initi\u00eble trigger gaat (zoals een e-mail of push-melding) helemaal tot en met het afronden van een doelkaart, redelijk goed naar BJ Fogg’s Gedragsmodel van Triggers, Motivaties en Bekwaamheid. Verhalen maken het gemakkelijker om te controleren of al deze elementen aanwezig zijn om het gedrag van gebruikers te stimuleren.<\/span><\/p>\n Het versnelt al het andere. Verhalen kunnen vaak worden hergebruikt door andere delen van het team. Mockups die zijn gemaakt voor het weergeven van een verhaal, kunnen worden omgevormd tot een snel klikbaar prototype voor gebruikersstudies. Hetzelfde verhaal kan worden gebruikt om een \u200b\u200btrechteranalyse te maken, waarmee we kunnen achterhalen of gebruikers het verhaal in het live-product doormaken. En het QA-team kan belangrijke verhalen doornemen om elke nieuwe release te valideren.<\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ module_id=”sectie-contact-algemeen” _builder_version=”4.14.2″ _module_preset=”default” background_color=”#0C112E” global_module=”423″ saved_tabs=”all” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ module_class=”btn-inline-left” _builder_version=”4.14.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_icon font_icon=”||fa||900″ icon_width=”36px” align=”left” _builder_version=”4.14.7″ _module_preset=”default” animation_style=”slide” animation_direction=”left” locked=”off” global_colors_info=”{}”][\/et_pb_icon][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” background_layout=”dark” global_colors_info=”{}”]<\/p>\n Neem contact met ons op!<\/p>\n [\/et_pb_text][et_pb_button button_url=”mailto:hello@korma.nl” button_text=”hello@korma.nl” _builder_version=”4.14.7″ _module_preset=”default” custom_button=”on” button_icon=”||fa||900″ button_icon_placement=”left” button_on_hover=”off” custom_margin=”||10px||false|false” locked=”off” global_colors_info=”{}”][\/et_pb_button][et_pb_button button_url=”tel:0031543711000″ button_text=”054 371 10 00″ _builder_version=”4.14.7″ _module_preset=”default” custom_button=”on” button_icon=”||fa||900″ button_icon_placement=”left” button_on_hover=”off” locked=”off” global_colors_info=”{}”][\/et_pb_button][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.11.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_contact_form captcha=”off” email=”boris@korma.nl” submit_button_text=”Formulier verzenden” _builder_version=”4.14.2″ _module_preset=”default” _unique_id=”a18523c5-bed6-4ed9-a248-4e213b9410fa” form_field_background_color=”#FFFFFF” form_field_custom_padding=”25px|15px|25px|15px|true|true” background_color=”#F5F6FF” custom_button=”on” button_font=”||||||||” button_use_icon=”off” custom_padding=”30px|30px|30px|30px|true|true” box_shadow_style=”preset2″ box_shadow_horizontal=”20px” box_shadow_vertical=”20px” box_shadow_blur=”40px” box_shadow_color=”rgba(0,0,0,0.05)” locked=”off” global_colors_info=”{}”][et_pb_contact_field field_id=”Name” field_title=”Jouw naam *” fullwidth_field=”on” _builder_version=”4.13.0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][et_pb_contact_field field_id=”Company” field_title=”Bedrijfsnaam *” fullwidth_field=”on” _builder_version=”4.13.0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][et_pb_contact_field field_id=”Email” field_title=”E-mailadres *” field_type=”email” fullwidth_field=”on” _builder_version=”4.13.0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][et_pb_contact_field field_id=”Telephone” field_title=”Telefoonnummer” required_mark=”off” fullwidth_field=”on” _builder_version=”4.13.0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][et_pb_contact_field field_id=”Message” field_title=”Bericht” field_type=”text” required_mark=”off” fullwidth_field=”on” _builder_version=”4.13.0″ global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" Een van de grootste fouten die productteams maken, is verwarrende ontwerpen die er geweldig uitzien maar die niet goed werken. Het is een simpele fout, maar het kan ernstige consequenties hebben: als uw product niet goed werkt, maakt niemand er tenslotte nog om hoe het eruit ziet. De beste manier om deze verwarring te omzeilen, […]<\/p>\n","protected":false},"author":1,"featured_media":4996,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-4918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"\nOntwerpen zouden geen blauwdrukken moeten zijn<\/h2>\n
Het proces van ontwerpen op verhaal<\/h2>\n
Waarom story-centered design zo goed werkt<\/h2>\n
Klaar voor de volgende stap?<\/h2>\n