prezentacia statnice - metodika navrhu pouzivatelsky privetiveho rozhrania

34
Metodika návrhu používateľsky prívetivého rozhrania Diplomová práca Bc. Gejza Nagy 35791, Robotika 6.6.2012 Ing. Martin Foltin, PhD. Ústav riadenia a priemyselnej informatiky

Upload: gejza-nagy

Post on 20-Jun-2015

1.435 views

Category:

Education


5 download

DESCRIPTION

Prezentacia diplomovej prace na statnice. Tema: Metodika navrhu pouzivatelsky privetiveho rozhrania.

TRANSCRIPT

Page 1: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

Metodika návrhu používateľsky prívetivého rozhraniaDiplomová práca

Bc. Gejza Nagy35791, Robotika6.6.2012

Ing. Martin Foltin, PhD.Ústav riadenia a priemyselnej informatiky

Page 2: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

2

Cieľ diplomovej práce

Page 3: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

3

. Prehľad textových editorov

Page 4: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

4

. Prehľad textových editorov

. Zadefinovanie procesu návrhu a vývoja

Page 5: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

5

. Prehľad textových editorov

. Zadefinovanie procesu návrhu a vývoja

. Aplikácia procesu na textový editor

Page 6: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

6

Náš tím

Page 7: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

7

Bc. Gejza NagyPoužívateľské rozhranie

Bc. Andrej BaranProgramovanie

Ing. Martin Foltin, PhD.Koordinácia projektu

Page 8: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

8

Čo je Design Thinking Process?

Page 9: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

9

Predstavme si výrobný proces v pekárni

Príprava cesta Miešanie Formovanie

PečenieChladenieKontrola a balenie

Page 10: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

10

Design Thinking Process

Definícia Prieskum Brainstorm

PrototypovanieImplementáciaSpätná väzba

Page 11: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

11

Textový editor Kod

Page 12: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

12

Rasmus AnderssonProduct Designer, Facebook

KodOpen source textový editor

Page 13: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

13

Page 14: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

14

Prínos a výsledky práce

Page 15: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

15

Medzinárodná spolupráca

9671 km

Bratislava, Slovakia

San Francisco, CA, US

Page 16: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

16

Univerzálna metodika pre návrh aplikacií

Page 17: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

17

Kod

Rozšírenie funkcionality aplikácie Kod

Page 18: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

18

Page 19: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

19

Page 20: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

20

Ďakujem.

Page 21: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

21

Otázky oponenta diplomovej práce

Page 22: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

22

Ing. Martin UrbanOponent diplomovej práce

Aké sú možnosti realizácie wireframe modelov?

Page 23: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

23

Pero a papier

Page 24: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

24

Nástroje na tvorbu Wireframov - Axure RP Pro, Microsoft Visio, Omnigraffle, Balsamiq Mockups

Page 25: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

25

Grafické editory - Adobe Photoshop, Adobe Illustrator, Microsoft Paint, Corel Draw

Page 26: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

26

Ing. Martin UrbanOponent diplomovej práce

Aké sú potrebné znalosti pri návrhu aplikácií pre platformu Mac?

Page 27: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

27

Mac OS X Human Interface Guidelines

Page 28: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

28

Ing. Martin UrbanOponent diplomovej práce

Je možné aplikovať postupy návrhu webovej aplikácie aj pri mobilných

aplikáciach?

Page 29: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

29

Návrh responzívneho webu

Page 30: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

30

Návrh mobilnej aplikácie

Page 31: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

31

Ing. Martin UrbanOponent diplomovej práce

Dokážete aplikovať popísaný postup aj na platformu PC, pre operačný

systém Windows?

Page 32: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

32

Áno.

Page 33: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

33

Rozdiel medzi Mac OS X a Windows: Vrchná aplikačná lišta v Mac OS X

Page 34: Prezentacia Statnice - Metodika navrhu pouzivatelsky privetiveho rozhrania

Ďakujem.Bc. Gejza Nagy

Otázky