Gränssnittsdesign är en värdefull färdighet att besitta. Varje beslut du fattar, om det är något så stort som ett färgschema eller så liten som en strokebredd, kan potentiellt få stor inverkan på huruvida människor väljer att använda applikationen, webbplatsen etc. Vi designers vet det bättre än någon annan eftersom vi brukar vara gränssnittsnobbar, vilket innebär att vi plattar ut vägrar att använda en app med dålig design, även om funktionaliteten är stellär.
Nästa gång du står inför uppgiften att utforma ett gränssnitt, varför inte lära av dem som redan har lyckats? Nedan ser vi gränssnittet till tio vackra och ganska nya Mac-applikationer och diskuterar vad som gick rätt.
Wunderlist
Trollkarlarna på 6Wunderkinder tar tyst över produktivitetsappindustrin med en mördarkombination: bra design, enkel funktionalitet och en oslagbar prislapp (gratis). Både deras iPhone och skrivbordsprogram ser bara utmärkt ut.
Nyckeln till Wunderlist-gränssnittets awesomeness är något extremt enkelt att vi bara inte ser tillräckligt med i Mac-applikationsgränssnitt: anpassning. Wunderlist kommer inbyggd med en hel massa underbara bakgrunder som träet som visas ovan. Eftersom användargränssnittet faktiskt är ganska minimal, byter ut bakgrunden ändringar hela personligheten av ansökan!
Varför spendera timmar att skrapa huvudet och undra vad dina användare tycker mest om när du vet att varje användare är annorlunda? Att ge dina användare ett antal lika attraktiva men väldigt olika alternativ är ett bra sätt att öka kundtillfredsställelsen. Ett viktigt tips: se till att det är enkelt att växla mellan alternativen. Som en tumregel, om du måste skriva en handledning om hur man gör det är det för komplicerat. Wunderlist ger helt enkelt en rad ikoner längst ner i fönstret. När du klickar på en ändras bakgrunden. Det är så enkelt.
Den ena mördarfunktionen som jag tror skulle göra det ännu bättre är om användarna kunde använda sina egna bilder som bakgrund. Visst, många av dina användare kommer att välja något hyfsat men det kommer också att finnas massor av användare som kommer upp med något som faktiskt är bättre än de inbyggda alternativen.
Jag gör en förutsägelse att många utvecklare kommer att följa i fotspår 6Wunderkinder och börja erbjuda användarna möjligheten att anpassa sina applikationsgränssnitt för att passa deras unika personligheter.
reeder
Reeder for Mac gör ett stort stänk i Mac-designgemenskapen. De flesta av oss har använt NetNewsWire i åldrar och är definitivt sjuka av det stillastående och tråkiga gränssnittet. Däremot är Reeder ett friskt luftar som erbjuder ett särskilt rent och otrevligt utseende gränssnitt för en RSS-läsare.
Den fantastiska saken om Reeder är att den representerar en annan växande trend som du kan förvänta dig att se under de kommande åren: Apple IOS-design på skrivbordet (Reeder började livet på IOS). IPhone upplyste ett brandskydd under gränssnittsutvecklare som började churning out buttery släta gränssnitt till skillnad från vad vi någonsin sett. Denna eld har nyligen blivit tänd på ny med iPad: s ankomst och innovativa nya interaktiva upplevelser som Flipboard.
Gradvis har vi sett dessa designtrender trickle tillbaka till Mac. Även Apple har insett fördelarna med iOS-liknande gränssnitt och införlivar många av dessa fördelar med OS X Lion, nästa stora release av Apples legendariska stationära operativsystem.
Sparv
Jag tvekade att lägga till Sparrow eftersom det är ganska kontroversiellt bland designers. Anledningen till detta är att det representerar en skamlös ripoff av UI av en annan populär applikation: Tweetie för Mac.
På den ena sidan av denna debatt har du legitima påståenden att Tweetie har stagnerat i utveckling för ett tag nu och kommer troligen att vara så på grund av sitt förvärv av Twitter (som egentligen bara ville ha iPhone-appen). Designers på andra sidan hävdar att det är ganska ok att riva av en andras gränssnitt oavsett omständigheterna.
Oavsett vilken sida av debatten du är på är Sparrow ett intressant exempel för en viktig anledning. Det tog ett format som vi var vana vid i en kategori (Twitter apps) och försökte tillämpa det i ett helt annat sammanhang (email). Denna typ av tänkande är en fantastisk källa till innovation. Ta en titt på alla appar som du använder varje dag, kolla nu på konkurrerande appar i den kategorin. Chansen är, de handlar om samma sak eftersom någon innoverade kategorin och alla andra följde helt enkelt. Om du vill skapa något som är riktigt annorlunda, fråga dig själv hur du kan ta begreppet den appen och anpassa den till strukturen i en app från en annan kategori. Du kan bara revolutionera en hel kategori.
Kiwi 2
Även om funktionaliteten fortfarande inte känns så jämn som Tweetie, måste Kiwi vara en av de mest attraktiva Twitter-klienterna på marknaden på marknaden.
Som med Wunderlist är nyckeln här anpassning. Kiwi erbjuder användarna ett antal teman att välja mellan som radikalt förändrar applikationens utseende. Wunderlist tar den enkla vägen och erbjuder olika bakgrunder, men i Kiwi ändras allt i din ström. Detta inkluderar formen och färgen på tweetsna, bakgrunden och utseendet på ikonerna. Även funktionaliteten ändras ganska dramatiskt från ett tema till ett annat. Ett tema visar till exempel en lista över användarnamn och döljer de faktiska tweetsna tills du klickar på en användare för att se vad de sa.
Utförandet här är väldigt viktigt. Kiwi kräver inte att du väljer ett visst tema eller går igenom någon avancerad installationsprocess. Appen har alla standardinställningar utarbetats för dig.Faktum är att om du aldrig pekar runt i inställningsmenyn kan du använda Kiwi ganska länge innan du ens hittar anpassningsalternativen. De är inte helt dolda, strömanvändare kommer att hitta dem i första hand som de tror att de ska titta. Men användare som vill ha en enkel upplevelse slås inte över huvudet med skrämmande beslut som de inte är beredda att göra.
Läran här är att anpassningen ska vara både enkel och valfri. Tvinga inte dina användare till det eller de stänger appen och vänder sig någon annanstans. Låt dina användare älska din app för vad det är och arbeta sig för att få det att se ut hur de vill, eftersom de blir mer bekanta med hur allt fungerar.
DaisyDisk
Daisy Disk är den mest attraktiva hårddisklagringsvisualiseringen jag någonsin sett. De retro futuristiska kartorna ser så bra ut att du vill skriva ut dem och använda dem som kontorsart.
Den viktiga frågan att fråga här är huruvida du måste offra användbarhet i din strävan efter estetik. Det galna cirkeldiagrammet som visas ovan ser ganska komplicerat ut och är nog för att skrämma bort många användare. Implementeringen är dock faktiskt ganska solid. Bredvid grafen finns en enkel lista som visar datatyperna på hårddisken och hur mycket utrymme som upptas av dem. All information du behöver finns i den här listan. Det är enkelt, enkelt och lätt att förstå. Visualiseringen finns för visuella tänkare som oss designers som är galna nog för att gynna denna representation över en lista.
Viktigast är de två representationerna av data kopplade på ett interaktivt sätt. När du håller muspekaren över? Programmen? raden, den delen av diagrammet börjar lysa. Så även om du inte förstår först diagrammet först först kommer det plötsligt att börja vara bra när du svävar över varje objekt i listan och ser hur stor andel av det glödande utrymmet hänför sig till andra avsnitt.
Läran här är att ögonsockan inte är för alla. Om du vill sätta din ansökan ifrån varandra som den med galen vackra visualiseringar, gå till den. Men försumma inte användarna som hellre vill använda Excel än Photoshop. Se till att din attraktiva grafik har en stark grund i lättanvända kontroller och begripliga kommunikationsmetoder.
Överför 4
Transmit 4 är den senaste uppdateringen till Mac FTP-klientens regeringspatriark och representerar en av de mest betydande estetiska förbättringarna i applikationen hittills. Jag trodde aldrig att jag skulle kasta över en FTP-klient, men Transmit har nu massor av riktigt fina skärmar, animeringar, knappar och mer.
Den mest märkliga taktiken som används här är ökad kontrast. FTP-klienter är särskilt ljusa och vita; varje skärm, varje lista med filer, inget annat än vitt och, om du har tur, lite grå och / eller blå. Folk på Panic bestämde sig för att ta itu med denna monotoni med ett antal riktigt vackra mörka skärmar för att installera servrar, navigera favoriter etc.
Den viktiga lektionen här är att de verkligen inte röra med köttet i appen för mycket. Fillistorna finns fortfarande på en vit bakgrund och fungerar precis som de alltid har. Någon som är bekant med FTP-programvaran kommer att kunna hämta appen och köra med den direkt. När som helst du vill uppdatera en användargränssnitt för att ge den visuell känsla, var inte rädd för att vara extremt valfri om vilka delar som gör och inte uppdateras. Om du arbetar med en produkt som är populär med sin enkla funktionalitet, behåll den på så sätt. I stället tar dig tid att fokusera på alla små detaljer som verkligen polerar bort ett användargränssnitt och gör att det känns som ett viktigt steg upp från tävlingen.
Kurir
Courier måste vara det vackraste verktyget på planeten för att snabbt dela multimediafiler med sociala medier. Skulle jag någonsin betala $ 20 för en Facebook-uppladdare? Aldrig. Har den här gjort mig seriöst överväga att ändra mig? Japp.
Lektionen här är en som jag har diskuterat otaliga gånger i ett webbdesign sammanhang: visuella metaforer rock. Det första som RealMac gjorde var fokus på kärnfunktionalitet. De gjorde dela filer till alla typer av nätverk på en gång en löjligt lätt uppgift drivs av dra och släppa upplevelsen Mac-användare känner och älskar. Med ett oslagbart arbetsflöde på plats (var noga med att fokusera på innehåll först!) Kunde de paketera hela saken i ett vackert och lämpligt tema: den dagliga posten. Detta tar en ganska teknisk uppgift och ger den till en mycket verklig och välbekant upplevelse för användaren. Plötsligt ser den vardagliga uppgiften att ladda upp filer ut och känns som ett virtuellt mailsändande videospel där du kan välja vilket kuvert du vill använda och var du ska skicka det till.
1Password
Öppna upp nyckelringstillbehör på din Mac. Detta är en typisk lösenordshanterare, designad av ingen annan än Apple Inc. Det är ganska användbart men också ganska tråkigt. Ta en titt på en helt annan visuell inställning till samma grundläggande funktionalitet i 1Password.
Helt skillnaden nej? 1Password har ett enkelt utestående gränssnitt för hantering av dina inloggningar, lösenord, formulärdata etc. Jag vet inte om dig men det här får mig att fråga varje enskild databasprogram på min hårddisk. Varför har normen blivit så enkelt att presentera databasinformation? Vad händer om applikationer som Evernote (redan en av de mer attraktiva databasapplikationerna där ute) såg lite mer ut som 1Password eller Bento? Skulle det vara så dåligt? Jag föreslår att det inte skulle.
Stora estetik komplicerar inte användbarheten, de förbättrar den. Tro det eller inte, du kan presentera tabeller, rader, celler och informationsfält på ett riktigt attraktivt sätt utan att lägga till så mycket överflödig fluff att det förstör funktionaliteten. Om du inte tror mig, ladda ner 1Password och ge det ett skott.
SweetFM
I motsats till all denna diskussion om att lägga visuellt intresse för dina gränssnitt, gör SweetFM, en underbart enkel Last.fm-klient, exakt motsatsen. Titta bara på hur kompakt och attraktiv det är!
Jämför nu den skärmdump som du bara såg till den officiella Last.fm-klienten för Mac:
Visserligen kommer många människor som den officiella klienten bättre. Det verkar mer robust och sätter allt framför dig på en gång (ett mycket effektivt tillvägagångssätt). Men det finns definitivt något att säga för en drastisk förenkling. Tillbaka till en punkt som vi gjorde tidigare, är det inte möjligt att uppfinna blinda efter UI-konventionerna i en viss kategori. Ibland kan du fånga massor av användare som ingen annan riktar sig mot, helt enkelt genom att ta bort allt utom de absolut nödvändiga nödvändigheterna. Ta en sida ur Chocomoko bok, ibland är mindre verkligen mer.
Cockpit
Cockpit är en fantastisk menylinjeapp som du kan använda för att styra alla typer av saker på din Mac. Det är inte bara superfunktionellt men det händer också att det ser bra ut.
I det här fallet är jag inte säker på var utvecklarna drar sin inspiration från. De typiska texturerna är här: metall, glas och gummi. Ändå ser iTunes-kontrollenheten inte ut som iTunes och det är säkert som heck inte ser ut som någon annan menyradenapp jag någonsin har sett (det ser ut som om en Dashboard-widget). Det finns mycket att säga om att dra inspiration från alla de exempel du har sett idag, men kom alltid ihåg att det inte finns någon ersättare för att flamma din egen väg och försiktigt försöka vara helt annorlunda än vad du tidigare sett.
Dra upp Photoshop, vrid lite musik och spendera några timmar på att rita upp idéer när de kommer till dig. Istället för att fokusera på vad som har gjorts på annat håll, försök upptäcka vad som inte har gjorts och utforska möjligheterna med det målet i åtanke.
Slutsats
Jag hoppas att de tio fantastiska applikationerna ovan har båda gett dig några nya appar till din Mac och lärde dig en eller två saker om gränssnittsdesign. Mac utvecklare och designers wow mig kontinuerligt med sin förmåga att ständigt trycka kuvertet för den nivå av skönhet vi förväntar oss från stationära applikationer. Ni är mina hjältar.
Lämna en kommentar nedan och låt oss veta vad du tycker om gränssnittet ovan. Också vara säker på att påpeka några andra nya Mac-appar som du har stött på som fungerar som ett utmärkt exempel på UI-design.