Fordeler og ulemper med Apple Standard vs Custom Graphics

I den første artikkelen i denne serien, "Introduksjon til iPhone Design", diskuterte vi kort hvorfor enkelte iPhone-apper bruker Apple-maler mens andre er skreddersydd. I denne artikkelen vil vi ta en nærmere titt og diskutere hvorfor dette er et viktig spørsmål fra et design, utvikling og forretningsperspektiv.

Hva er "Templated" Apps?

I denne serien vil jeg bruke ordet "templated" som en måte å beskrive, i lekmannens termer, det konsekvente utseendet på de forhåndsbestemte kontrollene Apple gir utviklere i deres Interface Builder-applikasjon. Disse kontrollene er ikke "maler" i ordets verste forstand, men dette er likevel en nyttig metafor brukt i denne serien for å sammenligne Apple UI-kontroller til "skreddersydde" kontroller.

Bildet nedenfor er et skjermbilde fra Apples Interface Builder-program. Interface Builder er et verktøy som utviklere kan bruke til å bygge apps raskt - uten hjelp av en grafisk designer. Du kan se fra bildet nedenfor at utviklere ikke velger komplette "maler" for deres applikasjoner, men snarere drar de og slipper ulike forhåndsskinnede "kontroller" på visningene som vises av appen.

Hvorfor bruk Pre-skinned kontroller?

Dette er et vanlig spørsmål fra webdesignere som er vant til å designe hver knapp, boks og skjema på en nettside fra grunnen av. Hvorfor kan vi ikke gjøre det? Hvorfor ikke la alle bare lage apps, men de vil?

Noen grunner:

  • Apple ønsket å oppfordre utviklere til å bygge applikasjoner raskt og uten å måtte ansette en designer, og de ønsket også tredjepartsutviklere å skape en (for det meste) konsistent brukeropplevelse.
  • Apple trengte å lage en designstandard som skal brukes til sine egne apper.
  • Til slutt kan du forestille deg en samtale som dette: "Hei, vi er Apple, design rockstjernen, som bedre kan definere standardene for mobil design?"

Så hvorfor gå bort fra designene som Apple allerede har opprettet og testet? La oss bare si det er en evolusjon av stil. Apples standardkontroller og teorien bak hvordan de fungerer er en fantastisk startlinje. Det er en grunnlinje som fungerer briljant for mange apps, inkludert deres egne. Men de responderer også på etterspørselen etter grafisk rike brukergrensesnittdesign. Ta en titt på en av de nyeste appene, Game Center, for å se hvordan de bruker tilpassede kontroller.

Topp 5 grunner til å bruke Apples standardkontroller

Budsjett

Hvis prosjektet ditt krever å holde seg innenfor et svært lite budsjett for produksjon, er det en god måte å holde kostnadene ved hjelp av standardkontroller. Avhengig av hvilken type app du produserer, lar standardkontroller deg lage og lansere en app uten å ansette en designer. Bare husk, hvis du lager et spill eller et morsomt verktøy, er det en god sjanse at standardkontrollene ikke vil produsere typen resultater du er ute etter.

Enkel funksjonalitet

Noen apps er veldig enkle i funksjonaliteten de utfører og krever svært få samspillingspunkter. Apper av denne typen blir ofte bygget ved hjelp av standard kontroller. Emoji Free er et eksempel på en app som bare installerer et uttrykksikon tastatur på telefonen din. Det ville være kult å ha tilpasset grafikk for denne appen, men praktisk talt blir appen bare åpnet to ganger og i bare et minutt hver gang for å få tastaturet installert. I stedet bestemte Emoji-teamet seg for å bruke sitt designbudsjett på søte ikonillustrasjoner. Et godt trekk.

Alvorlig Verktøy

Hvis du bygger et seriøst verktøy, er et rikt, morsomt, grafisk brukergrensesnitt den siste tingen på brukerne når du jobber med appen. Ta Apples e-postprogram for eksempel. Appen bruker alle standardkontroller. Er det noen som savner det faktum at det ikke er mye farge og tekstur? Sannsynligvis ikke-vi vil bare lese vår e-post.

Iterativ tilnærming

Noen utviklere ønsker å ta en gradvis eller iterativ tilnærming til deres apputviklingsprosess. Dette inkluderer å starte med en veldig enkel bygging av appen, opprettet med standard kontroller. Hvis den første versjonen av appen viser løfte og kostnadene kan rettferdiggjøres, er en tilpasset versjon ofte en klok oppgradering.

Branding og visuelle metaforer

Mange apper som bruker standard kontroller, gjør det fordi de ikke har en sterk merkevare, logo eller visuell metafor for selve appen. Bildet nedenfor illustrerer dette punktet.

Starbucks er et sterkt merke med mange gjenkjennelige grafiske eiendeler. De har designere på staben og et markedsføringsteam på plass som styrer hvert trekk for merkevaren, inkludert deres iPhone-app. Selv om denne appen kan betraktes som et seriøst verktøy, forventer brukeren å se null standardkontroller og Starbucks-merkevaren slathered over alt - og de gjør det!

På den andre enden av spekteret har du HTML Practice Handbook, et godt eksempel på en app ved hjelp av standard kontroller. Denne appen har et rent layout og hierarki, men har ikke en sterk merkevare eller visuell metafor. Utvikleren markedsfører ikke «merkevaren» til appen eller samler et konsept rundt appen, så standardkontrollene gir mening.

Topp 5 grunner til å bruke tilpasset grafikk

Tilgjengelig Budsjett

Hvis du kan skære ut et lite budsjett for grafisk design - gå for det! Flash Destillation-appen nedenfor er et godt eksempel på en app som enkelt kunne ha brukt ALLE standardskins og layoutverktøy. I stedet legger de litt penger inn i design for å spore opp listevisningene. Den godt utformede gridoppsettet gjør skummen på listen og leser om aceton og eddiksyre litt lettere!

Forbedret funksjonalitet

En enkel grunn til at de fleste appene skaper tilpasset grafikk, er å oppfylle noen funksjonelle behov for appen. Når apper krever mer funksjonalitet enn standardkontroller gir, må egendefinerte designede og kodede elementer opprettes for å få appen til å fungere på den mest effektive måten. Ta Jamie Olivers app, chock full av svært relevant informasjon som trenger å være tilgjengelig, uten å tråkke på skjermen.

Skjermen til høyre viser informasjon om "Taster Pack" i Referansebiblioteket, samt knapper på bildet som tar brukeren til relevante videoer. Skjermen til høyre viser en relevant undernavigasjon som gjelder for hver oppskrift - skreddersydd og kodet.

Oppmerksomhet Getter

En av de beste måtene å skille seg ut fra konkurransen i App Store er å ha tilpasset grafikk. Ta eksemplet nedenfor. Begge programmene lar deg ta opp stemmen din, og deretter koble den til å høres ut som forskjellige dyr og tegn. Når en person søker etter stemmeforvrengningsprogrammer, hvilken vil de velge?

Gaming

Spill er et område hvor tilpasset grafikk er nesten alltid nødvendig. Faktisk, hvis noen har sett et spill som er bygget ved hjelp av standard UI-kontroller, vennligst gi meg et notat i kommentarene - jeg vil se det! De fleste spill for iOS er opprettet ved hjelp av Quartz 2d, OpenGL eller Unity3D. Bare ta en titt på dette bildet fra spillet for Tron-filmen. Det skjer bare ikke med standard kontroller.

Bekjempe Status Quo

Hva om du har budsjettet til å utfordre status quo? Et godt eksempel på et selskap som ønsker å oppfinne måten vi samhandler med vår e-post på iPhone - Humail. Ifølge MacStories er Humail "ikke ment for strømbrukere som må håndtere hundrevis av meldinger hver dag. I stedet kan Humail være et fint og interessant alternativ for alle som bruker e-post for å holde kontakten med venner og familie, tilfeldige brukere som får et par nye meldinger om morgenen, og det er det. "

Konklusjon

Gjør det du synes er riktig for appen din. Spør deg selv:

  • Hva er konkurranselandskapet? Kan du komme unna med å starte en grunnleggende versjon og gjenopprette en tilpasset versjon senere?
  • Hva vil publikum forvente å se?
  • Vil appen stor nytte funksjonelt ved å bruke tilpasset grafikk?
  • Vil budsjettet jeg tildelte for tilpasset grafikk lønne seg?

Hvis du tenker gjennom disse spørsmålene, vil du nok finne deg selv med en ganske robust strategisk plan for å gjøre appen din til en suksess!