Share
In het eerste artikel in deze serie, "Inleiding tot iPhone Design", hebben we kort besproken waarom sommige iPhone-apps Apple-sjablonen gebruiken, terwijl andere op maat zijn ontworpen. In dit artikel zullen we van naderbij bekijken en bespreken waarom dit een belangrijke vraag is vanuit een ontwerp-, ontwikkelings- en zakelijk perspectief.
In deze serie zal ik het woord "templated" gebruiken als een manier om, in termen van de leek, het consistente uiterlijk te beschrijven van de vooraf gebouwde besturingselementen die Apple biedt voor ontwikkelaars in hun Interface Builder-toepassing. Deze bedieningselementen zijn geen 'sjablonen' in de ware zin van het woord, maar dit is niettemin een handige metafoor die in deze serie wordt gebruikt om Apple UI-bedieningselementen te vergelijken met 'speciaal ontworpen' bedieningselementen.
De afbeelding hieronder is een screenshot van Apple's Interface Builder-applicatie. Interface Builder is een hulpmiddel dat ontwikkelaars kunnen gebruiken om apps snel te bouwen - zonder de hulp van een grafisch ontwerper. Je kunt aan de onderstaande afbeelding zien dat ontwikkelaars niet de volledige "sjablonen" voor hun toepassingen kiezen, maar dat ze verschillende "bedieningselementen" voor de weergave slepen en neerzetten naar de weergaven die door de app worden weergegeven.
Dit is een veel voorkomende vraag van webontwerpers die gewend zijn elke knop, kader en vorm op een webpagina helemaal opnieuw te ontwerpen. Waarom kunnen we dat niet doen? Laat iedereen gewoon apps ontwerpen zoals ze willen?
Een paar redenen:
Dus waarom afwijken van de ontwerpen die Apple al heeft gemaakt en getest? Laten we zeggen dat het een stijlevolutie is. Apple's standaard controls en de theorie achter hoe ze werken is een fantastische baseline. Het is een baseline die fantastisch werkt voor veel apps, waaronder die van henzelf. Ze reageren echter ook op de vraag naar een grafisch rijk ontwerp van de gebruikersinterface. Bekijk een van hun nieuwste apps, Game Center, om te zien hoe zij gebruik maken van aangepaste besturingselementen.
Als uw project vereist dat u binnen een zeer klein budget voor productie blijft, is het gebruik van standaardbesturingselementen een goede manier om de kosten laag te houden. Afhankelijk van het type app dat u produceert, kunt u met standaardbesturingselementen een app maken en starten zonder een ontwerper in te huren. Onthoud goed dat als u een spel of een leuk hulpmiddel maakt, de kans groot is dat de standaardbesturingselementen niet het gewenste resultaat opleveren.
Sommige apps zijn erg eenvoudig in de functionaliteit die ze uitvoeren en vereisen heel weinig interactiepunten. Dergelijke apps worden vaak gebouwd met behulp van standaardbesturingselementen. Emoji Free is een voorbeeld van een app die eenvoudig een emoticon-toetsenbord op je telefoon installeert. Het zou geweldig zijn om aangepaste afbeeldingen voor deze app te hebben, maar praktisch gesproken wordt de app slechts twee keer geopend en elke keer maar een minuut lang om het toetsenbord te installeren. In plaats daarvan besloot het Emoji-team hun ontwerpbudget te besteden aan illustraties van schattige pictogrammen. Een goede zet.
Als u een serieuze tool bouwt, is een rijke, leuke, grafische gebruikersinterface het laatste wat de gebruikers in gedachten hebben wanneer ze met de app werken. Neem bijvoorbeeld Apple's Mail-app. De app gebruikt alle standaardbesturingselementen. Mist iemand het feit dat er niet veel kleur en textuur is? Waarschijnlijk niet - we willen gewoon onze e-mail lezen.
Sommige ontwikkelaars willen een gefaseerde of iteratieve benadering van hun app-ontwikkelingsproces. Dit omvat het starten met een zeer eenvoudige build van de app, gemaakt met standaardbesturingselementen. Als de initiële versie van de app veelbelovend is en de kosten te rechtvaardigen zijn, is een op maat gemaakte versie vaak een verstandige upgrade.
Veel apps die standaardbesturingselementen gebruiken, doen dit omdat ze geen sterk merk, logo of visuele metafoor voor de app zelf hebben. De afbeelding hieronder illustreert dit punt.
Starbucks is een sterk merk met veel herkenbare grafische middelen. Ze hebben ontwerpers op personeel en een marketingteam in de hand om elke zet voor het merk te begeleiden, inclusief hun iPhone-app. Hoewel deze app als een serieuze tool kan worden beschouwd, verwacht de gebruiker dat er geen standaardcontroles meer zijn en dat het Starbucks-merk overal is weggevaagd - en dat doen ze ook!
Aan de andere kant van het spectrum heeft u het HTML Practice Handbook, een geweldig voorbeeld van een app met behulp van standaardbesturingselementen. Deze app heeft een duidelijke lay-out en hiërarchie, maar heeft geen sterk merk of visuele metafoor. De ontwikkelaar brengt het 'merk' van de app niet op de markt of brengt geen concept rond de app samen, dus standaardbesturing is logisch.
Als je een klein budget voor grafisch ontwerp kunt maken - ga ervoor! De onderstaande Flash Distillation-app is een geweldig voorbeeld van een app die ALLE standaard skins en lay-outhulpmiddelen gemakkelijk kon gebruiken. In plaats daarvan stoppen ze een klein beetje geld in het ontwerp om de lijstweergaven op te fleuren. De goed ontworpen rasterlay-out maakt het skimmen van de lijst en het lezen over aceton en azijnzuur een beetje gemakkelijker!
Een simpele reden waarom de meeste apps aangepaste afbeeldingen maken, is om aan een aantal functionele behoeften van de app te voldoen. Wanneer apps meer functionaliteit vereisen dan standaardbesturingselementen, moeten er speciaal ontworpen en gecodeerde elementen worden gemaakt om de app zo efficiënt mogelijk te laten werken. Neem de app van Jamie Oliver, boordevol relevante informatie die toegankelijk moet zijn, zonder het scherm te belasten.
Het scherm aan de rechterkant geeft informatie weer over het "voorproefjepakket" in de referentiebibliotheek en knoppen op de afbeelding die de gebruiker naar relevante video's leiden. Het scherm aan de rechterkant toont een relevante subnavigatie die van toepassing is op elk recept - op maat ontworpen en gecodeerd.
Een van de beste manieren om je te onderscheiden van de concurrentie in de App Store, is om aangepaste afbeeldingen te hebben. Neem het onderstaande voorbeeld. Met beide apps kun je je stem opnemen en vervolgens vervormen om te klinken als verschillende dieren en personages. Wanneer een persoon op zoek is naar apps voor het vervormen van stemgeluiden, welke kiest deze dan?
Spellen zijn een gebied waar aangepaste afbeeldingen bijna altijd nodig zijn. Als iemand een spel heeft opgebouwd met standaard UI-besturingselementen, laat me dan een opmerking achter in de comments - ik wil het zien! De meeste spellen voor iOS zijn gemaakt met Quartz 2d, OpenGL of Unity3D. Bekijk deze afbeelding uit de game voor de Tron-film. Het gebeurt gewoon niet met standaardbesturingselementen.
Wat als u het budget heeft om de status-quo aan te vechten? Een goed voorbeeld van een bedrijf dat de manier waarop we omgaan met onze e-mail op de iPhone opnieuw probeert uit te vinden - Humail. Volgens MacStories is Humail "niet bedoeld voor machtige gebruikers die elke dag met honderden berichten te maken hebben. In plaats daarvan zou Humail een leuk en interessant alternatief kunnen zijn voor iedereen die e-mail gebruikt om contact te houden met vrienden en familie, informele gebruikers die 's ochtends een paar nieuwe berichten ontvangen en meer dan dat. "
Doe wat u denkt dat goed is voor uw app. Vraag jezelf:
Als je deze vragen overdenkt, zul je waarschijnlijk een behoorlijk robuust, strategisch plan hebben om van je app een succes te maken!
Accentsconagua