IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Czym jest IxD?

Mariusz Dziechciaronek

IxDA Poznań Co-Founder

O czym będę mówił

1. Koncepcja IxD

2. Human-Computer Interaction 1940 – 2010

3. Miejsce i rola designera w procesie rozwoju oprogramowania

dziechciaronek@ucd.com.pl

oprogramowania

4. Human-Computer Interaction w przyszłości

2

Mauris sed augue

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

„INPUT DEVICES: Originally, our concept focused on developing

a new, more intuitive system for input into a redesigned ModeControl Panel. This included exploration of a variety of possibleknobs, buttons, and touch-screen combinations and configurations.As our design progressed, we decided it would be best to takehat we learned from our work in this area and concentrate on thedesign for a display.”

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

Etiam a velit at enim pretium fermentum lorem@ipsum.com

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

4

„DISPLAY: The display became the main focus for our design

as we focused on creating a device for the cockpit that wouldprovide the pilot with both current and future feedback regardingthe impact of the autopilot system on the plane’s movement.The actual display consists of three parts. A dashboard displayat the top depicts altitude, speed, pitch, roll, and heading.”

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

5

„Our project visualizes autopilot modes for the MCP.

The screen is broken:down into four areas: The Dashboard, 3D Display, Mode Indication Panel, and Interactive Timeline. These areas display information about the flight.”

http

://faculty

.washington.edu/ro

esler/Ix

D/v

isualM

CP.p

df

Etiam a velit at enim pretium fermentum lorem@ipsum.com

http

://www.designingforin

tera

ctio

n.com/

StrategiaStrategiaw jakim stopniu produkt spełnia swoje cele biznesowe?

Experiencepowtarzalna interakcja w określonym kontekście użycia (szkoła, praca, zabawa, etc.)

Interactionużywanie interfejsu w czasie przez różne osoby

Informacja i funkcjonalnośćkategorie, typy, powiązania architektura informacji

Etiam a velit at enim pretium fermentum lorem@ipsum.com

7

„Interaction Design (IxD) defines the structure and behavior of

interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.”

Etiam a velit at enim pretium fermentum lorem@ipsum.com

Human/machine communication – translate the conversation that goes on between the technology and the user; understand both parties.

Action/Reaction – understand and anticipate how interactions unfold over time, designing for the wide range of permutations that can occur

http

://www.boxesandarro

ws.com

8

State – ensuring the user understands the current state of the application, what type of operations are possible or appropriate at any given time.

Workflow – concerned with the completion of multi-task goals such as browsing, selecting, and purchasing an item.

Malfunction –anticipate and mitigate those problems, ensuring that both the user and the system can easily recover.

Etiam a velit at enim pretium fermentum lorem@ipsum.com

9

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

10

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

11

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

12

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

13

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

14

http://www.slideshare.net/KMcGrane/foundations-of-interaction-design-presentation

Etiam a velit at enim pretium fermentum lorem@ipsum.com

http

://www.boxesandarro

ws.com/v

iew/b

ringing

1. poznanie użytkownika przed sformułowaniem wymagań,

2. priorytetyzacja realizacji funkcjonalności: biznes, designer (user), development,

3. uwzględnienie designera w każdej fazie powstawania oprogramowania,

4. testy z użytkownikami w fazie „customer review”,

5. wizualizacje przypadków użycia w postaci interfejsów,

6. badania użytkowników po „launchu”.

http

://www.boxesandarro

ws.com/v

iew/b

ringing-u

ser

Etiam a velit at enim pretium fermentum lorem@ipsum.comAllegro – proces rozwoju produktu

16

http://tebe.blox.pl/resource/alegroproces.jpg

Etiam a velit at enim pretium fermentum lorem@ipsum.com

RUP i UCD

17

ORACLE product lifecycle

agile

18

Etiam a velit at enim pretium fermentum lorem@ipsum.com

19

Etiam a velit at enim pretium fermentum lorem@ipsum.com

http

://asset.s

oup.io

/asset/1

009/6

079_5d56.jp

eg

20

http

://asset.s

oup.io

/asset/1

009/6

079_5d56.jp

eg

dziechciaronek@ucd.com.plGdzie warto zajrzeć?

Koncepcja IxD

http://faculty.washington.edu/roesler/IxD/visualMCP.pdf

http://en.wikipedia.org/wiki/Interaction_Design

http://ixda.org

Human-Computer Interaction 1940 – 2010

http://www.slideshare.net/mrettig/interaction-design-history

http://www.uxmatters.com/mt/archives/2006/12/clash-of-the-titans-agile-and-ucd.php

http://www.billbuxton.com/SoftwareDesign.pdf

http://www.ibm.com/developerworks/rational/library/2774.html

http://pschmid.net/blog/2006/10/09/58

http://blogs.technet.com/b/office2010/archive/2009/10/29/ux-research-tools-and-techniques.aspx

history

http://en.wikipedia.org/wiki/History_of_the_graphical_user_interface

http://designinginterfaces.com

http://www.sapdesignguild.org/resources/ui_history.asp

http://ignorethecode.net/blog/2010/01/21/realism_in_ui_design

http://home.vrweb.de/~martin.theus/Design.pdf

Miejsce i rola designera w procesie rozwoju oprogramowania

http://uxdesign.pl/jak-to-sie-robi-w-apple

http://www.boxesandarrows.com/view/bringing-user

http://www.boxesandarrows.com/view/case-study-of-agile

Human-Computer Interaction w przyszłości

http://www.gartner.com/it/page.jsp?id=1447613

http://liftlab.com/think/nova/2010/10/03/deconstructing-gartners-hype-cycle-myth

Klasyka:

http://www.kickerstudio.com/blog/2010/09/essential-interaction-design-essays-and-articles

dzięki za uwagę ;)

zapraszam na mojego bloga: http://www.ucd.com.plzapraszam na mojego bloga: http://www.ucd.com.pl