Trots det stora antalet alla typer av verktyg för design av mobila applikationer, har inte alla alla nödvändiga funktionella. Dessutom är det nödvändigt att förstå att vissa verktyg är utformade för att skapa mobila applikationer på Android-plattformen, medan andra för iOS. Börja skapa utformningen av programmet för en mobilenhet måste du i förväg förvärva alla nödvändiga verktyg.
För att maximera effektiviteten för att designa applikationer för smartphones och tabletter är det nödvändigt att endast använda den mest beprövade mjukvaran. Av den anledningen har vi förberett en lista över de mest användbara verktygen för designer av mobila applikationer.
1. Generator av interaktiva prototyperaxel:
- Har förmåga att visuell redigering;
- Stöder ramar;
- Lämplig för att designa applikationer på Android och IOS.
- Stöder CSS3-effekter;
- Gör det enkelt att utföra designtest på displayen av någon mobilenhet;
- Innehåller ett stort antal grafiska element.
- Ger dig möjlighet att snabbt skapa speciella skisser;
- Med det här designpaketet kan du utveckla registrering för mobila enheter på olika plattformar.
- Innehåller många användbara plugins.
- Huvudfunktionen i det här verktyget är att det är möjligt att genomföra designlösningar online;
- Innehåller många simulatorer för att testa applikationsdesign;
- Den har många grafiska element.
På Unstashes of the Worldwide Internet kan du hitta mer än ett dussin användbara och effektiva verktyg för att skapa mobil applikationsdesign. Med hjälp kan nästan alla skapa en vacker design för mobila program.
Jag skapade en speciell presentation för att visa var designen av mobila applikationer börjar och vilka chips hjälper till att göra det bekvämt och förståeligt för användarna.
Vad är skillnaden mellan UX från UI-designen?
Idealiskt kombinerar konstruktionen form och funktioner, egenskaper och estetiska manifestationer. UX (användarupplevelse) Design är ansvarig för funktioner och egenskaper, det här är processen att skapa en produkt som är användbar, lätt att använda och trevlig för interaktion. Uppgiften för UX-designern är att få användaren till det ultimata målet, hjälpa honom att "lösa problemet".
UI-design är en visuell design av "produkt": vad man ska använda färger, oavsett om det kommer att vara bekvämt för en person att få ett finger i knapparna, om texten kommer att läsas.
Hur börjar UX?
Forskning, som utförs i de första stadierna av UX-designen finns det många vanliga med marknadsföring. Till exempel analysen av konkurrenter och marknaden, definitionen av CA och affärsmodell.
Benchmarking är en av dessa studier. Detta är ett sätt att studera konkurrenternas verksamheter att ta sin positiva erfarenhet och tillämpa uppgifterna om den i sin verksamhet.
Varför håll benchmarking designer?
- Bestämma de starka och svaga egenskaperna hos de beräknade objekten.
- Utöka förståelsen för marknads- och affärsdomänen *.
- Utveckla din egen vision av projektet och utveckla nya idéer.
* Business Domain (inom ramen för mjukvaruutveckling) är ett objektområde som definierar en uppsättning standardkrav, speciell terminologi och funktionalitet (till exempel underhållning, turism och resor eller sociala tjänster).
Analys av publiken skärs med marknadsundersökning. UX designers spenderar det i de första stadierna av arbetet. Börja med en intervju, undersökning eller observation, segmentera en publik genom användartyper. Skapande av personer (fiktiva individer, bilder av framtida användare) och tänker på skriptet för var och en av dem. Varför hålla sådan forskning? Vilken typ av designer kommer att få från detta:
- Bestäm användarnas huvud- och sekundära uppgifter.
- Bestämma användar motivation.
- Det kommer att identifiera de typiska problem som användarna står inför.
- Välj prioriteringar i samband med användarbehoven.
- Shams ett kollektivt porträtt av användaren.
- Fullständiga förutsättningar för att bygga en empatisk anslutning.
UX är ett tillvägagångssätt för design som tar hänsyn till alla aspekter av mänsklig interaktion med en produkt eller tjänst. Det är starkt relaterat till förståelsen av användarens beteende, dess behov, mål, motivation och sammanhang där produkten kommer att användas.
När alla studier har genomförts är den framtida applikationen utformad och skapad wireframe, följer visuell design.
Fyra regler för att skapa bekväm design
UI (användargränssnitt) är att många människor omedelbart är förknippade med ordet "design": färger, grafik, ikoner och logotyp. Detta är ett sätt att kommunicera mellan man och system. För att utformningen ska vara bekvämt löste jag problemet och "sålda" produkten där det finns ett antal regler och trender, som följer UX / UI-designers för att uppnå sitt mål:
- Förenkla användarinteraktionen. När användaren interagerar med programmet har den ett specifikt mål. Och som regel är de mindre ansträngningarna som användaren är knuten till att uppnå detta mål, desto bättre är användarupplevelsen. Ett bra exempel är en linjär vägdesign, när varje steg av användaren åtföljs av genomförandet av endast en åtgärd.
- Färg som ett funktionellt element. Färgvalet lämnar inte bara estetik, det här är en del av användarinteraktionen. Färg-Accence Tool på det viktigaste. Till exempel kan designers använda färger för att skapa en visuell skillnad mellan olika typer av anmälningar.
- Dialog design.Användare använder ofta endast tre applikationer, och åtminstone en av dem är en budbärare. Människor älskar att kommunicera. Därför blev chatbots och rösthjälpare, förstärkt av artificiell intelligens, trenderna de senaste åren.
- Emotionell interaktion.Även i kommandoradsgränssnittets era använde vi emoticons (uttryckssymboler) för att förmedla dina känslor. Människor tenderar att skapa känslomässig kommunikation med alla använda produkter. Som ett resultat, när vi interagerar med produkter, förväntar vi oss reaktioner som liknar människan.
Den mobila applikationsmarknaden utvecklas, enheterna blir smartare, och designers hittar alla nya visuella lösningar för att "lösa" smarttelefonen. Allt detta för att tillgodose användarnas och affärs behov.
Vad är liknande design och marknadsföring?
Marknadsföraren och designer ställer upp uppgifter och uppnår mål baserat på bedömningar, analys och forskning, specificitet, krav och publik. Designers lärde sig vara emphatam, för att för att utforma ansökan behövs mycket kunskap om konsumenten och hans beteende. Detsamma används också marknadsförare för att hålla en framgångsrik reklamkampanj. Affärs framgångsformel är en bra design + bra marknadsföring.
Marknadsföring och design kopplar företag (produkt), nämligen att förutse det framtida svaret och intryck, utforma beteende, ny erfarenhet och beteendeplanering baserat på befintliga modeller.
Slutsatser
- Uppgift UX / UI-design - "sälja" produkt eller tjänst via gränssnittet. Det är baserat på UX / UI-designerns arbete en användare fattar ett beslut: "Var eller inte vara?", Jag gillar det eller ogillar.
- UX (användarupplevelse) Design är ansvarig för funktioner och egenskaper, det här är processen att skapa en produkt som är användbar, lätt att använda och trevlig för interaktion. UI-design är en visuell design av "produkt": vad man ska använda färger, oavsett om det kommer att vara bekvämt för en person att få ett finger i knapparna, om texten kommer att läsas.
- För att utformningen ska vara bekvämt löste jag problemet och "sålda" produkten där det finns ett antal regler som följer UX / UI-designers för att uppnå ditt mål:
- dialogdesign;
- färg som ett funktionellt element;
- förenkla användarinteraktionen;
- emotionell interaktion.
Som regel avvisas marknadsförare från den skapade produkten och bestämma vem som ska vara affärskunder. Designers dras tvärtom, först undersöka kundens problem och skapa en lösning för den - en produkt. Binder dem vad design och marknadsföring tjänar målen för verksamheten (produkt).
Om du har hittat en typo - markera den och tryck på Ctrl + Enter! Du kan använda för att kontakta oss.
För inredaren blev det vanligt att bära lägenhetsplanen, rouletten och en oumbärlig RAL-palett. Men nu är det inte nödvändigt att göra detta: tack vare en mängd olika tjänster och applikationer kan du skapa ett rumsdrag med en 3D-modell, hämta en färg för det framtida interiören eller välja en ny soffa eller en bild med hjälp av förstärkta verklighetsteknik ( Ar). Byn frågade inredningsdesignerna att berätta om sina favorit smartphones-applikationer som kunde använda dem som bara är intresserade av design eller gör reparationer.
Alena Gorskaya
Faradisera
Faradise är en mobilapplikation som använder tekniken för förstärkt verklighet och låter dig prova ämnet i det befintliga interiören: det är tillräckligt att bara skanna rummet och placera den önskade modellen på skärmen på smarttelefonen. I huvudsak är detta ett lättanvänt verktyg som inte kräver dyra kringutrustning eller speciella färdigheter.
"Colorimeter ar"
Applikationen kommer att vara lika användbar både webbdesigners och 3D-visualiseringsmedel och de som bara gör reparationer. Tack vare det är det möjligt att bestämma den önskade färgen i bilden eller ett riktigt objekt, för att få koden i RGB, CMYK- eller HEX-system och välja de närmaste nyanser på Pantone-kodningssystemet, som används vid markering av färger och lacker.
Camtoplan.
I Camtoplan kan du bestämma storleken i det horisontella planet. Samtidigt behåller ansökan hela dimensionskedjan, som samlar en mätplan från den, som kan exporteras för vidare arbete i vilket program som helst för inredning. Han betraktar också området i rummet och vet hur man bestämmer venslarna på golvet, även om de är belägna för möbler.
Verktygslåda.
Möjligheterna till verktyg i verktygslådan är blygsamma än i föregående applikation, men deras nummer är imponerande. I den uppsatta finns både en enkel roulette, ett fordon eller plumb och verktygslåda för att bestämma spänningen på magnetfältet eller höjden över havet, vilket är oumbärligt för självkonstruktion, såsom stugor.
Planner 5d.
Plattform
Pris
villkorligt gratis (de flesta inre objekten är upplåst endast på en gång eller månadssabonnemang)
Vad kan
skapa ett designprojekt med ett urval av material och möbler
Ett enkelt verktyg för att skapa en visuell layout av reparation gör att du kan dra tillbaka i reella storlekar, en lägenhet eller ett herrgård, hämta efterbehandlingsmaterial och möbelartiklar och få en ungefärlig uppfattning om vad du vill ha från din reparation. Det är sant att den här applikationen inte är en marknadsförare, så alla inredningsprodukter ges utan bindning till nätbutiker - du måste leta efter sakerna dig själv.
Anastasia haloptsev
Sketchup Viewer.
Ett enkelt program som låter dig arbeta med 3D-modeller, bygga och fylla utrymmet. Det är användbart som professionella för skissarbete och resten för att belysa dina idéer. I allmänhet kan det naturligtvis inte fungera som ett alternativ till allvarliga arkitektoniska eller 3D-program, men det kan användas som assistent för en tankesignprocess, när det finns tid, och det finns ingen dator till hands: i tunnelbanan, i linje och så vidare.
Adobe Capture CC.
Ett mycket bekvämt och multifunktionellt program är extremt enkelt att använda som hjälper till att välja en harmonisk färgsegel för inredningen. Med en eller två set färger kan du hitta flera andra lämpliga enligt olika färgscheman och komplettera rummets färgkort. Alla skapade färgkombinationer kan sparas och justeras därefter.
Användbara tips om hur du uppnår en kvalitetsdesigner som omfattar dina mål. Processen, kostnaden och metoden - allt detta i vårt nya inlägg.
Vi såg alla exempel på hur designen orsakades av framgången med en mobilapplikation. Hype höjdes runt de genomsnittliga projekten på grund av färsk design, och några underbara idéer var under skiktet av ett hemskt gränssnitt. I den här artikeln kommer vi att sönderdela processen med att skapa en design för mobila applikationer på hyllorna. Så vart ska man börja?
bestämma målgruppen
applikationer och dina affärsmål
Som företagschef eller projektledare är du ansvarig för att svara på dessa viktiga frågor innan du fortsätter att skapa själva ansökan. Vem är din målgrupp? Vad gillar hon? Vilka applikationer använder det varje dag? För vad? Tänk på dina mål. Hur kommer du att tjäna pengar på programmet? Vilken affärsmodell kommer att välja?
Fortsätt inte för att designa utformningen av programmet utan att besluta med svaren på alla dessa objekt.
hitta designer
Om du läser den här artikeln har du sannolikt ingen designer i staten. Frilansdesigners bor på dribbble och behanser. Välj en sådan specialist vars portfölj motsvarar din smak.
En bra lösning kommer att anställa ett helt team bestående av designers, utvecklare, testare och projektledare. Så du får inte bara design, utan ett heltal. Att anställa ett företag, inte frilansare, du får ytterligare färdigheter: Analytics, UI / UX-design, mobil och webbutveckling, etc. De är ett lag, så de har en väletablerad affärsprocess, det kommer att spara dig tid jämfört med en uppsättning av obekant till varandra frilansare. Lag placeras också på plattformar, så försök uppåt.
Var också uppmärksam på kundens återkoppling och betyg. Brist på rating betyder inte nödvändigtvis att laget är dåligt, de kunde bara bara registrera sig på plattformen. Men risken i det här fallet kommer givetvis att vara högre.
berätta allt
Enkelt, men väldigt viktigt föremål - berätta för din designer om den framtida ansökan. Alla dina tankar om målgruppen, vilken bild du vill skapa, vad är strategin för penetisering, vilka applikationer som du när det gäller design, än du kommer att stå ut bland konkurrenterna och så vidare. Dela inspiration och lyssna noga på feedback från designern.
Försök att komma överens om alla poster i förväg. Om en specialist vägrar att följa principerna om "platt design" för Android-applikationen, säg farväl och hitta en annan. Glöm inte att leverera designern med alla aktuella riktlinjer med ditt företag. Även om de är för en webb, kan det vara till nytta i ansökan.
få prototyp
En bra designer börjar alltid med en prototyp - en arbetsmodell för den framtida ansökan. Skapar alla applikationsskärmar, det är element och ställer in elementets anslutning. Med hjälp av en sådan prototyp kan du "svälla" det framtida projektet, hitta och eliminera fel i UI / UX. Prova prototypen för vänner eller fokusgrupp för att förstå hur de använder applikationer som du antog.
Prototyping kostar pengar och det tar tid, men det här är ett mycket viktigt stadium. Tack vare prototypen kan du noggrant bestämma kostnaden för utformningen av programmet, så du kommer att veta exakt hur mycket som kommer att spendera. Vi överväger att visa att prototyper är det bästa verktyget - det finns möjlighet att kommentera design, vilket är mycket bekvämt.
få design
När tidslinjerna och kostnaden anges, kan designern starta kreativitet. Håller med om att du kommer att titta på skärmar när du läser och skickar feedback. Om du arbetar med en frilansare, var uppmärksam på hur du får material. Alla källor måste beställas i mappar i enlighet med projektstrukturen, mappar måste vara tydliga namnen, så att utvecklaren inte behöver spendera tid för att lösa ciphers. Idealiskt bör designern lämna kommentarer för utvecklare, särskilt på komplexa platser och göra en fil med skärande beteende hos alla element (gränssnittsriktlinjer, GUI).
I årtionden var det mest populära programmet för att skapa grafik Adobe Photoshop och hans kamrater på kreativ svit. Nu är skiss mycket populär, eftersom det skapades speciellt för gränssnittsdesigners. Vi är i "Cult Work" vi använder båda: Välj beroende på typ av grafik.
testa och utveckla en ansökan
Det är omöjligt att göra ett framgångsrikt utkast en gång för alla. Du måste lägga till en ny funktionalitet, ändra något, styrd av statistik och feedback från användare. Så, att välja en designer eller kommando, diskutera frågan för ytterligare stöd för ansökan.
Native eller Cross-plattform
ansökan - vad ska man välja?
Om du har ambitiösa planer och det finns en budget, välj alltid inbyggda applikationer. De arbetar bättre och ser bra ut. Användarens beteende på Android och IOS är något annorlunda, så det bör övervägas. Applikationsgränssnittet måste utföras i enlighet med de installerade guiderna, såsom materialdesign för Android. Så du kommer att garantera en hög nivå av användarhållning och kommer att vara nöjd med kohortanalys.
Men ibland är plattformsansökan den bästa lösningen. Vi pratar om när du behöver göra MVP (produkt med minimal funktionalitet) på kort tid och begränsad budget. Fördelen med denna lösning är att du inte behöver anställa programmerare för varje enskild plattform - en kommer att räcka.
Hur mycket är utvecklingen av mobilen
applikationer?
Mobil applikationsdesign kan inte kosta billigt, men det här är en viktig investering i hans framtida framgång. Kostnaden för arbete beror på landet. Till exempel är "Cultprosvet" baserat på, kostnaden för designtimmen börjar från $ 25. Här är kostnaden för några av våra verk:
Aegle
Detta är en plattformsansökan som hjälper användaren att förbli i form. Med det kan du planera komplexa träningspassar, titta på video tutorials med övningar och spåra ätit en vecka. Det finns också en kaloriräknare och ett "separation" -läge, där du kan spela in all den ätna snabbmat. Vi gjorde utformningen av denna IOS-applikation, tillbringade 57 timmar på 13 skärmar. Den totala kostnaden är $ 1430.
Flugmykard
Tjänsten som låter dig skapa vackra virtuella vykort och skicka dem till vänner, liksom hitta nya vänner från andra länder. Du kan välja ett foto, lägga till en ram och text och skicka resultatet till en nära person eller en ny bekantskap. Klienten ville ha både Android, och iOS-versionen av programmet, så att vi behövde 73 timmar för att skapa 18 skärmar, och priset var $ 1840.
WayGo.
Ett ganska komplext projekt: ett socialt nätverk som gör att du kan bekanta dig med nya människor, baserat på vilka saker du gillar och vilka platser besöker. Olika roller är tillgängliga för användare, och det finns många funktioner i själva applikationen: du kan söka efter institutioner och platser, läsa historier om dem och skapa ditt eget innehåll. Vi har skapat 32 skärmar för IOS och Android-applikationer, tillbringade 120 timmar, och kostnaden var $ 3000.
Mobil applikationsprototypplattform. Skapa interaktiva prototyper och simulering av grundläggande användaråtgärder med stöd av stora webbläsare. Det finns en redaktör, Prototype Creation-panelen och spelaren för att se den interaktiva prototypen i arbetet.
Den färdiga prototypen kan testas på den verkliga mobilbyggnaden eller i webbläsaren.
2.
Verktyget för att skapa mocapas på HTML5 med ett enkelt gränssnitt och en uppsättning former, knappar, fält, behållare och grundläggande gränssnittselement.
Innehåller mallar för prototypning av applikationer för iPhone och iPad.
3. UXPIN.
Verktyget för snabb skapande av prototyper baserat på enkel markering från noll. Det är möjligt att kontrollera iterationer, redigering och gemensamma kommentarprojekt av flera designers och utvecklare i realtid.
4.
Ett av de mest populära verktygen för prototypning av mobila gränssnitt och applikationer. Ingår - dussintals och hundratals ikoner och gränssnittselement. Det finns mallar för flera grundläggande smartphones och mobila operativsystem.
5.
Plattform för design och prototypning av mobila applikationer för iPhone, Android-smartphones och iPad. Stödjer arbete med widgets.
6. Vätska
Bauser-applikation på HTML5 för att skapa interaktiva prototyper av mobila applikationer för Android, iOS och Windows 8. Stödjer redigering genom att dra, animering och bibliotek från 1700 + färdiga gränssnittselement. Det finns ett tillfälle att exportera designprototyper i olika typer av dokument och bilder.
7. Axel.
En interaktiv prototypgenerator med möjlighet att snabbt redigera och hämtas bibliotek för ramar med ramar för iOS, Retina-skärmar, bibliotek för iPhone, iPad och Android.
8.
Snabba applikationsramverktyg och bibliotek med element för prototypning med stöd för designdesignapplikationer för iPhone, Android, iPad och Windows-telefon.
9.
Kraftfull plattformsdesigner med stöd för 2D- och 3D-animeringar av färdiga prototyper. Designerns prototyper kan exporteras och installeras på iPhone, iPad eller Android-smarttelefonen för vidare testning.
10.
Ett enkelt verktyg för ramination och prototypning med snabbdragningsstöd för ett par klick. Det erbjuder två grundläggande fält för att utveckla en mall eller prototyp: Visa i webbläsarfönstret och vy över skärmen Smartphone. Stödjer designkoncept för horisontell och vertikal orientering av skärmen för mobila enheter (smartphones och tabletter).
11. Wireframe Sketcher.
Designerverktyg som skapar snabba skisser för prototypa applikationer med stöd för arbete som en extra lösning för Eclipse IDE. Det finns plugins och gränssnittselement ställs för de viktigaste mobila operativsystemen.
12.
Gränssnittsskapande verktyg och diagram för iPhone-applikationer.
13.
Webbansökan för prototypning med stöd för kliable gränssnittselement och en prototyptestmodul. Det finns simulatorer för iPhone och iPad.
14. Flair Builder.
Platt prototyper gränssnitt baserat på widgets och ett extra bibliotek av element. Vid utgången får du en fullständig HTML-prototyp av den framtida applikationen med effekter och intern struktur. Den färdiga prototypen kan exporteras för testning på riktiga enheter under iOS och Android.
15. iPhone mockup.
Ett verktyg för att skapa enkla mocapor för iPhone är lämpligt för en nybörjare som är engagerad i prototyper.
16.
Kraftfullt elementbibliotek i ett webbapplikation för prototypning, det finns stöd för CSS3-effekter. Stödjer samarbete på ett projekt och kommenterar i realtid.
17.
Prototictization baserad på både färdiga och designerelement som skapats av designern. Det är möjligt att exportera skisser till olika bildformat.
18. Mokk.me.
Snabb prototypdesigner med drag-och-släpp-funktionalitet och redigering av widgets. Resultatet kan testas på IOS och Android-enheter.
19.
Ger dig möjlighet att skapa klyvbar MOCAPA med möjlighet att navigera på elementen och prototypstrukturen för programmet. Det finns mallar för iPhone / iPad och Android-baserade enheter. Den färdiga prototypen kan exporteras till IPML, JPG, PNG, PDF eller HTML, eller skicka en länk till andra projektdeltagare för att diskutera och gemensam testning.
20. Pencil Project.
Avslutar valet av det öppna källverktyget för att utveckla diagram och gränssnittsprototyper med stöd av det inbyggda formbiblioteket och elementen och möjligheten att skapa visuella flödesschema för mobila applikationsdesigners.
