• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ontwerpen voor Android
 

Ontwerpen voor Android

on

  • 7,357 views

Wat is Android? Wat betekent fragmentatie voor ontwerpers en ontwikkelaars? Welke ontwerprichtlijnen kunnen we volgen voor een betere UX van Android applicaties?

Wat is Android? Wat betekent fragmentatie voor ontwerpers en ontwikkelaars? Welke ontwerprichtlijnen kunnen we volgen voor een betere UX van Android applicaties?

Statistics

Views

Total Views
7,357
Views on SlideShare
5,189
Embed Views
2,168

Actions

Likes
6
Downloads
46
Comments
0

10 Embeds 2,168

http://www.designforinteraction.com 1258
http://unitid.nl 866
http://www.slideshare.net 17
http://docent.cmd.hro.nl 9
http://www.infofilm.nl 8
http://us-w1.rockmelt.com 3
http://translate.googleusercontent.com 3
http://webcache.googleusercontent.com 2
http://twittertim.es 1
http://localhost 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • UNITiD ontwerpt websites en applicaties, voor desktop, mobiel en andere devices <br /> user experiences voor web, desktop en mobiel. <br /> Ontwerpen die goed werken en begrijpelijk zijn, en als het even kan ook eenvoudig. <br /> <br /> Netwerk voor jonge creatieven <br /> stimuleren van interactie tussen verschillende disciplines <br /> activiteiten: brainstorms, 8UO, pressure cooker, etc
  • ontwikkeld door de Open Handset Alliance
  • Andere devices? <br /> Acer netbook, Archos Internet tablet
  • Gartner
  • Abonnement, bijhouden welke toestellen er zijn <br /> resolutie
  • cupcake, donut, eclair <br /> htc sense, motorola motoblur, sony ux <br /> htc is bezig met een update Hero van 1.5 naar 2.0
  • Niet per definitie backwards compatible <br /> The Android platform strives to ensure backwards compatibility. However, sometimes you want to use new features which aren&apos;t supported on older platforms. <br /> API&#x2019;s en technologieen
  • multitouch en single touch? <br /> resolutie en fysiek <br /> oplossingen voor graphics
  • Android developers blog <br /> UI guidelinesThe activity that starts a task is called the root activity <br /> &#x2018;design&#x2019;> gericht op developers
  • primaire navigatie? <br /> contextuele acties <br /> consistentie?
  • primaire navigatie? <br /> contextuele acties <br /> consistentie?
  • Rechtermuisklik
  • Terug en undo
  • Widgets: 4 verschillende formaten <br /> Update per x uur <br /> <br /> Live folders <br /> 1 formaat, lijst view <br /> Update elke x sec <br /> Geschikt voor bv RSS feed met nieuwsberichten
  • Widgets: 4 verschillende formaten <br /> Update per x uur <br /> <br /> Live folders <br /> 1 formaat, lijst view <br /> Update elke x sec <br /> Geschikt voor bv RSS feed met nieuwsberichten
  • Widgets: 4 verschillende formaten <br /> Update per x uur <br /> <br /> Live folders <br /> 1 formaat, lijst view <br /> Update elke x sec <br /> Geschikt voor bv RSS feed met nieuwsberichten
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • afhankelijk van applicatie stijl: productivity, utility, immersive <br /> GoogleMaps = <br /> <br /> HTC contacts ed?
  • Uitgebreide iPhone ontwerprichtlijnenbest practices ontstaanA productivity application enables tasks that are based on the organization and manipulation of detailed information.
  • iPhone Human Interface Guidelines <br /> Tap is the new click <br /> Designing gestural interfaces <br /> targets: let op resolutie!(icebertg tips, adaptive targets), plaats essentiele features / informatie niet onder een interface element
  • www.unitid.nl <br /> iPhone: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/ <br /> <br /> Ook omnigraffle, photoshop, etc.

Ontwerpen voor Android Ontwerpen voor Android Presentation Transcript

  • ONTWERPEN VOOR ANDROID
  • INGE KUIJPER Nieuwe Garde Amsterdam www.nieuwegardeamsterdam.nl @nieuwegardeAms
  • Intro INTERNET GEBRUIK OP MOBIEL - WERELD Bron: AdMob/Google, November 2009
  • WAT IS ANDROID?
  • Intro Google’s open source Operating System voor het mobiele platform
  • Intro Gelanceerd oktober 2008 iPhone: juni 2007
  • Intro TOESTELLEN Wereldwijd Nederland 16 meer dan 7
  • Intro MARKET APP STORE •Geen goedkeuringsproces, een applicatie is direct beschikbaar. •Gebruikers kunnen applicaties alleen downloaden vanaf de telefoon •Huidige status Android Market > 10.000 apps •In het komende jaar wordt een vijfvoudige groei verwacht van Android apps op Market.
  • Intro VOORSPELD Android is in 2012 het op 1 na grootste smartphone platform (na Symbian)
  • Intro GENERIEKE INTERFACE Home Menu Het menu wordt geactiveerd door de Toon homescreen. Menu button. In dit menu (het Options menu) passen tot 6 items. Search Back button Met de back button kan de gebruiker naar een vorig scherm navigeren of een actie ongedaan maken. Send End Bellen en mute. Gesprek eindigen. Trackball
  • Intro TOESTELLEN IN NEDERLAND T Mobile G1 HTC Magic HTC Hero HTC Tattoo (HTC Dream) 240x320 Huawei U8220 / Samsung Acer A1 / Pulse Galaxy 17500 Liquid
  • Intro TOESTELLEN IN NEDERLAND ! Sony Ericsson Motorola Milestone / Xperia x10 Droid Google (480x854) (480x854) Nexus one (480x800px) ! ! ! !
  • Intro TOESTELLEN IN NEDERLAND ! Sony Ericsson Motorola Milestone / Xperia x10 Droid Google (480x854) (480x854) V Nexus one erwach (480x800px) t ! ! ! !
  • Fragmentatie SOFTWARE Verschillende versies van het Custom firmware: Telefoon Android OS. aanbieders maken een eigen user interface laag. 1.6 + + 1.5 Etc. + + Etc. 2.0
  • Fragmentatie WAT BETEKENT DIT? • Verzamel up-to-date informatie over de Android versies in de markt. • Testen voor alle versies is altijd noodzakelijk. • Androidis grotendeels backwards compatible, tenzij je een nieuwe feature wilt gebruiken. Voorbeeld: Android 2.0 biedt de Bluetooth API, die P2P interacties mogelijk maakt. Wil je hier een game voor ontwerpen, dan zal deze voorlopig alleen beschikbaar zijn voor gebruikers met Android 2.0.
  • Fragmentatie HARDWARE Hardware verschillen: schermformaten en resoluties, processor snelheid, geheugen capaciteit, camera kwaliteit, etc. Klein Normaal Groot
  • Fragmentatie WAT BETEKENT DIT? • Kies een referentietoestel voor ontwerpers en ontwikkelaars. • Ontwikkel minimaal met Android 1.6 (ondersteunt schalen) en test op 1.5. • Test je applicatie op alle schermformaten. • Leto.a. op: minimale grootte van touch targets bij kleinere schermen / hoge resolutie.
  • UX ontwerp INTERACTIE ONTWERP • UX ontwerprichtlijnen voor Android zijn summier. • UIguidelines op Developers Blog erg technisch of gaan in op details voor visueel ontwerp. • Best practices moeten zich nog ontwikkelen.
  • UX ontwerp OPTIONS MENU
  • UX ontwerp OPTIONS MENU
  • UX ontwerp OPTIONS MENU
  • UX ontwerp CONTEXT MENU
  • UX ontwerp CONTEXT MENU
  • UX ontwerp TERUG NAVIGATIE
  • UX ontwerp TERUG NAVIGATIE
  • UX ontwerp ZOEKEN Android Quick Search Box Zoeken binnen een app
  • UX ontwerp ZOEKEN Android Quick Search Box Zoeken binnen een app
  • UX ontwerp ZOEKEN Android Quick Search Box Zoeken binnen een app
  • UX ontwerp WIDGETS / LIVE FOLDERS
  • UX ontwerp WIDGETS / LIVE FOLDERS
  • UX ontwerp WIDGETS / LIVE FOLDERS
  • UX ontwerp WIDGETS / LIVE FOLDERS
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp IN DE PRAKTIJK
  • UX ontwerp TIPS
  • UX ontwerp TIPS
  • UX ontwerp TIPS Plaats geen navigatie of contextuele acties in de header.
  • UX ontwerp TIPS Plaats geen navigatie of contextuele acties in de header.
  • UX ontwerp TIPS Plaats geen navigatie of Gebruik het Options menu contextuele acties in de consistent, indien passend header. voor hoofdnavigatie.
  • UX ontwerp TIPS Gebruik het contextmenu, Plaats geen navigatie of Gebruik het Options menu maar altijd voor acties die contextuele acties in de consistent, indien passend ook benaderbaar zijn vanuit header. voor hoofdnavigatie. het scherm zelf.
  • UX ontwerp TIPS Gebruik het contextmenu, Plaats geen navigatie of Gebruik het Options menu ‘Toast messages’ kunnen maar altijd voor acties die contextuele acties in de consistent, indien passend gebruikt worden voor ook benaderbaar zijn vanuit header. voor hoofdnavigatie. feedback, ook tijdens het het scherm zelf. laden van een scherm.
  • Richtlijnen RICHTLIJNEN ZIJN NODIG “ The choice lies between getting caught up in the excitement of the fad du jour or asking ourselves the difficult question of what foundational principles am I following, or establishing, with the work that I am currently doing.” Dakota Reese Brown Boxes and Arrows, Four Key Principles of Mobile User Experience Design
  • Richtlijnen GEBRUIKERS • Intieme relatie gebruiker en mobiele toestel. • Gebruikerscontext is wisselend gedurend gebruik. • Gebruik is kort en sporadisch: verdeelde aandacht. • Dezelfde applicatie kan door de gebruiker op verschillende devices gebruikt worden. • ....
  • Richtlijnen TOESTELLEN • Kleine schermen vragen om een compacte UI (iPhone 320x480) • Vingers zijn groter dan een muis: geef touch targets min 1cm doorsnee. • De hand bedenkt een deel van de interface • Data invoeren is omslachtig: minimaliseer toetsenbord invoer, bied keuzes. • ....
  • Tools SCHETS TEMPLATES
  • Tools WIREFRAME TEMPLATES
  • Tools PROTOTYPING
  • UNITID ZOEKT INTERACTION DESIGNERS www.unitid.nl matthijs@unitid.nl of rick@unitid.nl
  • DISCUSSIE Biedt de openheid van het Android platform mogelijkheden voor het ontstaan van betere UX oplossingen?
  • ANDROID BRONNEN Desigining for iPhone, Android en Blackberry http://danielmckenzie.com/blog/2009/07/31-flavors-designing-for-iphone-android-and-blackberry-platforms/ Android Developers blog en user interface guidelines http://developer.android.com/guide/practices/ui_guidelines/index.html Perfect Code: How to marry visual and interaction design the Android way http://www.youtube.com/watch?v=wdGHySpipyA iPhone Human Interface Guidelines http://developer.apple.com/iphone/index.action AdMob metrics http://metrics.admob.com Tap is the New Click http://www.kickerstudio.com/blog/2008/09/tap-is-the-new-click-presentation/ Designing gestural interfaces, Dan Saffer http://www.designinggesturalinterfaces.com