10 nieuwe Mac-apps met prachtige interfaces (en wat we ervan kunnen leren)
Interfaceontwerp is een waardevolle vaardigheid om te bezitten. Elke beslissing die u neemt, of het nu iets groots is als een kleurenschema of zo klein als een streekbreedte, kan mogelijk een enorme impact hebben op het al dan niet beslissen van mensen om de applicatie, website, enz. Te gebruiken. Wij ontwerpers weten dit als geen ander. omdat we de neiging hebben om interface snobs te zijn, wat betekent dat we ronduit weigeren om een app met een slecht ontwerp te gebruiken, zelfs als de functionaliteit geweldig is.
Waarom zou u de volgende keer dat u voor de taak staat om een interface te ontwerpen, niet leren van degenen die al zijn geslaagd? Hieronder bekijken we de interfaces van tien mooie en vrij nieuwe Mac-applicaties en bespreken we wat er goed ging.
Ontdek ontwerpbronnen
Wunderlist
De wizards van 6Wunderkinder nemen stilletjes de productiviteitsapp-industrie over met een geweldige combinatie: geweldig design, eenvoudige functionaliteit en een onverslaanbaar prijskaartje (gratis). Zowel hun iPhone als desktop-app zien er gewoon uitstekend uit.
De sleutel tot het geweldige van de Wunderlist-interface is iets buitengewoon eenvoudigs waar we in de applicatie-interfaces van Mac gewoon niet genoeg van zien: maatwerk. Wunderlist is ingebouwd met een hele reeks prachtige achtergronden zoals de houten hierboven. Omdat de UI-elementen eigenlijk vrij minimaal zijn, verandert het veranderen van de achtergrond de hele persoonlijkheid van de applicatie!
Waarom zou u uren aan uw hoofd krabben terwijl u zich afvraagt wat uw gebruikers het leukst zullen vinden als u weet dat elke gebruiker anders is? Uw gebruikers een aantal even aantrekkelijke maar zeer verschillende opties bieden, is een solide manier om de klanttevredenheid te verhogen. Een belangrijke tip: zorg ervoor dat u gemakkelijk tussen de opties kunt schakelen. Als vuistregel geldt dat als je een tutorial moet schrijven over hoe je het moet doen, het te complex is. Wunderlist biedt eenvoudig een rij pictogrammen onder aan het venster. Als je er op klikt, verandert de achtergrond. Het is zo simpel.
De enige geweldige functie waarvan ik denk dat dit dit nog beter zou maken, is als gebruikers hun eigen afbeeldingen als achtergrond zouden kunnen gebruiken. Natuurlijk zullen veel van uw gebruikers iets afzichtelijks kiezen, maar er zullen ook een heleboel gebruikers zijn die iets bedenken dat eigenlijk beter is dan de ingebouwde opties.
Ik voorspel dat veel ontwikkelaars in de voetsporen van 6Wunderkinder zullen treden en gebruikers de mogelijkheid gaan bieden om hun applicatie-interfaces aan te passen aan hun unieke persoonlijkheden.
Reeder
Reeder voor Mac maakt een grote sprong in de Mac-ontwerpgemeenschap. De meesten van ons hebben eeuwenlang NetNewsWire gebruikt en zijn zeker de stagnerende en saaie interface beu. Daarentegen is Reeder een verademing en biedt het een bijzonder schone en onoverzichtelijke interface voor een RSS-lezer.
Het geweldige van Reeder is dat het een andere groeiende trend vertegenwoordigt die je de komende jaren kunt zien toenemen: Apple iOS-ontwerp op de desktop (Reeder begon zijn leven op iOS). De iPhone veroorzaakte een wildvuur onder interfaceontwikkelaars die boterzachte interfaces begonnen te produceren, in tegenstelling tot alles wat we ooit hadden gezien. Dit vuur is onlangs opnieuw ontstoken met de komst van de iPad en innovatieve nieuwe interactieve ervaringen zoals Flipboard.
Geleidelijk aan zagen we deze designtrends terugvloeien naar de Mac. Zelfs Apple heeft de voordelen van iOS-achtige interfaces gerealiseerd en neemt veel van deze voordelen op in OS X Lion, de volgende grote release van het legendarische desktopbesturingssysteem van Apple.
Mus
Ik aarzelde om Sparrow toe te voegen omdat het nogal controversieel is onder ontwerpers. De reden hiervoor is dat het een schaamteloze afzetterij is van de gebruikersinterface van een andere populaire applicatie: Tweetie voor Mac.
Aan de ene kant van dit debat heb je legitieme beweringen dat Tweetie al geruime tijd in ontwikkeling is en waarschijnlijk zo zal blijven vanwege de overname door Twitter (die eigenlijk gewoon de iPhone-app wilde). Ontwerpers aan de andere kant beweren dat het vrij cool is om de interface van een andere man af te zetten, ongeacht de omstandigheden.
Ongeacht aan welke kant van het debat je zit, Sparrow is om een belangrijke reden een interessant voorbeeld. Het had een formaat dat we gewend waren in één categorie (Twitter-apps) en probeerden het in een heel andere context (e-mail) toe te passen. Dit soort denken is een geweldige bron van innovatie. Bekijk alle apps die je elke dag gebruikt, bekijk nu de concurrerende apps in die categorie. De kans is groot dat ze allemaal ongeveer hetzelfde zijn omdat iemand de categorie heeft geïnnoveerd en alle anderen gewoon zijn gevolgd. Als je iets echt anders wilt maken, vraag jezelf dan af hoe je het concept van die app zou kunnen nemen en het in de structuur van een app uit een andere categorie kunt passen. Misschien revolutioneert u een hele categorie.
Kiwi 2
Hoewel de functionaliteit nog steeds niet zo soepel aanvoelt als Tweetie, moet Kiwi een van de meest aantrekkelijke desktop-Twitter-clients op de markt zijn.
Net als bij Wunderlist is maatwerk hier het belangrijkste element. Kiwi biedt gebruikers een aantal thema's om uit te kiezen die het uiterlijk van de applicatie radicaal veranderen. Wunderlist neemt de eenvoudige route en biedt verschillende achtergronden, maar in Kiwi verandert alles in je stream. Dit omvat de vorm en kleur van de tweets, de achtergrond en het uiterlijk van de pictogrammen. Zelfs de functionaliteit verandert behoorlijk dramatisch van het ene thema naar het volgende. Eén thema toont u bijvoorbeeld eenvoudig een lijst met gebruikersnamen en verbergt de daadwerkelijke tweets totdat u op een gebruiker klikt om te zien wat ze zeiden.
De uitvoering is hier erg belangrijk. Kiwi vereist niet dat je een specifiek thema kiest of je door een geavanceerd installatieproces leidt. De app heeft alle standaardinstellingen voor je uitgewerkt. Als je zelfs nooit in het voorkeurenmenu rondsnuffelt, kun je Kiwi een tijdje gebruiken voordat je zelfs de aanpassingsopties hebt gevonden. Ze zijn niet bepaald verborgen, machtige gebruikers zullen ze in de eerste plaats vinden die ze denken te zien. Gebruikers die een eenvoudige ervaring willen, worden echter niet over het hoofd geslagen met intimiderende beslissingen die ze niet willen nemen.
De les hier is dat maatwerk zowel eenvoudig als optioneel moet zijn. Forceer uw gebruikers er niet in, anders sluiten ze de app en gaan ze ergens anders heen. Laat uw gebruikers van uw app houden voor wat het is en werk er naar toe om het eruit te laten zien zoals ze willen, terwijl ze meer vertrouwd raken met hoe alles werkt.
DaisyDisk
Daisy Disk is de meest aantrekkelijke opslagvisualisatie die ik ooit heb gezien. De retro-futuristische kaarten zien er zo goed uit dat je ze wilt afdrukken en ze als kantoorkunst wilt gebruiken.
De belangrijke vraag die je hier moet stellen is of je bruikbaarheid moet opofferen in je zoektocht naar esthetiek. Het gekke cirkeldiagram hierboven ziet er behoorlijk gecompliceerd uit en is waarschijnlijk genoeg om veel gebruikers weg te jagen. De implementatie is echter eigenlijk best solide. Naast de grafiek staat een eenvoudige lijst met de soorten gegevens op uw harde schijf en hoeveel ruimte ze opeten. Alle informatie die u nodig heeft, staat in deze lijst. Het is simpel, duidelijk en gemakkelijk te begrijpen. De visualisatie is er voor visuele denkers zoals wij ontwerpers die gek genoeg zijn om deze voorstelling boven een lijst te plaatsen.
Het belangrijkste is dat de twee weergaven van de gegevens op een interactieve manier met elkaar zijn verbonden. Wanneer u uw muis over het regelitem 'Toepassingen' beweegt, begint dat deel van de grafiek te gloeien. Dus zelfs als u de kaart in het begin niet op afstand begrijpt, zal het plotseling logisch worden als u over elk item in de lijst zweeft en ziet hoe het aandeel van de gloeiende ruimte zich verhoudt tot andere secties.
De les hier is dat eye candy niet voor iedereen is. Als je je applicatie wilt onderscheiden als die met waanzinnig mooie visualisaties, ga ervoor. Maar negeer de gebruikers niet die liever Excel dan Photoshop gebruiken. Zorg ervoor dat uw aantrekkelijke afbeeldingen een sterke basis hebben in gebruiksvriendelijke bedieningselementen en begrijpelijke communicatiemethoden.
Verzenden 4
Transmit 4 is de nieuwste update van de regerende patriarch van Mac FTP-clients en vertegenwoordigt een van de belangrijkste esthetische verbeteringen aan de applicatie tot nu toe. Ik had nooit gedacht dat ik zou kwijlen over een FTP-client, maar Transmit heeft nu een heleboel hele mooie schermen, animaties, knoppen en meer.
De meest opvallende tactiek die hier wordt gebruikt, is een verhoogd contrast. FTP-clients zijn opvallend helder en wit; elk scherm, elke lijst met bestanden, niets dan wit en, als je geluk hebt, een beetje grijs en / of blauw. De mensen van Panic besloten deze eentonigheid aan te pakken met een aantal werkelijk prachtige donkere schermen voor het opzetten van servers, het navigeren door favorieten, enz.
De belangrijke les hier is dat ze echt niet teveel met het vlees van de app hebben geknoeid. De bestandslijsten hebben nog steeds een witte achtergrond en functioneren zoals ze altijd hebben gedaan. Iedereen die bekend is met FTP-software kan de app direct oppakken en ermee werken. Elke keer dat u een gebruikersinterface wilt bijwerken om deze wat visuele flair te geven, wees niet bang om extreem kieskeurig te zijn over wat onderdelen doen en niet worden bijgewerkt. Als u werkt met een product dat populair is geworden door zijn eenvoudige functionaliteit, houd dat dan zo. Neem in plaats daarvan de tijd om je te concentreren op alle kleine details die een gebruikersinterface echt opfleuren en het een gevoel geven als een grote stap voorwaarts van de concurrentie.
Koerier
Courier moet het mooiste hulpmiddel ter wereld zijn om snel multimediabestanden te delen via sociale media. Zou ik ooit $ 20 betalen voor een Facebook-uploader voor afbeeldingen? Echt niet. Heeft deze mij ertoe gebracht serieus van gedachten te veranderen? Ja.
De les hier is er een die ik talloze keren heb besproken in een webdesign-context: visuele metaforen rock. Het eerste dat RealMac deed, was focussen op de kernfunctionaliteit. Ze maakten het delen van bestanden met allerlei netwerken tegelijk een belachelijk gemakkelijke taak, mogelijk gemaakt door de slepen-en-neerzetten-ervaring die Mac-gebruikers kennen en waarderen. Met een onverslaanbare workflow (zorg er altijd voor dat je je eerst op de inhoud concentreert!), Konden ze het geheel in een mooi en passend thema verpakken: de dagelijkse mail. Dit vergt een vrij technologische taak en brengt het tot een zeer reële en vertrouwde ervaring voor de gebruiker. Plots lijkt de alledaagse taak van het uploaden van bestanden op een virtueel videospel voor het verzenden van e-mail, waarin je kunt kiezen welke envelop je wilt gebruiken en waar je deze naartoe wilt sturen.
1Password
Open Sleutelhangertoegang op uw Mac. Dit is een typische wachtwoordbeheerder, ontworpen door niemand minder dan Apple inc. Het is best bruikbaar maar ook best saai. Bekijk nu een heel andere visuele benadering van dezelfde basisfunctionaliteit in 1Password.
Heel het verschil niet? 1Password heeft een eenvoudig uitstekende interface voor het beheren van uw aanmeldingen, wachtwoorden, formuliergegevens, enz. Ik weet niets over u, maar dit zet me aan het twijfelen aan elke afzonderlijke database-applicatie op mijn harde schijf. Waarom is het de norm geworden om zulke duidelijke presentaties van database-informatie te maken? Wat als applicaties zoals Evernote (al een van de aantrekkelijkere database-apps die er zijn) een beetje meer op 1Password of Bento leken? Zou dat zo erg zijn? Ik ben van mening dat dit niet het geval zou zijn.
Geweldige esthetiek compliceert de bruikbaarheid niet, ze verbeteren het. Geloof het of niet, je kunt tabellen, rijen, cellen en velden met informatie op een echt aantrekkelijke manier presenteren zonder zoveel overbodige pluis toe te voegen dat het de functionaliteit verpest. Als je me niet gelooft, download 1Password en probeer het eens.
SweetFM
In tegenstelling tot al deze discussies over het toevoegen van visuele interesse aan uw interfaces, doet SweetFM, een wonderbaarlijk eenvoudige Last.fm-client, precies het tegenovergestelde. Kijk maar eens hoe compact en aantrekkelijk het is!
Vergelijk nu die screenshot die je zojuist hebt gezien met de officiële Last.fm-client voor Mac:
Toegegeven, veel mensen zullen de officiële klant leuker vinden. Het lijkt robuuster en legt alles tegelijk voor je neer (een zeer efficiënte aanpak). Er is echter zeker iets te zeggen voor drastische vereenvoudiging. Terug naar een punt dat we eerder hebben gemaakt, blindelings de UI-conventies van een bepaalde categorie volgen, is geen manier om te innoveren. Soms kun je een heleboel gebruikers lastigvallen die niemand anders target door simpelweg alles te verwijderen, behalve de absoluut noodzakelijke dingen. Haal een pagina uit het boek van Chocomoko, soms is minder eigenlijk meer.
Cockpit
Cockpit is een geweldige menubalk-app die je kunt gebruiken om allerlei dingen op je Mac te bedienen. Het is echter niet alleen superfunctioneel, het ziet er ook behoorlijk goed uit.
In dit geval weet ik niet zeker waar de ontwikkelaars hun inspiratie vandaan halen. De typische texturen zijn hier: metaal, glas en rubber. Maar de iTunes-controller hierboven lijkt helemaal niet op iTunes en het lijkt in ieder geval niet op een andere menubalk-app die ik ooit heb gezien (het lijkt meer op een Dashboard-widget). Er valt veel te zeggen over inspiratie putten uit alle voorbeelden die je vandaag hebt gezien, maar onthoud altijd dat er geen vervanging is voor je eigen pad bewandelen en opzettelijk proberen totaal anders te zijn dan al het andere dat je eerder hebt gezien.
Trek Photoshop aan, zet wat muziek aan en besteed een paar uur aan het uitdelen van ideeën wanneer ze naar je toe komen. In plaats van je te concentreren op wat er elders is gedaan, probeer dan te ontdekken wat niet is gedaan en verken de mogelijkheden met dat doel voor ogen.
Gevolgtrekking
Ik hoop dat de tien geweldige applicaties hierboven je allebei een paar nieuwe apps voor je Mac hebben gegeven en je een en ander hebben geleerd over het ontwerpen van interfaces. Mac-ontwikkelaars en -ontwerpers verbazen me voortdurend met hun vermogen om voortdurend de grenzen te verleggen voor het niveau van schoonheid dat we van desktop-applicaties verwachten. Jullie zijn mijn helden.
Laat hieronder een reactie achter en laat ons weten wat je van de bovenstaande interfaces vindt. Zorg er ook voor dat u wijst op andere nieuwe Mac-apps die u bent tegengekomen en die dienen als een uitstekend voorbeeld van UI-ontwerp.
){kind=link}