Share
I den första artikeln i denna serie, "Introduktion till iPhone Design", diskuterade vi kortfattat varför vissa iPhone-appar använder Apple-mallar medan andra är anpassade. I den här artikeln tar vi en närmare titt och diskuterar varför det här är en viktig fråga från design, utveckling och affärsperspektiv.
I denna serie kommer jag att använda ordet "templated" som ett sätt att beskriva, på lekman, det konsekventa utseendet på de förkonstruerade kontrollerna Apple ger utvecklare i deras gränssnittsbyggare. Dessa kontroller är inte "mallar" i ordets sanna ord, men det är ändå en användbar metafor som används i denna serie för att jämföra Apple UI-kontroller till "anpassade" kontroller.
Bilden nedan är en skärmdump från Apples Interface Builder-program. Interface Builder är ett verktyg som utvecklare kan använda för att snabbt bygga appar - utan hjälp av en grafisk formgivare. Du kan se från bilden nedan att utvecklare inte väljer fullständiga "mallar" för sina applikationer, utan snarare dra och släppa de olika förskinnade "kontrollerna" på de visningar som visas av appen.
Detta är en vanlig fråga från webbdesigners som är vana vid att utforma varje knapp, box och formulär på en webbsida från början. Varför kan vi inte göra det? Varför inte låta alla bara utforma appar men de vill ha det?
Några anledningar:
Så varför avviker från de design som Apple redan har skapat och testat? Låt oss bara säga att det är en stilutveckling. Apples standardkontroller och teorin bakom hur de fungerar är en fantastisk utgångspunkt. Det är en baslinje som fungerar briljant för många appar, inklusive sina egna. Men de svarar också på efterfrågan på grafiskt rikt användargränssnitt. Kolla in en av deras nyaste appar, Game Center, för att se hur de använder sig av anpassade kontroller.
Om ditt projekt kräver att du bor inom en mycket liten budget för produktion, är det med hjälp av standardkontroller ett bra sätt att hålla kostnaderna nere. Beroende på vilken typ av app du producerar tillåter standardkontroller dig att skapa och starta en app utan att hyra en designer. Kom bara ihåg att om du skapar ett spel eller ett roligt verktyg finns det en bra chans att standardkontrollerna inte kommer att ge den typ av resultat du är ute efter.
Vissa appar är mycket enkla i funktionaliteten som de utför och kräver mycket få interaktionspunkter. Appar av den här typen byggs ofta med standardkontroller. Emoji Free är ett exempel på en app som helt enkelt installerar ett smeknamnstangentbord på din telefon. Det skulle vara kul att ha anpassad grafik för den här appen, men i praktiken öppnas appen bara två gånger och i bara en minut varje gång för att tangentbordet ska installeras. I stället bestämde Emoji-laget att spendera sin designbudget på söta ikonillustrationer. Ett bra drag.
Om du bygger ett seriöst verktyg är ett rikt, roligt, grafiskt användargränssnitt det sista på användarnas sätt när du arbetar med appen. Ta till exempel Apples Mail-app. Appen använder alla standardkontrollerna. Saknar någon det faktum att det inte finns mycket färg och konsistens? Förmodligen inte-vi vill bara läsa vår email.
Vissa utvecklare vill ta ett stegvis eller iterativt tillvägagångssätt för deras apputvecklingsprocess. Detta inkluderar att börja med en mycket enkel byggnad av appen, skapad med standardkontroller. Om den ursprungliga versionen av appen visar löftet och kostnaderna kan motiveras, är en anpassad version ofta en klok uppgradering.
Många appar som använder standardkontroller gör det eftersom de inte har ett starkt varumärke, en logotyp eller en visuell metafor för själva appen. Bilden nedan illustrerar denna punkt.
Starbucks är ett starkt varumärke med många identifierbara grafiska tillgångar. De har designers på personal och ett marknadsföringsteam på plats som styr varje flytt för varumärket, inklusive deras iPhone-app. Även om den här appen kan betraktas som ett seriöst verktyg, förväntar användaren att man ser noll standardkontroller och Starbucks-märket sladdas överallt - och de gör det!
I den andra änden av spektret har du HTML Practice Handbook, ett bra exempel på en app med standardkontroller. Den här appen har en ren layout och hierarki, men har inte en stark märke eller visuell metafor. Utvecklaren marknadsför inte "varumärket" i appen eller sammanför ett koncept runt appen, så standardkontrollerna är vettiga.
Om du kan skära ut en liten budget för grafisk design - gå till det! Flash-destillationsappen nedan är ett bra exempel på en app som enkelt skulle kunna använda alla standardskinn och layoutverktyg. Istället lägger de lite pengar i design för att spruce upp listvisningarna. Den väl utformade rutnätlayouten gör att skummen på listan och läser om aceton och ättiksyra lite lättare!
En enkel anledning till att de flesta appar skapar anpassad grafik är att uppfylla vissa funktionella behov av appen. När appar kräver mer funktionalitet än standardkontrollen, måste anpassade designade och kodade element skapas för att göra appen på ett så effektivt sätt som möjligt. Ta Jamie Olivers app, chock full av mycket relevant information som behöver vara tillgänglig, utan att tränga skärmen.
Skärmen till höger visar information om "Taster Pack" i Referensbiblioteket, liksom knappar på bilden som tar användaren till relevanta videor. Skärmen till höger visar en relevant undernavigering som gäller för varje recept - anpassad designad och kodad.
Ett av de bästa sätten att sticka ut från tävlingen i App Store är att ha anpassad grafik. Ta exemplet nedan. Båda programmen låter dig spela in din röst, varpa den så att den låter som olika djur och tecken. När en person söker efter röstvridande appar, vilken kommer de att välja?
Spel är ett område där anpassad grafik nästan alltid är nödvändig. Faktum är att om någon har sett ett spel byggt med standard UI-kontroller, lämna mig en kommentar i kommentarerna - jag vill se det! De flesta spel för iOS skapas med Quartz 2d, OpenGL eller Unity3D. Ta en titt på den här bilden från spelet för Tron-filmen. Det händer inte med standardkontroller.
Vad händer om du har budgeten för att utmana status quo? Ett bra exempel på ett företag som vill uppfinna hur vi interagerar med vårt email på iPhone - Humail. Enligt MacStories är "Humail" inte avsett för strömanvändare som måste hantera hundratals meddelanden varje dag. Istället kan Humail vara ett trevligt och intressant alternativ för alla som använder e-post för att hålla kontakten med vänner och familj, lediga användare som får ett par nya meddelanden på morgonen och det är det. "
Gör vad du tycker är rätt för din app. Fråga dig själv:
Om du tänker igenom dessa frågor får du förmodligen en ganska robust strategisk plan för att göra din app till en framgång!
Accentsconagua