Er is veel gesproken over iOS 7 sinds de onthulling eerder deze maand en het grootste deel ervan is gecentreerd rond het ontwerp, met name de nieuwe iconen. Nu we allemaal tijd hebben gehad om over de veranderingen na te denken, worden er nu vragen gesteld over hoe ze het ontwerp van onze eigen apps zullen beïnvloeden. Het resultaat is dat er een debat is ontstaan over de invloed van de nieuwe gebruikersinterface van iOS 7.
Hoewel sommigen van mening zijn dat apps trouw moeten blijven aan hun eigen stijl en niet puur op het uiterlijk van iOS 7 moeten worden afgestemd, zijn anderen van mening dat apps opnieuw moeten worden ontworpen om ze meer native te laten voelen. Om hieraan toe te voegen, lijkt er enige verwarring te bestaan over hoe strikt Apple's Human Interface-richtlijnen voor iOS eigenlijk zijn.
In een poging om dingen duidelijk te maken, heb ik de documenten binnenin lang bekeken Apples iOS 7-ontwerpbronnen en zal dit bericht gebruiken om enkele van mijn bevindingen te delen.
Met betrekking tot het debat over de vraag of alle apps nu een "platte" esthetiek moeten aannemen, is het puur een kwestie van mening. Als u aangepaste gebruikersinterface-elementen in uw ontwerp gebruikt, liggen uiteindelijk stilistische beslissingen bij u en uw team. Hoewel Apple suggereert dat je het gebruik van slagschaduwen, verlopen en randen opnieuw bezoekt, heb ik geen aanwijzingen gezien dat dit een strikte vereiste is.
In het onderstaande fragment van de tekst, overgenomen van de iOS 7 UI-overgangsgids , meer details worden gegeven op verschillende niveaus van aanpassing en hoe elk van invloed is op de hoeveelheid werk die u moet doen om uw apps voor te bereiden op de overgang.
Denk aan app-aanpassingen die zijn verdeeld in de volgende drie typen:
- Standaard. De app bevat alleen standaard, niet-aangepaste UI-elementen die door UIKit worden geleverd.
- Aangepast. De app presenteert een volledig aangepaste gebruikersinterface die geen UIKit UI-elementen bevat.
- Hybride. De app bevat een combinatie van standaard en aangepaste elementen, inclusief standaardelementen die u hebt aangepast met behulp van UIKit-tinting en uiterlijk-maatwerk-API's.
Voor een standaardapp moet u beslissen of uw visuele en gebruikerservaringontwerpen nog steeds zinvol zijn in de iOS 7-omgeving. Als u besluit de huidige lay-out en het interactiemodel te behouden, is het grootste deel van het werk het maken van kleine aanpassingen en ervoor te zorgen dat de app de nieuwe systeembrede bewegingen op de juiste manier afhandelt.
Aangepaste apps, dat wil zeggen apps die geen UIKit UI-elementen gebruiken, vereisen een meer genuanceerde benadering. Als u bijvoorbeeld van mening bent dat de huidige gebruikersinterface en ervaring van de app nog steeds geschikt is, kan er heel weinig te doen zijn. Aan de andere kant, als u vindt dat de persoonlijkheid en gebruikerservaring van de app moeten veranderen om gebruikers van iOS 7 te verrassen, heeft u meer werk te doen.
Hybride apps variëren in de hoeveelheid werk die nodig is, afhankelijk van de aanpassingen die u hebt gedaan en hoe u aangepaste en standaardelementen hebt gecombineerd. Naast het herzien van het algemene ontwerp van een hybride app, moet u ervoor zorgen dat uw aanpassingen nog steeds goed werken en er goed uitzien wanneer ze worden geïntegreerd met standaardelementen.
Aan het einde van het hierboven geciteerde document staat ook dat een app die standaard iOS 6 UI op een volledig aangepaste manier imiteert waarschijnlijk veel werk vereist, omdat deze gewoonweg niet meer up-to-date is. Dit is zeker een vooruitzicht dat je wilt overwegen.
Ook overgenomen uit de iOS 7 UI-overgangsgids is de onderstaande tekst, die twee lijsten bevat - dingen die elke app moet doen en dingen die elke app moet doen. Gezien de taalverandering zou ik de eerste als een lijst met strikte eisen beschouwen en de tweede als een lijst met dingen die op zijn minst aandacht verdienen.
Dingen die elke app moet doen
- Update het app-pictogram. In iOS 7 zijn app-pictogrammen 120 x 120 pixels (hoge resolutie).
- Werk de startafbeelding bij met het statusbalkgebied als dit nog niet het geval is.
- Ondersteun Retina-display en iPhone 5 in al je illustraties en ontwerpen, als je dat nog niet doet.
Dingen die elke app moet doen
- Zorg ervoor dat app-inhoud zichtbaar is via doorschijnende UI-elementen, zoals balken en toetsenborden, en de transparante statusbalk. In iOS 7 gebruiken controllers de indeling op volledig scherm (voor meer informatie, zie View Controllers gebruiken ).
- Herontwerp aangepaste pictogrammen van staafknoppen. In iOS 7 zijn de pictogrammen van de balknoppen lichter van gewicht en hebben ze een andere stijl.
- Bereid je voor op randloze knoppen door af te wijken van het leveren van knopachtergrondafbeeldingen en door je lay-out opnieuw te beoordelen.
- Bestudeer uw app op hard-gecodeerde UI-waarden, zoals formaten en posities, en vervang deze door de app die dynamisch worden afgeleid van door het systeem geleverde waarden. Gebruik Auto-indeling om uw app te helpen reageren wanneer er wijzigingen in de lay-out zijn vereist. (Als u nog geen ervaring hebt met Auto-indeling, kunt u er meer over lezen door te lezen Cocoa Auto Layout Guide .)
- Onderzoek uw app op plaatsen waar de statistieken en stijlwijzigingen van UIKit-besturingselementen en -weergaven van invloed zijn op de lay-out en het uiterlijk. Schakelaars zijn bijvoorbeeld breder, gegroepeerde tabellen vallen niet meer in en voortgangsoverzichten zijn dunner. Zie voor meer informatie over specifieke gebruikersinterface-elementen Bars en balknoppen , controls , Inhoudsopgaven , en Tijdelijke weergaven .
- Adopteer dynamisch type. In iOS 7 kunnen gebruikers de tekstgrootte aanpassen die ze in apps zien. Wanneer u Dynamic Type gebruikt, krijgt u tekst die op de juiste manier reageert op door de gebruiker opgegeven wijzigingen in de grootte. Zie voor meer informatie Lettertypen gebruiken .
- Zorg ervoor dat uw app niet op ongepaste wijze reageert op de nieuwe Control Center-beweging of op een veegbeweging van een navigatiecontroller om terug te gaan, vooral als u aangepaste aanrakingsafhandeling uitvoert.
- Bekijk opnieuw het gebruik van slagschaduwen, verlopen en randen. Omdat de esthetiek van iOS 7 vloeiend en gelaagd is, met veel minder nadruk op het gebruik van visuele effecten om UI-elementen er fysiek uit te laten zien, wilt u misschien deze effecten opnieuw bekijken.
- Werk indien nodig uw app bij met praktische tips voor iOS 6, zoals Automatische lay-out en storyboards, en zorg ervoor dat de app geen verouderde API gebruikt.
iOS 7 betekent ook niet het einde van het ultra gedetailleerde app-pictogram. Het tekstfragment hieronder, overgenomen van de iOS Human Interface Guidelines , suggereert dat er nog steeds een plek is voor realisme. Zoals hierboven vermeld, moeten alle app-pictogrammen worden bijgewerkt.
Als je echte substanties wilt portretteren, doe het dan nauwkeurig. Pictogrammen of afbeeldingen die echte objecten vertegenwoordigen, moeten er ook uitzien alsof ze van echte materialen zijn gemaakt en echte massa hebben. Realistische pictogrammen repliceren nauwkeurig de kenmerken van stoffen zoals stof, glas, papier en metaal en dragen het gewicht en het gevoel van een object over.
Hoewel de documenten binnenin veel meer bevatten Apples iOS 7-ontwerpbronnen , en ik zou aanraden ze allemaal door te lezen, ik vond dat deze drie fragmenten in het bijzonder wat broodnodige duidelijkheid verschaffen. Met de nieuwe aanpak van Apple is het misschien het beste om druppelschaduwen, verlopen en omlijstingen te vermijden, maar dit betekent niet dat je het voorbeeld moet volgen en of je wel of niet puur een kwestie van mening moet zijn.
Ongeacht welke stilistische keuzes je maakt, zolang je zorgvuldig al het bovenstaande in overweging neemt, zou je geen enkel probleem moeten hebben bij het succesvol overzetten van je apps naar iOS 7.
Heeft dit je zorgen weggenomen? Zie je er naar uit om de overstap te maken? Laat het ons weten in de comments.