{"id":862,"date":"2023-05-02T19:16:32","date_gmt":"2023-05-02T19:16:32","guid":{"rendered":"https:\/\/bassan.weblove.ca\/structurer-et-concevoir\/schematiser-les-concepts\/"},"modified":"2023-10-31T13:17:18","modified_gmt":"2023-10-31T13:17:18","slug":"schematizing-concepts","status":"publish","type":"page","link":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/","title":{"rendered":"Schematizing concepts"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":835,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":{"flexible":[{"acf_fc_layout":"intro","theme":"light","badge":"","text":"

Shaping your vision is a key step in creating a new product. What will the interfaces look like? How will the interactions take place? This is the point where we design visual representations (wireframes and mock-ups) and solution prototypes.<\/p>\n"},{"acf_fc_layout":"section_title","image":false,"title":"Wireframes","nb_block":"2","block_1":{"icon":"<\/i>","title":"When are they used?","text":"Mainly at the beginning of the design process, during the needs exploration."},"block_2":{"icon":"<\/i>","title":"Objective","text":"Design wireframes of the project at several possible levels of fidelity."}},{"acf_fc_layout":"text","nb_col":"2","text":"","theme":"light","col_1":{"icon":"","suptitle":"","text":"

Creating wireframes allows us to visualize the interfaces and imagine the user experience.<\/p>\n"},"col_2":{"icon":"","suptitle":"What does it involve?","text":"

Wireframes are a great way to give form to certain concepts or steps of the service. They\u2019re part of an iterative approach (optimizing wireframes following feedback from actual users).<\/p>\n"}},{"acf_fc_layout":"image_text","suptitle":"A valuable communication tool","title":"Wireframes will help you not only come together around a common vision of certain services, but also present your ideas to external stakeholders. They are particularly useful during interviews with participants to help them project into the future or do some ideation. ","list":[{"image":{"ID":1078,"id":1078,"title":"","filename":"DSC03887.jpg","filesize":123171,"url":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887.jpg","link":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/daily-life-of-business-people-at-the-office-9-2\/","alt":"Ux designer showing wireframes","author":"3","description":"","caption":"","name":"daily-life-of-business-people-at-the-office-9-2","status":"inherit","uploaded_to":862,"date":"2023-10-17 13:44:54","modified":"2023-10-31 13:17:07","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/bassan.ca\/wp\/wp-includes\/images\/media\/default.png","width":902,"height":814,"sizes":{"thumbnail":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887-150x150.jpg","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887-300x271.jpg","medium-width":300,"medium-height":271,"medium_large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887-768x693.jpg","medium_large-width":768,"medium_large-height":693,"large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887.jpg","large-width":902,"large-height":814,"1536x1536":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887.jpg","1536x1536-width":902,"1536x1536-height":814,"2048x2048":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/10\/DSC03887.jpg","2048x2048-width":902,"2048x2048-height":814}},"title":"Our method","text":"

Wireframes are used to create a visual representation of new user experience interfaces.<\/p>\n

This visual design of the structure and hierarchy of content of the pages of a website, app or system is achieved through wireframing software. Wireframes can be created at a higher or lower level of fidelity, with some finishing and details.<\/p>\n

The wireframes are built based on the research data previously collected. They can also be based on data obtained by the client.<\/p>\n"}]},{"acf_fc_layout":"logos","suptitle":"Our toolbox","title":"We regularly use industry apps and software.","logos":[{"ID":695,"id":695,"title":"sketch","filename":"sketch.png","filesize":4721,"url":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","link":"https:\/\/bassan.ca\/en\/accueil\/sketch-2-2\/","alt":"","author":"2","description":"","caption":"Sketch","name":"sketch-2-2","status":"inherit","uploaded_to":663,"date":"2023-03-14 20:01:05","modified":"2023-10-25 19:00:39","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/bassan.ca\/wp\/wp-includes\/images\/media\/default.png","width":245,"height":59,"sizes":{"thumbnail":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch-150x59.png","thumbnail-width":150,"thumbnail-height":59,"medium":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","medium-width":245,"medium-height":59,"medium_large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","medium_large-width":245,"medium_large-height":59,"large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","large-width":245,"large-height":59,"1536x1536":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","1536x1536-width":245,"1536x1536-height":59,"2048x2048":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/sketch.png","2048x2048-width":245,"2048x2048-height":59}},{"ID":697,"id":697,"title":"invision","filename":"invision.png","filesize":3687,"url":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","link":"https:\/\/bassan.ca\/en\/accueil\/invision-2-2\/","alt":"","author":"2","description":"","caption":"Invision","name":"invision-2-2","status":"inherit","uploaded_to":663,"date":"2023-03-14 20:01:16","modified":"2023-10-25 19:00:35","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/bassan.ca\/wp\/wp-includes\/images\/media\/default.png","width":216,"height":74,"sizes":{"thumbnail":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision-150x74.png","thumbnail-width":150,"thumbnail-height":74,"medium":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","medium-width":216,"medium-height":74,"medium_large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","medium_large-width":216,"medium_large-height":74,"large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","large-width":216,"large-height":74,"1536x1536":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","1536x1536-width":216,"1536x1536-height":74,"2048x2048":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/03\/invision.png","2048x2048-width":216,"2048x2048-height":74}},{"ID":853,"id":853,"title":"Figma-Wordmark-Black 1","filename":"Figma-Wordmark-Black-1.png","filesize":1783,"url":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","link":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/figma-wordmark-black-1-2\/","alt":"","author":"2","description":"","caption":"Figma","name":"figma-wordmark-black-1-2","status":"inherit","uploaded_to":862,"date":"2023-05-02 19:19:54","modified":"2023-10-25 19:00:31","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/bassan.ca\/wp\/wp-includes\/images\/media\/default.png","width":107,"height":40,"sizes":{"thumbnail":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","thumbnail-width":107,"thumbnail-height":40,"medium":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","medium-width":107,"medium-height":40,"medium_large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","medium_large-width":107,"medium_large-height":40,"large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","large-width":107,"large-height":40,"1536x1536":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","1536x1536-width":107,"1536x1536-height":40,"2048x2048":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Figma-Wordmark-Black-1.png","2048x2048-width":107,"2048x2048-height":40}},{"ID":859,"id":859,"title":"Group-18","filename":"Group-18.png","filesize":2116,"url":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","link":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/group-18-2\/","alt":"","author":"2","description":"","caption":"Axure","name":"group-18-2","status":"inherit","uploaded_to":862,"date":"2023-05-02 19:23:43","modified":"2023-10-25 19:00:27","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/bassan.ca\/wp\/wp-includes\/images\/media\/default.png","width":126,"height":31,"sizes":{"thumbnail":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","thumbnail-width":126,"thumbnail-height":31,"medium":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","medium-width":126,"medium-height":31,"medium_large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","medium_large-width":126,"medium_large-height":31,"large":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","large-width":126,"large-height":31,"1536x1536":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","1536x1536-width":126,"1536x1536-height":31,"2048x2048":"https:\/\/bassan.ca\/\/app\/uploads\/2023\/05\/Group-18.png","2048x2048-width":126,"2048x2048-height":31}}]},{"acf_fc_layout":"section_title","image":false,"title":"Prototyping","nb_block":"2","block_1":{"icon":"<\/i>","title":"When is it used?","text":"Mainly at the beginning of the design process, during the needs exploration."},"block_2":{"icon":"<\/i>","title":"Objective","text":"Test the value and usability of the product before developing it."}},{"acf_fc_layout":"text","nb_col":"2","text":"","theme":"light","col_1":{"icon":"","suptitle":"","text":"

Test and improve the experience before finalizing it.<\/p>\n"},"col_2":{"icon":"","suptitle":"What does it involve?","text":"

Prototyping takes wireframes to the next level. We animate them to get a realistic idea of the interactions and features of a product or digital experience.<\/p>\n

Prototyping also allows users to test a version closer to the final product before programming begins.<\/p>\n"}},{"acf_fc_layout":"section_title","image":false,"title":"Functional specifications","nb_block":"2","block_1":{"icon":"<\/i>","title":"When are they used?","text":"At the end of the design phase, before programming."},"block_2":{"icon":"<\/i>","title":"Objective","text":"Provide information to the developers to guide and inform them in their programming."}},{"acf_fc_layout":"text","nb_col":"2","text":"","theme":"light","col_1":{"icon":"","suptitle":"","text":"

Functional specifications minimize ambiguities between designers and developers.<\/p>\n"},"col_2":{"icon":"","suptitle":"What does it involve?","text":"

Functional specifications can include several components:<\/p>\n

Clear and specific annotations<\/h3>\n

Models are annotated to give precise instructions to specialists who will apply them and program the screens later.<\/p>\n

Technical specifications document<\/h3>\n

To make it easier for the selected partner to program the solution, a document specifying the various technical aspects of the solution is produced. The UX technical specifications can take different forms: documentation of interactions, diagrams, or types of content produced for the design of a system.<\/p>\n

Class diagram<\/h3>\n

This tool provides a solid foundation for a functional, sustainable and efficient structure. Much like a skeleton, the class diagram is the internal, fixed structure of a representation of information. The relationships between the different elements are also highlighted in this exercise.<\/p>\n"}},{"acf_fc_layout":"cta","type":"full","title":"Ready to get started?","button":{"link_type":"int","label":"Request a quote","int_link":"https:\/\/bassan.ca\/en\/request-a-quote\/","ext_link":"","anchor":""},"col_1":{"suptitle":"","title":"","button":{"link_type":"","label":"","int_link":null,"ext_link":"","anchor":""}},"col_2":{"suptitle":"","title":"","button":{"link_type":"","label":"","int_link":null,"ext_link":"","anchor":""}}}],"header_title":"Schematizing concepts","excerpt":"Turning ideas into a tangible project."},"yoast_head":"\nSchematizing concepts - Bassan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Schematizing concepts - Bassan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/\" \/>\n<meta property=\"og:site_name\" content=\"Bassan\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-31T13:17:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/\",\"url\":\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/\",\"name\":\"Schematizing concepts - Bassan\",\"isPartOf\":{\"@id\":\"https:\/\/bassan.ca\/#website\"},\"datePublished\":\"2023-05-02T19:16:32+00:00\",\"dateModified\":\"2023-10-31T13:17:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bassan.ca\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Structuring and designing\",\"item\":\"https:\/\/bassan.ca\/en\/structuring-and-designing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Schematizing concepts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bassan.ca\/#website\",\"url\":\"https:\/\/bassan.ca\/\",\"name\":\"Bassan\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bassan.ca\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bassan.ca\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bassan.ca\/#organization\",\"name\":\"Bassan\",\"url\":\"https:\/\/bassan.ca\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bassan.ca\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bassan.ca\/app\/uploads\/2023\/10\/bassan-logo-avec-descriptif-inverse-rgb-1200px@300ppi.png\",\"contentUrl\":\"https:\/\/bassan.ca\/app\/uploads\/2023\/10\/bassan-logo-avec-descriptif-inverse-rgb-1200px@300ppi.png\",\"width\":1200,\"height\":617,\"caption\":\"Bassan\"},\"image\":{\"@id\":\"https:\/\/bassan.ca\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Schematizing concepts - Bassan","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:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/","og_locale":"en_US","og_type":"article","og_title":"Schematizing concepts - Bassan","og_url":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/","og_site_name":"Bassan","article_modified_time":"2023-10-31T13:17:18+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/","url":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/","name":"Schematizing concepts - Bassan","isPartOf":{"@id":"https:\/\/bassan.ca\/#website"},"datePublished":"2023-05-02T19:16:32+00:00","dateModified":"2023-10-31T13:17:18+00:00","breadcrumb":{"@id":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bassan.ca\/en\/structuring-and-designing\/schematizing-concepts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bassan.ca\/en\/"},{"@type":"ListItem","position":2,"name":"Structuring and designing","item":"https:\/\/bassan.ca\/en\/structuring-and-designing\/"},{"@type":"ListItem","position":3,"name":"Schematizing concepts"}]},{"@type":"WebSite","@id":"https:\/\/bassan.ca\/#website","url":"https:\/\/bassan.ca\/","name":"Bassan","description":"","publisher":{"@id":"https:\/\/bassan.ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bassan.ca\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bassan.ca\/#organization","name":"Bassan","url":"https:\/\/bassan.ca\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bassan.ca\/#\/schema\/logo\/image\/","url":"https:\/\/bassan.ca\/app\/uploads\/2023\/10\/bassan-logo-avec-descriptif-inverse-rgb-1200px@300ppi.png","contentUrl":"https:\/\/bassan.ca\/app\/uploads\/2023\/10\/bassan-logo-avec-descriptif-inverse-rgb-1200px@300ppi.png","width":1200,"height":617,"caption":"Bassan"},"image":{"@id":"https:\/\/bassan.ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/pages\/862"}],"collection":[{"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/comments?post=862"}],"version-history":[{"count":7,"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/pages\/862\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/pages\/862\/revisions\/1174"}],"up":[{"embeddable":true,"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/pages\/835"}],"wp:attachment":[{"href":"https:\/\/bassan.ca\/en\/wp-json\/wp\/v2\/media?parent=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}