• Keine Ergebnisse gefunden

User Experience Design I (Interaction Design) SoSe 2018 Prototyping I

N/A
N/A
Info
Herunterladen
Protected

Academic year: 2022

Aktie "User Experience Design I (Interaction Design) SoSe 2018 Prototyping I"

Copied!
15
0
0

Wird geladen.... (Jetzt Volltext ansehen)

Jetzt herunterladen ( 15 Seite )

Volltext

(1)

Prototyping I

User Experience Design I (Interaction Design)

SoSe 2018

(2)

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

Goals for Today:

1. View Wireframes

2. Get to know prototyping techniques 3. Start with paper prototype

Prototyping I

(3)

Wireframes

Wireframes App StudiOrg

-macht das Leben der Studierenden einfacher- Erstanmeldung

Startbildschirm

oder

(4)

Wireframes

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

(5)

Wireframes

(6)

Wireframes

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

(7)

Wireframes

(8)

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

PAPER PROTOTYPING POP

Prototyping I

(9)

PAPER PROTOTYPING POP

- choose from a wide range of interface modules

- import your sketched wireframes 


- turn sketches into clickable prototypes

Prototyping I

(10)

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

PAPER PROTOTYPING BALSAMIQ

Prototyping I

(11)

- choose from a wide range of interface modules - create fast low fidelity clickable prototypes

PAPER PROTOTYPING BALSAMIQ

Prototyping I

(12)

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

POP VS. BALSAMIQ

POP 


+ Use your own sketches 
 + Fast and easy prototyping 
 – Limited UI elements

BALSAMIQ 


+ Create new mockups directly from the 
 “Create New” menu 


+ Simply click to edit wireframes 
 + Sketch-based wireframes allow 
 designers to focus on functionality





+ 30 days free trial 
 – Limited functionality


– No options for creating interactive 
 prototypes 


– Limited UI elements

Prototyping I

(13)

Overview Prototyping Tools

Low Fidelity – POP

– Balsamiq

Average Fidelity – Sketch

– Proto.io – Pixate – axure – Mockplus

High Fidelity – InVision – Marvel – Justinmind – Framer – Adobe XD

Prototyping I

(14)

Prototyping I

Svenja Dittrich (svenja.dittrich@campus.lmu.de)

Overview Prototyping Tools

https://www.quora.com/What-prototype-tools-do-UX-designers-use

(15)

Homework

Each group has to create one functional low fidelity

prototype with multiple use cases (one use case per student) to click through.

Create your first low fidelity prototype

Prototyping I

Referenzen

Jetzt herunterladen ( PDF - 15 Seite - 11.45 MB )

ÄHNLICHE DOKUMENTE

User Experience Design I (Interaction Design)

In the British Standard for Service Design (BS 7000 -3, BS 7000 -10, BS EN ISO 9000), blueprinting is described as the mapping out of a service journey identifying the processes

User Experience Design I (Interaction Design)

-exploration of the design space through the integration of industrial design -designers and engineers had to work together (interdisciplinary approach) -science served to

User Experience Design I (Interaction Design)

• Philosophy: Design relies almost solely on the wisdom and experience of the interaction designer making the design decisions. • Probably best practiced by experienced designers

User Experience Design I (Interaction Design)

is as little design as possible – Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials.. Back to purity, back

User Experience Design I (Interaction Design) SoSe 2018 Questionnaires

Avoid phrasing questions as negatives (e.g., “How don’t you like to get to

User Experience Design I (Interaction Design)

In the British Standard for Service Design (BS 7000 -3, BS 7000 -10, BS EN ISO 9000), blueprinting is described as the mapping out of a service journey identifying the processes

User Experience Design I (Interaction Design)

• Many innovative interfaces have emerged post the WIMP/GUI era, including speech, wearable, mobile, VR/AR and tangible UI´s. • Many new design and research questions need to be

UXD Exam Questions

User Experience Design I (Interaction Design) SoSe 2018... Wo invented the