Onlangs, in toenemende mate begon ik op te merken voor zichzelf, dat de meer actieve interesse in het onderwerp van de ontwikkeling applicaties voor iOS en het ontwerpen van user interfaces, hoe meer je denkt, of anders zijn dan die andere dingen. Je begint om aandacht te besteden aan de locatie van de bedieningsknoppen, de grootte van de iconen en andere design spullen waarvan een normaal persoon in het dagelijks gebruik en zijn niet vermoedt.
De andere dag kwam ik over een zeer interessant artikel Ontwerper Craig DennisIn die legde hij uit op de planken ontwerpregels "schone" scherm app voor iOS. Technisch gezien is dit heet «lege toestand» - wanneer het programma om wat voor reden niet alles doen om de gebruiker te laten zien. Volgens Craig, doen veel beginnende ontwerpers niet genoeg aandacht besteden aan dit aspect van de toepassing en omdat het vaak juist de gebruiker te informeren over het gebrek aan inhoud is net zo belangrijk als de kaart zelf content. Ik zijn artikel leek erg nieuwsgierig, dus ik stel voor een korte vertaling van de basisideeën.
"Clean" schermen kunnen worden onderverdeeld in drie hoofdtypen - het eerste gebruik van de applicatie, het gebrek aan inhoud en technische fout (falen van de Internet-verbinding, bijvoorbeeld).
1. eerste gebruik
Eerste indrukken altijd blijven in het geheugen, in het bijzonder de armen. Dat is de reden waarom de ontwerper is zeer belangrijk om de interface te regelen, zodat wanneer u voor het eerst Gebruikersprogramma ontmoette niet neutraal koel wit scherm, maar iets esthetische en functioneel. Het beste is om een soort visueel beeld van tekenen en voeg een paar tips over het gebruik van de applicatie (alleen niet overbelasten de interface vervelende instructie in de geest van de kapitein voor de hand liggende). Uitstekende voorbeelden van de opmerkelijke realisatie van dergelijke ideeën zijn Buffer programma Timehop en Dropbox (je kunt screenshots zie hierboven).
2. Gebrek aan inhoud
Laten we eens kijken bij de situatie met e-mail. Je houdt ervan of je haat het, het meeste is gevuld met ongelezen berichten. Ik weet dat veel mensen die dagelijks ontvangen tientallen nieuwe berichten. Natuurlijk zijn een actieve e-mailgebruikers altijd blij om een lege doos te vinden. Dit zal dubbel blij zijn wanneer de e-mailclient ontwikkelaar dit aspect een paar uur werk zal geven en trek een mooie waarschuwing over de afwezigheid van nieuwe e-mail.
Dat is de manier waarop dit probleem is opgelost in Sparrow, Gmail en standaard programma Mail in iOS:
Sparrow biedt de gebruiker met de traditionele icoon van de mailbox en «Inbox Zero» label. Dit scherm is intuïtief, minimalistisch en ingericht heel stijlvol. De gebruiker is het onwaarschijnlijk dat er zullen vragen.
Gmail ontwikkelaars hebben een stap verder gegaan en voeg een vleugje emotie in uw toepassing - wanneer Gebruikers zijn geen ongelezen berichten voor hem pronken een leuke zon pictogram met de titel de " dag!". Dit soort gevoel als aan een persoon over hoe goed of slecht het is hint (het bovenstaande voorbeeld is duidelijk, maar er zijn meer ingewikkelde gevallen).
Mail.app applicatie systeem niet het ontwerpen van een speciale "schone" pagina, zodat de gebruiker alleen maar raden waarom voor hem is er geen lijst met berichten - of simpelweg geen nieuwe berichten of sync fout, of het niet om verbinding te maken hebben Internet. Dit soort vragen laat altijd een slecht gevoel van het gebruik van het programma, dus als je interface design, proberen op te helderen de gebruiker te informeren over de reden waarom het niet lijkt te verwachte inhoud.
3. technische fouten
Heel vaak, de gebruiker moet een "schone" scherm iOS-app in acht te wijten aan het feit dat het apparaat waarmee de verbinding met het internet heeft verloren en kan niet downloaden van nieuwe content. Zoals hierboven vermeld, voor de maker van het programma is het zeer belangrijk en elegant grammotno om deze informatie aan de gebruiker over te brengen.
Laten we eens kijken hoe een error-scherm in Chrome-apps, Opera Mini en Safari is geïmplementeerd:
Chrome letterlijk "spits" op lange tekst van de gebruiker uit de saaie technische informatie. Opera Mini «afgewerkt met" een paar zinnen die de gebruiker niet een duidelijk idee van waarom browser een bepaalde site niet kunt openen geef. De meest succesvolle implementatie, naar mijn mening, biedt de standaard Safari-programma, die duidelijk zegt dat de iPhone niet is aangesloten op het internet.
Nog een paar interessante voorbeelden: Gmail, YouTube en Instagram.
bevindingen
Hoe hebben we de juiste ontwerp "clean" scherm is erg belangrijk voor de moderne interfaces - en niet alleen voor de iOS-programma's. Voordat u het programma te sturen naar de recensie in de App Store, of om de definitieve versie uit te geven, na te denken voor een moment, die uw aanvraag en waarom zal gebruiken. Probeer om aandacht te besteden aan de kleinste details die zal helpen uw product te onderscheiden van de grijze massa van concurrenten. Als u de gebruikers kunnen behagen en laat een goede indruk over jezelf, in de toekomst zullen ze klaar om u te vergeven wat tekortkomingen en fouten zal zijn.
Postscriptum Wat denkt u over het ontwerp van "schone" scherm? Is er een soort van subjectieve wensen of algemeen advies? Moet ik MacRadar redactie schrijven over dergelijke subtiliteiten in het ontwerpen en ontwikkelen van interfaces voor iOS? Geef je mening in de comments, zou het interessant zijn om het onderwerp met de lezers te bespreken.