10/07/2022
Da Steve Jobs i februar 2008 meddelte, at Apple ville give udviklere adgang til et SDK (Software Development Kit) for at skabe native tredjepartsapplikationer til iPhone, var det starten på en af de mest betydningsfulde designmuligheder i nyere historie. Mindre end et år senere, på en stille torsdag morgen, åbnede App Store med et beskedent udvalg af lige over 500 apps. Få nutidige innovationer har ændret den måde, vi lever vores liv og interagerer med verden omkring os, mere end iPhone-apps. Skaberne af de første 500 apps, der var tilgængelige ved lanceringen, fik en unik mulighed for at forme designretningen og interaktionsmetoderne for de millioner af apps, der er skabt siden.
De Første Skridt: App Stores Begyndelse
App Stores åbning var et vendepunkt for mobilteknologien. Før dette var iPhones funktionalitet begrænset til Apples egne indbyggede applikationer og simple webapps. Jobs’ vision om at åbne platformen for tredjepartsudviklere var revolutionerende og skabte et helt nyt økosystem. De første 500 apps lagde grundlaget for, hvordan vi tænker på og bruger apps i dag. De etablerede de første visuelle sprog og interaktionsmønstre, som senere generationer af designere og udviklere byggede videre på. Det var en æra præget af eksperimenter, hvor grænserne for, hvad en mobilapp kunne udrette, blev udforsket for første gang. Mange af de apps, vi kender og bruger i dag, har rødder tilbage til denne tidlige periode og har gennemgået en fascinerende visuel og funktionel udvikling.
En Visuel Rejse Gennem Ti År: De Originale Apps' Udvikling
For at fejre App Stores tiårsjubilæum, lad os dykke ned i den visuelle udvikling af ti originale App Store-apps, der var tilgængelige fra dag ét og stadig modtager opdateringer i dag. Disse apps er udvalgt for deres bemærkelsesværdige visuelle ændringer på iPhone-versionerne.
iTunes Remote
Apple satte selv standarden ved at udgive egne apps på App Store fra starten. To af de første var spillet Texas Hold’em og Remote, et simpelt værktøj til at styre afspilning af dit Mac- eller Apple TV’s iTunes-bibliotek via Wi-Fi. Selvom Texas Hold’em blev fjernet i 2011, lever Remote videre i dag. Fra begyndelsen var Remotes design stærkt påvirket af udseendet og fornemmelsen af iPhones iPod-app (nu kaldet Musik). Faktisk var "Nu afspiller"-visningen stort set identisk. Version 2.0 introducerede et nyt ikon designet af Louie Mantia. Apps’ne begyndte at adskille sig med iOS 6, hvor den indbyggede Musik-app blev fuldstændig redesignet. Remote beholdt et mere standardiseret udseende, og ikonet blev igen opdateret for at matche iTunes 11 på Mac.
Remotes første store grundlæggende redesign kom med iOS 7. I modsætning til Musik-appens skarpe hvide tema havde Remote en mørk, sløret baggrund, der blev tonet af farven på albumomslaget. I 2016 udgav Apple Apple TV Remote-appen til 4. generations Apple TV, et logisk skridt fremad, der syntes at erstatte Remote. Kort efter blev Remote omdøbt til iTunes Remote. Selvom appen fortsat var tilgængelig, forblev den stort set uændret indtil juni 2018, hvor den modtog et helt nyt design og understøttelse for iPhone X’s højere skærm. iTunes Remotes opdatering vendte tilbage til et meget mere visuelt konservativt udseende, der mindede om iOS 11 Musik-appen, men undgik store titler og kort til fordel for traditionel navigation. I stedet for en rød nuancefarve bruger iTunes Remote blå for at matche det opdaterede ikon.
I modsætning til iTunes Remotes beskedne ændringer er Facebook-appen løbende blevet redesignet gennem det seneste årti med stigende hyppighed. En omfattende visuel historie af appen ville fylde en lille bog. Facebooks eventyr på iPhone begyndte faktisk før App Store eksisterede, da tjenesten oprindeligt var tilgængelig som en af iPhones første webapps i oktober 2007. Version 1.0 i App Store er næsten uigenkendelig som Facebook i dag bortset fra den karakteristiske blå navigationslinje. Selv ikonet mangler det karakteristiske hvide "f". Appens nyhedsfeed var i det væsentlige en udsmykket tabelvisning over en fanebjælke med fem ikoner: Hjem, Profil, Venner, Chat og Indbakke. Version 2.0 byggede på det samme koncept og tilføjede yderligere to navigationslag under den primære titellinje.
Facebook 3.0 blev første gang forhåndsvist i juli 2009 og introducerede et 3x3 gitter af ikoner for at hjælpe med at løse appens voksende navigation. Tidlige skærmbilleder viste et helt blåt flisegitter, men dette design blev aldrig udgivet i en offentlig version af appen. I oktober 2011 var Facebook 4.0 en tidlig adopter af "hamburger-menuen" til navigation. Appens popularitet fremskyndede udbredelsen af dette kontroversielle designelement på utallige apps og hjemmesider i de følgende år. Efter version 4 blev Facebooks design tidslinje betydeligt mere udfordrende at følge. Appens udseende begyndte at iterere hurtigere, og ændringer blev ofte udrullet gradvist i stedet for at blive holdt tilbage til større udgivelser. I april 2013 eksperimenterede Facebook med "Chat Heads" i iOS-appen, bevægelige profilbilleder, der udvidede sig til chatvinduer, når de blev trykket på. iOS 7’s nye udseende nødvendiggjorde et redesign, der genintroducerede en fanebjælke til navigation. Fanebjælkeikoner redesignes og flyttes stadig regelmæssigt mellem opdateringer. Nogle af Facebooks designudfordringer stammer fra deres operationelle skala. I modsætning til mange mindre apps skal Facebook tilbyde en konsistent oplevelse til sine kunder på et stort antal platforme, ikke kun Apples. En opdatering i august 2017 forsøgte at forene designet af nyhedsfeeden på tværs af iOS, Android og web med kommentarer designet til at ligne en Messenger-samtale mere.
Things
Things begyndte udviklingen som et opgavestyringsværktøj til Mac, men opnåede 1.0-status på iOS først. Cultured Code, appens udvikler, bemærkede i deres lanceringsindlæg, at den originale version blev bygget på lidt over en måned – en deadline, der virkede umulig. Things 1.0 manglede en måde at synkronisere med Mac-versionen og havde tagging deaktiveret, begge kritiske funktioner. På trods af den stressende lancering fortsætter den samme grundlæggende hierarki af appen den dag i dag. Den første store visuelle opdatering kom i august 2012, da Things 2.0 blev udgivet. En frisk omgang maling fjernede det indbyggede iOS-udseende, og små grafiske udsmykninger gav den en unik personlighed.
Things 2.5 i september 2014 opdaterede appens brugergrænseflade igen med et mere fladt udseende og et lysere farveskema. Et redesign var oprindeligt planlagt til Things 3, men udviklingen tog længere tid end forventet. Things 3, der blev udgivet i maj 2017, var den mest betydningsfulde ændring af appens udseende hidtil. Næsten alle ikoner og UI-elementer blev tegnet på ny, samtidig med at det underliggende layout blev bevaret. I opdateringens lanceringsvideo fremhævede Cultured Code specifikt, hvordan animation blev brugt til at give appen en helt ny fornemmelse. Redesignet indbragte Cultured Code en Apple Design Award i 2017.
OmniFocus
Selv i sin spæde start var App Store velassorteret med apps til opgavestyring. Både Things og OmniFocus, fra The Omni Group, har været tilgængelige fra dag ét. Selvom begge apps tilbyder lignende funktioner, har de hver især taget unikke designretninger i løbet af det seneste årti. OmniFocus til iPhone brugte oprindeligt simple tabelvisninger med brugerdefinerede ikoner til navigation og vandt en Apple Design Award i 2008. The Omni Group tegnede alle deres illustrationer og appens ikon om i juni 2010 som reaktion på iPhone 4’s Retina-skærm. En af appens største ændringer kom i juni 2011, da Forecast-tilstand blev tilføjet. En blank datovælger lige under navigationslinjen blev et definerende UI-element, selv da glansen blev fjernet i 2013 til et iOS 7-æra redesign. Det nye flade udseende var stærkt afhængig af tekstfarver for rumlig bevidsthed.
En opdatering i foråret 2015 bragte et mørkere app-ikon til iPhone med blødere kanter på fluebenet. Hvert ikon siden 2012 har inkluderet et påskeæg, som selv langvarige brugere måske ikke kender til. Zoom ind, og du vil bemærke, at kulstoffiberteksturen faktisk består af bittesmå, gentagne Omni-logoer. Den seneste store opdatering til OmniFocus kom i maj 2018 med OmniFocus 3.0. Mens mange af ændringerne var teknisk relaterede, friskede store titler og iPhone X-optimering brugergrænsefladen op.
Evernote
Evernotes styling-historie fremhæver perfekt mange af de store software-designtrends siden 2008. Notetagnings- og organiseringsværktøjet startede som en desktop-applikation før App Store og havde for nylig ombrandet med sit genkendelige elefantlogo, før det blev lanceret på iPhone. Som mange tidlige iPhone-apps lænede Evernote 1.0 sig stærkt op ad standard UIKit-elementer og store, blanke grafikker. Et redesign i 2011 reorganiserede fanebjælken og prioriterede en kronologisk "Alle noter"-visning. Da Evernote tilføjede understøttelse af iPhone 5’s større skærm i 2012, brugte appen stadig standard iOS UI-elementer. Navigationslinjer og knapper fik automatisk den matte finish fra iOS 6.
I november 2012 blev Evernote 5 lanceret. Redesignet fra bunden var appen et lærebogseksempel på de rigt teksturerede, stærkt tema-baserede designs, der var typiske for æraen. Prægede ikoner, falske papirteksturer og dybe skygger gav appen dybde. Appens ikon droppede det aldrende blanke udseende, men bibeholdt børstet metal. I et blogindlæg sagde Evernote: "Det er ikke ofte, vi lancerer et komplet redesign. Faktisk sker det kun en gang hvert par år." Selvom de ikke vidste det dengang, ville Evernote skulle redesignes igen mindre end et år senere, da iOS 7 blev annonceret på WWDC 2013. Evernote 5 vandt en Apple Design Award samme dag. Evernote omfavnede iOS 7’s fladhed med åbne arme. Hver tekstur, skygge og facet blev erstattet. En lys gradient fra venstre mod højre strakte sig over appens navigationslinje og matchede farverne brugt på det nye teksturfri ikon. En opdatering i starten af 2017 dæmpede designet med et mere afdæmpet ikon, hvid navigationslinje, notekort med diskrete skygger og en mørk fanebjælke. Yderligere forbedringer af typografi og fanebjælkeikoner er fulgt.
eBay
eBays design har uden tvivl gennemgået den mest dramatiske transformation ud af de ti apps, der er omtalt her. Selvom Apple fremhævede den på scenen ved WWDC 2008, var den originale version af eBay til iPhone ligefrem rå sammenlignet med den raffinerede oplevelse i dag. I november 2009 var hele appen blevet gentænkt med en mere konsekvent grå brugergrænseflade. Et år senere lagde eBay 2.0 grundlaget for, hvordan appen ville blive organiseret i årevis fremover. Mens eBay tidligere havde tilbudt en selvstændig salgsapp, blev funktionen nu rullet ind i hovedoplevelsen. Appens startskærm blev også opdateret og føltes endelig som et ægte native iOS-design.
Flere opdateringer i løbet af 2013 gav eBay nye farver, samtidig med at den samme grundlæggende brugeroplevelse blev bevaret. Hver ændring afspejlede tidens hurtigt udviklende software-designtrends. Denne kontinuerlige iteration betød, at eBays udseende overgik ret glat, da appen blev redesignet til iOS 7. At bruge en velkendt farvepalet og navigationshierarki hjalp med at bevare brugerens muskelhukommelse. I september 2015 brød eBay 4.0 med normen. Det meste af appens funktionalitet blev placeret under en hamburger-menu, hvilket kun efterlod tre faner nær toppen: "Aktivitet, Shop, Sælg." Med en skarp, teksttung brugergrænseflade og et nyt ikon, der matchede, varede designet ikke længe. I maj 2016 havde eBay næsten fuldstændig vendt appens organisation tilbage. Dagens layout ligner mere det design, der blev lanceret helt tilbage i 2010.
Twitterrific
Craig Hockenberry og The Iconfactory byggede den første Twitter-klient til iPhone, før App Store overhovedet var blevet annonceret. Takket være jailbreak-software udviklet af Apple-entusiastfællesskabet havde udviklere flere måneders erfaring med at skrive apps, da Apple leverede officielt sanktionerede værktøjer. Twitterrific 1.0 lånte få designelementer fra jailbreak-dagene og så overraskende poleret ud fra starten. Den vandt en Apple Design Award i 2008. Twitterrific var også en af de første apps, der brugte et mørkt tema – en stadig mere populær mulighed i dag. Men Twitterrifics designhistorie taler mere til Twitters historie som tjeneste end til designtrends. Hver opdatering afspejlede ændringer i funktionerne og funktionaliteten af Twitters platform. I de tidlige dage blev disse funktioner ofte pioneret af tredjeparter selv.
I 2012 flyttede Twitterrific 5.0 al navigation til toppen af skærmen og brugte fuldstændig brugerdefinerede UI-elementer. Et lignende layout har varet ved helt frem til i dag. Lige så fascinerende som appens design er dens ikon. Udover at være den første Twitter-app, der brugte fuglebilleder, er Twitterrific en af de få iOS-apps, der har formået at bevare et rigt detaljeret ikon, samtidig med at det stadig ser moderne ud. Appens maskot, Ollie, ændrede sig knap i udseende under overgangen til iOS 7 og ser stadig lige så frisk ud i dag som i 2012.
Instapaper
En app bygget til læsning prioriterer indhold frem for "chrome" (UI-elementer), så Instapapers design var naturligt afdæmpet fra starten. Faktisk kom nogle af de mest åbenlyse visuelle ændringer, appen modtog, takket være ændringer i iOS selv. Navigationslinje- og knapstilarter blev ændret i både iOS 6 og 7, hvilket gav appen to "gratis" visuelle opdateringer. At sige, at appen ikke udviklede sig, ville dog være en misrepræsentation. Instapaper begyndte sit liv på App Store som en gratis download. Kort efter blev en betalt version kaldet Instapaper Pro lanceret. Store opdateringer af læseoplevelsen og mørkere UI-elementer kom i efteråret 2011, da et nyt ikon designet af Dribbble-medstifter Dan Cedarholm blev tilføjet. Ikonet blev senere fremhævet på en WWDC-session om god ikonografi.
I april 2013 erhvervede Betaworks Instapaper fra grundlægger Marco Arment, hvilket sendte appen på en anden kurs. Den første store opdatering under Betaworks' vejledning kom i september 2013, en iOS 7-opdatering. Pinterest erhvervede Instapaper i august 2016, hvor virksomheden lovede, at appen ville fortsætte. Under det nuværende ejerskab har Instapaper bevaret ret konsistente visuals, selv efter en opdatering for at understøtte iPhone X’s Super Retina-skærm.
PCalc
Historien om PCalc begynder langt over et årti før lanceringen af App Store. Udvikler James Thomson udgav den originale app til Mac i 1992, og dens udvikling fortsætter den dag i dag. PCalc har fra starten haft en helt brugerdefineret grænseflade på iOS og tilbyder et stadigt voksende udvalg af temaer og tilpasningsmuligheder. Den første version af PCalc til iPhone blev porteret fra en Mac dashboard-widget, men passede godt sammen med den klassiske iPhone UI. Glansfulde knapper og et dybblåt LCD-panel matchede appens ikon. I december 2008 blev et populært tema kaldet Twilight tilføjet med endnu mere detaljeret grafik og et farveskema, der ligner den standard iOS-regnemaskine-app. Twilight blev senere opdateret med Retina-grafik og understøttelse af større skærme. Det er stadig en mulighed i appen i dag.
PCalc tilpassede sig iOS 7’s flade transformation med et nyt standardtema kaldet "Samurai" og et matchende ikon. Ældre temaer forblev tilgængelige i appens indstillinger. PCalc’s ikon blev opdateret igen i marts 2016. Siden udgivelsen af iOS 10.3 har Apple tilladt tredjepartsapps at ændre deres app-ikoner dynamisk uden at indsende en ny version til butikken. PCalc begyndte at udnytte funktionen fuldt ud i maj 2017 og udrullede et stort udvalg af alternative ikoner at vælge imellem. Flere er blevet tilføjet i efterfølgende opdateringer. Efter 10 års udvikling har PCalc presset sig op mod de praktiske grænser for en iPhone-regnemaskine-app. Nylige opdateringer har nydt en vis kreativ frihed med nyhedsfunktioner som en AR-regnemaskine-tilstand. Understøttelse af iPhone X-skærmen bragte afrundede hjørner til Samurai-temaet.
Yelp
Ligesom Facebook har Yelps iPhone-grænseflade ændret sig markant gennem årene, men bevarer genkendelig branding takket være brugen af konsekvent farve på navigationslinjen. Appen har oplevet øget popularitet på grund af dens dybe integration med Apple Maps. I august 2009 snød Yelp en rudimentær augmented reality-grænseflade ind i iPhone-appen for at finde virksomheder omkring dig. Selvom det på det tidspunkt var lidt mere end en nyhed, føles funktionen fremsynet i dag givet stigningen af ARKit-apps.
I januar 2010 udrullede en ny Yelp-startskærm med et 3x3 gitter af hurtige genveje. Den samme grundlæggende grænseflade blev stilistisk forfinet, indtil hele appen blev redesignet i oktober 2013 med et fladere udseende og en mere fremtrædende "Nærliggende"-fane. Yelps seneste opdateringer strækker sig ud over simple lokationsbaserede resultater ved at vise indhold, der er relevant for dig. Denne metode til opdagelse gennem kuratering er en brugeroplevelsesdesigntrend, der har haft stor succes i iOS 11’s redesignede App Store.
Ikonernes Udvikling: Fra Glans til Fladhed
En side-om-side sammenligning af ikonernes iterationer for alle ti fremhævede apps afslører den unikke vej til modernitet, hver især valgte. Nogle ikoner har forblevet ret konsekvente i løbet af det seneste årti med kun mindre forbedringer, og andre er blevet redesignet hvert par år. Kronologisk opstillet bliver branchens brede designtrends tydelige. Ikoner med glans dominerede, da App Store blev lanceret. Ikon-glans blev anvendt som standard, og udviklere skulle specifikt deaktivere effekten i Xcode for at fjerne den. Efterhånden som iOS-apps modnedes, mistede de fleste til sidst deres glans og adopterede meget detaljerede brugerdefinerede designs.
iOS 7 nulstillede berømt målestokken for, hvad der udgør et godt ikon. Meget teksturerede og 3D-renderede aktiver så generelt malplacerede ud ved siden af Apples nye ikonsæt, og nogle kolliderede med den opdaterede afrundede hjørneradius. Efterhånden som designere og udviklere gradvist etablerede nye retningslinjer og bedste praksis for ikondesign, er detaljer og mere tilbageholdende farvepaletter langsomt vendt tilbage til mange ikoner.
Personlighed og Brugeroplevelse (UX)
Tidlige iPhone-apps kastede sig hovedkulds ud i en ukendt verden. Uden forudfattede forestillinger om, hvordan en app skulle se ud eller fungere, bortset fra Apples egen lille samling af standardapps, havde designere og udviklere fuld frihed til at eksperimentere. På trods af dette lignede og føltes mange tidlige apps meget ens, da brugere og udviklere lærte bedste praksis hånd i hånd. Tidlig feedback og prøve-fejl formede hurtigt, hvordan hver app udviklede sig. Inden for få år fandt de fleste apps deres vej og udviklede unikke stilarter og personligheder. Efterhånden som hardwarefunktionerne forbedredes, skiftede designforskellen gradvist fra statisk grafik til animationer og dynamiske grænseflader.
Efter de homogeniserende interface-retningslinjer introduceret med iOS 7 sendte designere og udviklere tilbage til tegnebrættet, begyndte mange apps at differentiere sig med oplevelsesmæssige valg, der føles, ikke ses. Tankevækkende kuratering og prædiktiv informationsdesign anvendes ofte til at hjælpe med at finde nyt og interessant indhold, der ellers ville gå ubemærket hen. Intelligente arbejdsgange forenkler almindelige handlinger og hjælper dig med at bruge mindre tid på at udføre opgaver. Vigtigheden af godt design ud over pixelniveauet har ført til en stigning i populariteten af brugeroplevelsesdesign (UX-design) i de seneste år.
FAQ: Ofte Stillede Spørgsmål om iPhone Apps
- Hvor mange apps var der, da App Store åbnede?
- App Store åbnede i juli 2008 med et udvalg på lidt over 500 apps.
- Hvad var nogle af de første bemærkelsesværdige apps, der blev lanceret?
- Blandt de første var Apples egne apps som iTunes Remote, og populære tredjepartsapps som Facebook, Things, OmniFocus, Evernote, eBay, Twitterrific, Instapaper, PCalc og Yelp.
- Hvordan har app-design ændret sig over tid?
- Design har udviklet sig fra skinnende, "skeumorfiske" designs med tunge teksturer og 3D-effekter (før iOS 7) til et fladere, minimalistisk udseende (med iOS 7), og videre til mere personlige, detaljerede og animationsdrevne grænseflader med fokus på brugeroplevelse (UX-design).
- Hvad er "hamburger menu" og "Chat Heads"?
- En "hamburger menu" er et ikon (tre vandrette linjer) der, når det trykkes, afslører en side- eller topmenu. Facebook var en tidlig adopter af dette. "Chat Heads" var en Facebook-funktion, der viste flydende profilbilleder, som kunne udvides til chatvinduer, og som eksperimenterede med nye interaktionsformer.
- Hvad er UX-design, og hvorfor er det vigtigt i app-udvikling?
- UX-design (User Experience Design) fokuserer på at gøre en app intuitiv, effektiv og behagelig at bruge. Det handler ikke kun om, hvordan appen ser ud, men også om, hvordan den fungerer, føles og løser brugerens behov. Det er vigtigt, fordi det direkte påvirker brugertilfredshed og engagement.
Fremtiden for iPhone-Apps
I 2008 var det umuligt præcist at forudsige, hvordan App Store ville udvikle sig. Innovation sprang ud af innovation, og iPhone-ejeres smag og vaner formede de typer apps, udviklere valgte at lave. Det samme kan siges fremadrettet. Kommende iPhones og versioner af iOS vil helt sikkert ændre app-landskabet på uforudsete måder. En ny designtrend kunne feje over kloden i morgen. Selv efter 10 år er fremtiden for mobilapps spændende og fuld af potentiale for yderligere revolutionerende forandringer.
Hvis du vil læse andre artikler, der ligner iPhone Appenes Evolution: En 10-Års Rejse, kan du besøge kategorien Teknologi.