Tänk en gång extra när du designar applikationer för olika skärmtyper PDF Skriv ut Skicka sidan
2011-06-01 09:52
Att Adobe låter oss användare utveckla för alla möjliga typer av skärmar är helt fantastiskt! Men med styrka kommer stort ansvar...

adobe-air-multi-screen

Det finns några olika angreppssätt när det kommer till att utveckla en "multi-screen" applikation i Flash. Är det ett spel är det relativt lätt, där ska grafiken och interaktionen i princip vara plattformsoberoende och det är du som bestämmer hur det ska se ut och fungera. Eftersom Flash inte erbjuder några native-liknande komponenter att bygga med är det upp till utvecklaren att eftersträva god igenkänning och användarvänlighet. Ska man försöka efterlikna systemets UI (användargränssnitt) eller ska man göra ett helt eget?

Oavsett vilket tillvägagångssätt man väljer så måste man hantera att systemen har olika sätt att ta hand om användarens interaktion. Följer man inte systemets "regler" så kommer användaren att tröttna då din applikation blir svår att förstå och navigera i.

Eget utseende

custom-skinDen lätta vägen för designern är nog att göra ett eget utseende. Då måste man separera interaktionen och ta hand om systemspecifika händelser för varje plattform. Exempelvis hur man raderar en item från en lista. På iOS drar man åt höger eller trycker på en Ändra-knapp. På Android gör man en "long-press" och får upp en kontextmeny med olika alternativ. Fördelarna med ett eget utseende är att man kan skapa något som gör applikationen unik och känns igen över flera plattformar. Man är heller inte beroende av exempelvis Androids relativt tråkiga och färglösa grafik, man behöver inte heller ta hänsyn till uppdateringar i plattformens användargränssnitt som gör applikationen inaktuell. Att tänka på dock är att en telefon- och en tabletapplikation bör skilja sig åt rent grafiskt och att ha ett gemensamt utseende utan undantag inte är att rekommendera.

Separata utseenden

separate-skinnsDen andra vägen är att göra separata utseenden för olika system som efterliknar dess UI, både vad gäller grafik och interaktion. Fördelen är att man slipper tänka ut finurliga lösningar, man kopierar bara det befintliga. En annan fördel är att det är lättare att vidareutveckla för exempelvis större skärmtyper, ex tablets. Nackdelen är helt klart att man måste hantera grafik och det översta lagret logik separat för varje skin, eller åtminstone för varje plattformstyp.

[English resume]

Adobe lets us develop multi screen apps, but with great powers comes great responsibility... This post dels with the advantages and pitfalls when designing multi screen apps and there are two paths to take: Custom skin or Native skin. No matter which way you choose, you´ll have to deal with the fact that users gets bored if you don´t follow the rules of the system UI.

Custom skin

Advantages: uniqe application, recognition between platforms, not depending on system updates
Disadvantages: UI separation in interaction and system UI "rules"

Native skin

Advantages: native handling regarding user interaction, easy to develop for other screen types
Disadvantages: the need to separate skins and specific UI logic for each platform and/or screen type


Bedöm artikeln:
( 1 Bedömning )
Skapad 2011-06-01 09:52 av Patric Jonsson

Visad 843 gånger än så länge.

Senaste artiklarna av Patric Jonsson


Senast uppdaterad 2011-06-27 19:33

Lägg till kommentar


Medlemmar


Members Online: 0

Senaste registrerade

LisaRaichand : 22 april 2012 19:55pilu : 31 januari 2012 09:58Gostship99 : 07 januari 2012 19:37Director : 18 november 2011 05:44Dahlback : 17 november 2011 16:28mikwonwheels : 14 november 2011 13:20Kviddis : 04 oktober 2011 19:53buddha1966 : 25 september 2011 14:22idesign : 20 september 2011 08:45TxT : 05 september 2011 11:07ApelG : 05 september 2011 11:04
Partners
Adobe user group
fdt5-logo
TechSmith
Lynda user group
Apress user group
O´reilly user group
Peachpit user group
Friends Of Ed
Manning user group


Senaste blogginläggen

Av: Danel
-20.02.2012
Av: Patric Jonsson
-27.01.2012
Av: Patric Jonsson
- 3.01.2012
Av: Patric Jonsson
-29.11.2011
Av: Danel
-26.11.2011
Av: Patric Jonsson
-14.11.2011
Av: Patric Jonsson
- 8.11.2011
Av: Danel
- 7.11.2011
Av: Patric Jonsson
-27.09.2011

Senaste kommentarer

Senaste trådarna

Av Hallon
- 08/05/2012
Av goldensebbe
- 06/04/2012
Av Hallon
- 29/03/2012
Av buddha1966
- 06/03/2012
Av buddha1966
- 29/02/2012
Av Wide Circle
- 20/02/2012
Av zocstyle
- 15/02/2012
Av ufoalf30
- 05/01/2012
Av peterdavidsson
- 08/12/2011
Av JohnPaulie
- 03/12/2011
Av coffaldo
- 17/11/2011
Av buddha1966
- 05/11/2011
Av buddha1966
- 03/11/2011

Blogkalender

  • 2012 (3)
  • 2011 (37)
  • 2010 (85)
  • 2009 (18)
  • Vem är online

    Vi har 39 besökare online

    Relaterande artiklar

    RSS
    Patric Jonsson - flashguru.se
    RocketTheme Joomla Templates