workshop user centered design (hak bruck/mur)

Report

Post on 10-Jul-2015

234 Views

Category:

Education

3 Downloads

Preview:

Click to see full reader

TRANSCRIPT

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

19.12.2013

Elmar Krajnc

Workshop BHAK Bruck/Mur

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 2

• .. einen Computer?

• .. mehrere Computer?

• .. schon ein Programm erstellt?

• .. hat ein Smartphone?

• .. hat eine App erstellt?

Wer hat

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 3

• ITlerinnen und ITler – sind Nerds, Freaks

– sitzen nur vor dem Computer (im Keller)

– sind langweilig

– sind unkreativ

– sind …

Die Top Mythen

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 4

Code.org

http://www.youtube.com/watch?v=nKIu9yen5nc

http://www.youtube.com/watch?v=nKIu9yen5nc
http://www.youtube.com/watch?v=nKIu9yen5nc

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

Bachelor Studium, Vollzeit

6 Semester

SOFTWARE DESIGN

Bachelor Studium, Berufsbegleitend

6 Semester

INTERNETTECHNIK

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

Übersicht

Informatik

Netzwerke

Programmierung

Softwareengineering

Webtechnologien

Teambildung

Recht & Wirtschaft

International (Englisch)

Computersysteme

Datenbanken

Mathematik

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

Semester 1

Gegenstände sind untereinander vernetzt! Beispiele:

o Mathe und Informatik

o SW Engineering und SW Entwicklung

Jeder Gegenstand ist die Basis für den nächsten!

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013

Software wird für Menschen geschaffen

Workshop User Centered Design

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 10

• Software für Menschen

• App erstellen

Workshop

http://www.galleryandroid.com/android-app-download/

http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53
http://www.google.at/imgres?client=firefox-a&hs=1OF&rls=org.mozilla:en-US:official&biw=1168&bih=746&tbm=isch&tbnid=nIwsxttjo7vJkM:&imgrefurl=http://www.galleryandroid.com/android-app-download/&docid=u59DTowOvMbJGM&imgurl=http://lunar.thegamez.net/androidweb/android-app-download/android-apps-source-code-free-download-wwwandroidappsandgamescom-1806x1107.jpg&w=1806&h=1107&ei=fKayUrLVA6-10QXE9oHwDg&zoom=1&ved=1t:3588,r:22,s:0,i:174&iact=rc&page=2&tbnh=155&tbnw=263&start=12&ndsp=16&tx=120&ty=53

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 11

Mobile Application Develoment

• Von der Idee zur Lösung

• Habt ihr euch schon mal gedacht „I need an app for this“?

http://www.youtube.com/watch?v=Gpy3o_OWvIY#t=03m26s

http://www.youtube.com/watch?v=Gpy3o_OWvIY

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 12

Mobile Application Develoment

• Mobile Market & Platforms

http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them

http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them
http://techcrunch.com/2012/05/07/nielsen-smartphones-used-by-50-4-of-u-s-consumers-android-48-5-of-them

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 13

Mobile Application Develoment

• Interaction Design – Design

– Workflows

– Screens

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 14

Warum User Centered Design?

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 15

User Centered Design

http://www.sapdesignguild.org/editions/edition10/ucd_overview.asp

http://www.sapdesignguild.org/editions/edition10/ucd_overview.asp
http://www.sapdesignguild.org/editions/edition10/ucd_overview.asp

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 16

Know the User

“ I’m a very selfish designer: when I design sofware, I design it for me. And so my first task is to become you.”

[Bruce Tognazzini, The Front Desk, BBC Video, 1995]

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 17

Kein Design für den „Durchschnittsanwender“

• Definition mit – Name

– Alter

– Beruf

– Foto

Personas

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 18

“Never Go to a Meeting without a Prototype”

Dennis Boyle,

studio head of the IDEO product design company,

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 19

Prototypen

http://framebox.org/

http://framebox.org/

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 20

• Framebox – Online Tool

– Free

– Simple Sketches

Sketching Tools

http://framebox.org/

http://framebox.org/
http://framebox.org/

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 21

• Pencil – Firefox Plugin

– Standalone

Sketching Tools

http://pencil.evolus.vn/

http://pencil.evolus.vn/
http://pencil.evolus.vn/

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 22

Usability Engineering Lifecycle

• Iterative Design - „Design, Test, Redesign“

– Design von Interfaces

– Prototypes

– Evaluation

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 23

http://www.eclipse.org/downloads/

http://developer.android.com/tools/sdk/eclipse-adt.html

Eclipse Android

http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://www.eclipse.org/downloads/
http://developer.android.com/tools/sdk/eclipse-adt.html
http://developer.android.com/tools/sdk/eclipse-adt.html
http://developer.android.com/tools/sdk/eclipse-adt.html
http://developer.android.com/tools/sdk/eclipse-adt.html
http://developer.android.com/tools/sdk/eclipse-adt.html

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 24

http://Droiddraw.org

DroidDraw

http://droiddraw.org/
http://droiddraw.org/
http://droiddraw.org/
http://droiddraw.org/
http://droiddraw.org/
http://droiddraw.org/

www.fh-joanneum.at APPLIED COMPUTER SCIENCES

Elmar Krajnc, 2013 25

http://appinventor.mit.edu

App Inventor

http://appinventor.mit.edu/
http://appinventor.mit.edu/
http://appinventor.mit.edu/

top related

bruck 2015
Documents
medical ethics medical ethics medical ethics...
Documents
140 jahre freiwillige feuerwehr bruck an der mur … ·...
Documents
hintergrundinfo: smart-cities-initiative des klima- und...
Documents
bruck - led duolare 2013
Documents
2015 er murinsel - esv tennis bruck · 2015. 8. 17. ·...
Documents
literaturpfad bruck an der mur, stadtführungen und die...
Documents
bruck-mürzzuschlag juni 2016
Documents
grafisches arbeitsmarkt informationssystem · 2016. 6....
Documents
bruck-mürzzuschlag mai 2016
Documents
bruck - cranny 2013
Documents
st-jahresinhalt2013 - ernst-und-sohn.de · – potenziale...
Documents
bruck-mürzzuschlag februar 2015
Documents
pult - lehrervertretung-bruck.at · juni 2013 t 3 bruck an...
Documents
unit 6 advertising campaigns preparation listening-centered...
Documents
disco.graz-seckau.at · ll. ill. iv. vi. vi l....
Documents
bruck-mürzzuschlag april 2016
Documents
bruck-mürzzuschlag april 2014
Documents
unsere jufa vorteile für sie · waldviertel, wipptal,...
Documents
erscheinungsort: wien; verlagspostamt: a-8600 bruck/mur ......
Documents