ixda poznan #3 mariusz dziechciaronek: czym jest ixd

22
Czym jest IxD? Mariusz Dziechciaronek IxDA Poznań Co-Founder

Upload: ixda-poznan

Post on 15-Jan-2015

374 views

Category:

Business


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Czym jest IxD?

Mariusz Dziechciaronek

IxDA Poznań Co-Founder

Page 2: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

O czym będę mówił

1. Koncepcja IxD

2. Human-Computer Interaction 1940 – 2010

3. Miejsce i rola designera w procesie rozwoju oprogramowania

[email protected]

oprogramowania

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

2

Page 3: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

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

Page 4: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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

Page 5: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

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

Page 6: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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

Page 7: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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.”

Page 8: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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.

Page 9: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

9

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

Page 10: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

10

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

Page 11: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

11

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

Page 12: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

12

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

Page 13: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

13

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

Page 14: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

14

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

Page 15: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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

Page 16: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected] – proces rozwoju produktu

16

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

Page 17: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

RUP i UCD

17

ORACLE product lifecycle

Page 18: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

agile

18

Page 19: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

19

Page 20: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

Etiam a velit at enim pretium fermentum [email protected]

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

Page 21: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

[email protected] 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

Page 22: IxDA Poznan #3 Mariusz Dziechciaronek: Czym jest IxD

dzięki za uwagę ;)

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