{"id":160,"date":"2022-01-02T15:30:50","date_gmt":"2022-01-02T15:30:50","guid":{"rendered":"https:\/\/alandix.com\/labs\/?page_id=160"},"modified":"2022-04-05T08:47:09","modified_gmt":"2022-04-05T08:47:09","slug":"scenario-viewer","status":"publish","type":"page","link":"https:\/\/alandix.com\/labs\/scenario-viewer\/","title":{"rendered":"Scenario Viewer"},"content":{"rendered":"\n

screen design in context <\/em><\/p>\n\n\n\n

This envisionment demonstrates how early device mockups and wireframes should be viewed in the context of physical environments and human activities.<\/p>\n\n\n\n

This has been driven by the realisation that many UX design tools focus on screen design only and so do not scaffold goos user-centred design practice. Work on the Scenario Viewer is continuing as part of the InContext project<\/a> looking at next-generation UX design tools.<\/p>\n\n\n\n

See an example at: https:\/\/hcibook.net\/experimental\/scenario-viewer\/demo\/internet-fridge\/<\/a><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The prototype allows context sketches and screen sketches for the devices to be played side-by-side following a scenario. The scenario may include several devices as well as several physical contexts, furthermore a single context could have more than one device within a context frame. To further bind the screens to context, the area of the screen that corresponds to the device is defined so the prototyping tool can embed a scaled and transformed view of the screen within the context sketch (most clear on the smart TV in frames 5 to 7 of the example).<\/p>\n\n\n\n

The example uses several hand-drawn sketches around the use of an internet fridge. These sketches include the kitchen where the fridge is placed, but also a person sitting in an armchair making a shopping list, in the supermarket buying food and back home reviewing the shopping on a smart TV.<\/p>\n\n\n

\"\"  \"\"  \"\"  \"\"<\/p>\n\n\n

There are also a series of sketches of screens for various devices: the fridge door display, the fridge app on the user’s phone and the smart TV fridge app. However, wire-frames or other medium to high fidelity screen prototypes could be used.<\/p>\n\n\n

\"\"  \"\"  \"\" 
\"\"  \"\"  \"\"<\/p>\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

This envisionment demonstrates how early device mockups and wireframes should be viewed in the context of physical environments and human activities. Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":179,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-160","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":10,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/pages\/160\/revisions\/315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/media\/179"}],"wp:attachment":[{"href":"https:\/\/alandix.com\/labs\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}