{"id":5254,"date":"2019-01-16T16:07:01","date_gmt":"2019-01-16T15:07:01","guid":{"rendered":"https:\/\/www.intesys.it\/journal\/?p=5254"},"modified":"2019-01-16T16:07:01","modified_gmt":"2019-01-16T15:07:01","slug":"inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists","status":"publish","type":"post","link":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/","title":{"rendered":"Inside the boxes: a tool to co-design a complex interface starting from what exists"},"content":{"rendered":"

Indice dei contenuti<\/span>
  1. Inside the boxes: a tool to co-design<\/a><\/li>
  2. The challenge<\/a><\/li>
  3. The tool<\/a><\/li>
  4. The benefits for the client<\/a><\/li>
  5. The result<\/a><\/li><\/ol><\/div><\/div><\/p>

    Nel\u00a0progettare una soluzione complessa<\/strong>\u00a0\u00e8 importante tenere presente logiche e comportamenti gi\u00e0 consolidati nel tempo. Analizzare cosa funziona e cosa va cambiato \u00e8 utile per costruire soluzioni innovative<\/a> senza sconvolgere le abitudini degli utenti<\/strong>.<\/p>\n

    Come spiegato nell\u2019articolo \u201cDesign Thinking: non solo progettazione\u201d<\/a>, il Design Thinking<\/a> \u00e8 l\u2019approccio che assolve a questo compito\u00a0attraverso l\u2019utilizzo di tecniche e metodologie\u00a0volte ad\u00a0individuare soluzioni innovative che\u00a0coniughino i bisogni delle persone, le possibilit\u00e0 tecniche e i requisiti di business<\/strong>.<\/p>\n

    Nelle prossime righe apriremo la nostra cassetta degli attrezzi per\u00a0mostrarvi\u00a0una metodologia molto efficace, ideata per progettare assieme ai nostri clienti mettendo attorno allo stesso tavolo tutti gli stakeholder con le loro competenze e conoscenze: “Inside the boxes”<\/strong>.<\/p>\n

    Abbiamo deciso di condividere il nostro metodo\u00a0con la community internazionale, pertanto il testo dell\u2019articolo \u00e8 in inglese.
    \nSe sei interessato al tema,\u00a0scarica il nostro white paper per esplorare     le tecniche del Design Thinking attraverso 5 casi pratici.<\/a><\/p>\n

    Buona Lettura!<\/p>\n

    Inside the boxes: a tool to co-design<\/h2>\n

    Recently, we have been working with a client that contacted us in order to redesign an old configurator software<\/strong>. This software was used by different types of users, for several purposes, in a specific field of expertise: the configuration of industrial air coolers.<\/p>\n

    The current interface was complex and had grown over the years without a plan. This resulted in a confusing cluster of features that – quoting the client – resembled a cauliflower. As such, the user experience of the new software<\/strong> was one of the main concerns for the client.<\/p>\n

    The challenge<\/h2>\n

    When we started to approach this challenge, we looked for a tool that could help us to deal with some of the peculiarities of this project. One of the priorities was to start the project by analysing the existing software and learning from it<\/strong>, instead of designing from zero. Furthermore, we needed to engage the \u201creal\u201d expert in the field, the client, in the co-design process<\/strong>, but it wasn\u2019t simple.<\/p>\n

    Making expert knowledge explicit is sometimes tough. In particular, when it’s hard for them to recognize where the boundaries are between a common understanding of their field and the expert-only domain.
    \nFor these reasons it was crucial to help them concentrate on each detail of the process<\/strong>, without losing sight of the whole, in order to let us discern the cases when complexity was intrinsic to the subject matter, from the cases when it was due to bad usability habits.<\/p>\n

    The tool<\/h2>\n

    Apparently, none of the existing co-design methods covered all of our needs so we ended up creating a new gamestorming method: \u201cInside the boxes<\/strong>\u201d. The name is inspired by the \u201cboxes\u201d, the elements which compose the interface. It is a hands-on tool that helps to co-design a complex interface starting from what already exists<\/strong>.<\/p>\n

    We organized a workshop which involved five internal people<\/strong>, working in different departments and covering most of the needs of different target groups. Before the workshop, we printed out the interface and cut it in sections, each of which isolated an element or group of elements meant to accomplish a single task.<\/p>\n

    During the workshop we followed these steps:<\/p>\n

      \n
    1. At the beginning, each participant received a printed section and was asked to identify the most important feature\/information<\/strong> contained and remove what was unnecessary, while keeping in mind the relation of this element with the whole interface and the task it accomplished.<\/li>\n
    2. After this, everyone shared their thoughts with the group and together they discussed the choices they made<\/strong>.<\/li>\n
    3. The second individual task saw each participant sketch a new version of their section<\/strong>, considering the results of the discussion.<\/li>\n
    4. Another round of presentations and a discussion enabled them to place all the elements on a flipchart and define an order to follow step-by-step<\/strong>, until they agreed on a shared process.<\/li>\n<\/ol>\n

      As result, we got a rough idea of a new navigation path, which included all the steps corrected and reshuffled in an easier and clearer journey.<\/p>\n

      The benefits for the client<\/h2>\n

      This tool was helpful because the people, working with very tangible and concrete method, were able to focus on a single topic at a time.<\/p>\n

        \n
      1. It was possible for them to realize that some of the procedures and features of the existent software could be changed and transformed into something more usable<\/strong>.<\/li>\n
      2. In the group discussion, they understood in just how many ways the software was used<\/strong> and which were the different needs of their colleagues.<\/li>\n
      3. Furthermore, the debate was key to quickly identifying pain points and disagreements<\/strong>. This fostered the search for a solution at a point in the process when changes were not overly difficult.<\/li>\n
      4. Everything converged in a relevant reduction in terms of time and resources loss for the client<\/strong>.<\/li>\n<\/ol>\n

        The result<\/h2>\n

        On the other side, we obtained detailed insights<\/strong> on what the needs of the clients were regarding the software. By observing and facilitating the discussion, we were able to discern which of the current behaviours and habits are results of the prolonged use of the old interface, and which behaviours are driven by real necessities and need to be kept. The session clarified what could have been changed and where we could introduce a newer and better way of use<\/strong>.<\/p>\n

        Finally, the workshop resulted in some clear indications of how to build the interface and to structure the navigation<\/strong>. These indications proved themselves precious drivers to design what is now a simplified and intuitive interface<\/strong>.<\/p>\n

        [nectar_btn size=\"large\" open_new_tab=\"true\" button_style=\"regular\" button_color_2=\"Accent-Color\" color_override=\"#0f33ce\" solid_text_color_override=\"#ffffff\" icon_family=\"none\" button_id=\"\" text=\"Scopri il Design Thinking con 5 casi pratici\" margin_top=\"30\" url=\"https:\/\/www.intesys.it\/design-thinking-per-i-servizi-digitali\/?utm_source=journal&utm_medium=CTA&utm_campaign=inside%20the%20boxes\"]\n","protected":false},"excerpt":{"rendered":"

        Nel\u00a0progettare una soluzione complessa\u00a0\u00e8 importante tenere presente logiche e comportamenti gi\u00e0 consolidati nel tempo. Analizzare…<\/p>\n","protected":false},"author":23,"featured_media":5264,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[24,25],"tags":[144,227],"class_list":{"0":"post-5254","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design","8":"category-digital-transformation","9":"tag-co-design","10":"tag-design-thinking"},"acf":[],"yoast_head":"\nInside the boxes: a tool to co-design complex interface<\/title>\n<meta name=\"description\" content=\"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inside the boxes: a tool to co-design complex interface\" \/>\n<meta property=\"og:description\" content=\"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/\" \/>\n<meta property=\"og:site_name\" content=\"Intesys Journal\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-16T15:07:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Lucia Cosma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucia Cosma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/\",\"url\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/\",\"name\":\"Inside the boxes: a tool to co-design complex interface\",\"isPartOf\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png\",\"datePublished\":\"2019-01-16T15:07:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/29ed6250bbe1e802b6765b07001e3e51\"},\"description\":\"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage\",\"url\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png\",\"contentUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png\",\"width\":1280,\"height\":960},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intesys.it\/journal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inside the boxes: a tool to co-design a complex interface starting from what exists\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\",\"url\":\"https:\/\/www.intesys.it\/journal\/\",\"name\":\"Intesys\",\"description\":\"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intesys.it\/journal\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/29ed6250bbe1e802b6765b07001e3e51\",\"name\":\"Lucia Cosma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2075c5889f9e59563b1355d472fa374df846c04adde7f1da7ff35b6173fc75c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2075c5889f9e59563b1355d472fa374df846c04adde7f1da7ff35b6173fc75c7?s=96&d=mm&r=g\",\"caption\":\"Lucia Cosma\"},\"description\":\"Lucia progetta servizi e prodotti digitali con un approccio olistico, che tiene conto delle esigenze degli utenti e del business. Combinando una serie di tecniche di Service Design, Co-design e Design Thinking, Lucia in Intesys cura l\u2019esperienza utente e la fattibilit\u00e0 delle soluzioni proposte.\",\"url\":\"https:\/\/www.intesys.it\/journal\/autore\/lucia-cosma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inside the boxes: a tool to co-design complex interface","description":"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/","og_locale":"it_IT","og_type":"article","og_title":"Inside the boxes: a tool to co-design complex interface","og_description":"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.","og_url":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/","og_site_name":"Intesys Journal","article_published_time":"2019-01-16T15:07:01+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png","type":"image\/png"}],"author":"Lucia Cosma","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Lucia Cosma","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/","url":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/","name":"Inside the boxes: a tool to co-design complex interface","isPartOf":{"@id":"https:\/\/www.intesys.it\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage"},"image":{"@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png","datePublished":"2019-01-16T15:07:01+00:00","author":{"@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/29ed6250bbe1e802b6765b07001e3e51"},"description":"\u201cInside the boxes\u201d is a new gamestorming method: a hands-on tool that helps to co-design a complex interface starting from what already exists.","breadcrumb":{"@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#primaryimage","url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png","contentUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2019\/01\/immagine-journal-1.png","width":1280,"height":960},{"@type":"BreadcrumbList","@id":"https:\/\/www.intesys.it\/journal\/design\/inside-the-boxes-hands-tool-to-co-design-complex-interface-starting-from-what-exists\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intesys.it\/journal\/"},{"@type":"ListItem","position":2,"name":"Inside the boxes: a tool to co-design a complex interface starting from what exists"}]},{"@type":"WebSite","@id":"https:\/\/www.intesys.it\/journal\/#website","url":"https:\/\/www.intesys.it\/journal\/","name":"Intesys","description":"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intesys.it\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/29ed6250bbe1e802b6765b07001e3e51","name":"Lucia Cosma","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2075c5889f9e59563b1355d472fa374df846c04adde7f1da7ff35b6173fc75c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2075c5889f9e59563b1355d472fa374df846c04adde7f1da7ff35b6173fc75c7?s=96&d=mm&r=g","caption":"Lucia Cosma"},"description":"Lucia progetta servizi e prodotti digitali con un approccio olistico, che tiene conto delle esigenze degli utenti e del business. Combinando una serie di tecniche di Service Design, Co-design e Design Thinking, Lucia in Intesys cura l\u2019esperienza utente e la fattibilit\u00e0 delle soluzioni proposte.","url":"https:\/\/www.intesys.it\/journal\/autore\/lucia-cosma\/"}]}},"_links":{"self":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/5254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/comments?post=5254"}],"version-history":[{"count":0,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/5254\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media\/5264"}],"wp:attachment":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media?parent=5254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/categories?post=5254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/tags?post=5254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}