{"id":48,"date":"2016-07-20T14:18:02","date_gmt":"2016-07-20T14:18:02","guid":{"rendered":"http:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/?page_id=48"},"modified":"2016-09-01T20:42:32","modified_gmt":"2016-09-01T20:42:32","slug":"conceptualize","status":"publish","type":"page","link":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/conceptualize\/","title":{"rendered":""},"content":{"rendered":"
\n

Conceptualize\u00a0lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n

 <\/p>\n

[wc_toggle title=”Week 4″ layout=”box”]<\/p>\n

Goal<\/h6>\n

The goal in this week is to lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

[wc_tabgroup layout=”box”]<\/p>\n

[wc_tab title=”Touchscreen Interface”]<\/p>\n

\n
Methods<\/h6>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>User Task<\/span> Flow (UTF)<\/a><\/span><\/strong><\/p>\n

<\/a>
A User Task Flow (UTF) <\/strong>is developed to describe the interaction style that will support the user to achieve her goals. A style describes how users experience the support: guided, in control, efficient, etc.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>Sketches<\/a>\u00a0(Layout)<\/span>
\n<\/span><\/strong><\/p>\n

<\/a>
The goal of layout\u00a0sketches<\/strong>\u00a0is to explore different layouts and graphical elements to accomplish the previously defined UTF. Sketches should fit your target group and context of use.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][\/wc_row]<\/span><\/p>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>LoFi paper prototype<\/a><\/span>
\n<\/span><\/strong><\/p>\n

<\/a>
With LoFi paper prototype<\/strong>\u00a0you will quickly prototype a chosen wireframe sketch to test the layout and menu of your concept with peers.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

[\/wc_column][\/wc_row]<\/p>\n

[\/wc_tab]<\/span><\/p>\n

[wc_tab title=”Physical Interface”]<\/p>\n

\n
Methods<\/h6>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>Acting Machine Diagram (AMD)<\/a><\/span><\/span><\/strong>
\n<\/span><\/p>\n

<\/a>
An Acting Machine Diagram (AMD)<\/strong> is a technique used in software engineering for describing and programming interactive products. ADMs focus on modelling product behaviour by showing how the product reacts to different types of inputs (cause & effect).<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

[\/wc_column][\/wc_row]<\/p>\n

[\/wc_tab]<\/span><\/p>\n

[\/wc_tabgroup]<\/p>\n

[\/wc_toggle]<\/span><\/p>\n

[wc_toggle title=”Week 5″ layout=”box”]<\/p>\n

Goal<\/h6>\n

The goal in this week is to lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

[wc_tabgroup layout=”box”]<\/p>\n

[wc_tab title=”Touchscreen Interface”]<\/p>\n

\n
Methods<\/h6>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>Sketches<\/a>\u00a0(Aesthetics)<\/span><\/span><\/strong>
\n<\/span><\/strong><\/p>\n

<\/a>
The goal of aesthetics<\/strong>\u00a0sketches<\/strong>\u00a0is to explore different graphical aspects (color schemes, shapes, font style, etc.) to create a clear distinction between interactive and informative elements.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>HiFi paper prototype<\/a><\/span><\/strong><\/p>\n

<\/a>
With a\u00a0HiFi paper prototype<\/strong>\u00a0you will digitally composed and print out a chosen aesthetic sketch to test the graphical elements of your concept with peers.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][\/wc_row]<\/span><\/p>\n

[\/wc_tab]<\/span><\/p>\n

[wc_tab title=”Physical\u00a0Interface”]<\/span><\/p>\n

\n
Methods<\/h6>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>Sketches<\/a>\u00a0(Embodiment)<\/span><\/span><\/strong>
\n<\/span><\/strong><\/p>\n

<\/a>
The goal of embodiment<\/strong> sketches<\/strong> is to explore different ….<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

 <\/p>\n

[\/wc_column][\/wc_row]<\/span><\/p>\n

[\/wc_tab]<\/span><\/p>\n

[\/wc_tabgroup]<\/p>\n

[\/wc_toggle]<\/span><\/p>\n

[wc_toggle title=”Week 6″ layout=”box”]<\/p>\n

Goal<\/h6>\n

The goal in this week is to lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n

[wc_tabgroup layout=”box”]<\/p>\n

[wc_tab title=”Touchscreen Interface”]
\n<\/span><\/p>\n

\n
Methods<\/h6>\n

[wc_row][wc_column size=”one-half” position=”first”]<\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>Sketches<\/a>\u00a0(Interaction)<\/span><\/span><\/strong>
\n<\/span><\/strong><\/p>\n

<\/a>
The goal of interaction<\/strong>\u00a0sketches<\/strong>\u00a0is to explore general and micro animations to enhance the overall user experience of your target group for the chosen context of use.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][wc_column size=”one-half” position=”last”]<\/span><\/p>\n

[wc_box color=”secondary” text_align=”left”]
\n<\/strong>HiFi prototype<\/a>\u00a0<\/span>
\n<\/span><\/strong><\/p>\n

<\/a>
With a\u00a0HiFi prototype<\/strong>\u00a0you will digitally prototype a chosen interaction sketch to communicate the interactive elements and overall design to team members for peer assessment.<\/figcaption><\/figure>\n

[\/wc_box]<\/strong><\/p>\n

[\/wc_column][\/wc_row]<\/span><\/p>\n

[\/wc_tab]<\/span><\/p>\n

[wc_tab title=”Physical\u00a0Interface”]
\n<\/span><\/p>\n

[\/wc_tab]<\/span><\/p>\n

[\/wc_tabgroup]<\/p>\n

[\/wc_toggle]<\/span><\/p>\n

 <\/p>\n

\/\/ define<\/a>\u00a0(week 1, 2, 3)<\/span>
\n\/\/ demonstrate<\/a>\u00a0(week 7, 8, 9)<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Conceptualize\u00a0lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.   [wc_toggle title=”Week 4″ layout=”box”] Goal The goal in this week is to … Continue reading “”<\/span><\/a><\/p>\n","protected":false},"author":92,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":53,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":1118,"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/pages\/48\/revisions\/1118"}],"wp:attachment":[{"href":"https:\/\/studiolab.ide.tudelft.nl\/studiolab\/io2060\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}