FörbiNick Carson
publiceras
UI-design kan skapa eller förstöra en webbplats eller app. Här är nio exempel som fick saker rätt.
Bra användargränssnittsdesign, eller UI-design, innebär att hjälpa användaren att slutföra en given uppgift så enkelt och effektivt som möjligt. Estetik är onekligen viktigt, men kärnan i bra UI-design är funktion.
Det betyder att navigeringen helst ska vara så tydlig och intuitiv att den känns osynlig. Om en användare går vilse eller inte kan komma på hur han ska uppnå det de vill göra, gör inte användargränssnittet sitt jobb (det finns många exempel på smärtsammaUI misslyckasatt visa det. Men nedan fokuserar vi på exempel på UI-design gjord på rätt sätt.
Webbplatserna och apparna nedan är inte speciellt nya, så vi pratar inte om trender. Men även efter ett par år gör de sitt jobb bra genom att de tillfredsställer användarens behov. Läs vidare för att ta reda på varför de är så framgångsrika och vad vi kan lära av dem. För att lära dig mer, registrera dig för vår onlinekurs,UX Design Foundations.
01. Montreux Jazz Festival
Det finns inget som att vara på en festival för att skicka dina FOMO-nivåer genom taket; det är alldeles för lätt att missa några riktiga pärlor oavsett hur många gånger du går igenom listan över artister. Men den här fantastiska delen av UI-design för Montreux Jazz Festival syftade till att hjälpa dig att se till att du får ut det mesta av din tid på evenemanget.
Det höll saker och ting vackert enkla och gav dig sex binära val som du kan svepa åt vänster eller höger för att göra det möjligt att bygga upp ett intryck av dina musikaliska preferenser – till exempel, föredrar du DJ:s framför band? När du är klar presenterar den ditt eget personliga program baserat på vad den tror att du kommer att gilla, komplett med länkar för att köpa biljetter.
Det är enkelt och intuitivt och även om du utan tvekan vill dubbelkolla hela programmet ändå för att försäkra dig om att det definitivt inte finns något du har missat, är det ett lysande sätt att hjälpa dig att snabbt borra igenom mycket information för att hitta resultat, till kärnan av hur enkelt ett användargränssnitt ska kännas.
02. Lutningsborste
VR i UI och UXär ett gränsområde just nu. Det som fungerar på en platt skärm fungerar inte nödvändigtvis så bra i VR, och att bygga en effektiv och användbar VR-app som du kan använda i timmar utan att bli åksjuka kan vara en stor utmaning.
Så det är fantastiskt att se en VR-produkt som GooglesLutningsborste– som låter dig bygga upp 3D-målningar i en virtuell miljö – som inte bara fungerar, utan är så intuitivt att använda, och med så fantastiska resultat att konstnärer redan införlivar det i sina kreativa arbetsflöden.Gå den här vägenför några utmärkta proffstips för att komma igång med denna spelförändrande kreativa app, som visar hur användargränssnittet kan tillämpas på nya områden.
03. Mönster
Olympia Noise Co:s iOS-trummaskin,Mönster, var olik alla vi sett tidigare. Istället för att ordna din rytm på ett rutnät som alla andra musikappar, använder Patterning ett cirkulärt gränssnitt för den grundläggande verksamheten att lägga ut dina beats, med färgkodade trummor så att du enkelt kan se vad som är vad.
Utöver grunderna gör Patternings smarta men minimala användargränssnitt den mer komplicerade verksamheten med att sekvensera längre låtar från individuella mönster mycket mindre utmanande, vilket gör att du enkelt kan skapa variationer på mönster och sedan passa ihop allt.
Det krävs ett lika enkelt tillvägagångssätt för att få allt att låta bättre också; både mixern och FX-gränssnittet är genomtänkt utformade med djärva visuella signaler som hjälper dig att få det ljud du vill ha utan att fastna bland outgrundliga kontroller. Appen visar att även om många UI-konventioner finns av en anledning, ibland kan en radikal avvikelse vara helt motiverad när den hjälper användaren.
04. MailChimp
Skapande och hantering av nyhetsbrev kanske inte är den mest spännande uppgiften i världen, men den vackert designade, intuitiva användargränssnittsdesignen avMailChimpgör det så mycket mer tilltalande. Sedan den senaste omdesignen är webbgränssnittet rent, platt och i första hand typografiskt.
När ditt konto skapas för första gången balanseras det klassiska problemet med "tomt konto" innan din första kampanj startar upp av hjälpsamma, visuellt tilltalande användarguider. Det finns gott om vitt utrymme och tydliga uppmaningar leder nya användare genom varje steg i processen – i vissa fall till och med med en subtilt animerad pekare för att indikera var de ska klicka.
05. Papper för iPad
En flerfaldigt prisbelönt app designad för att hjälpa användare att vara kreativa på ett mer intuitivt, naturligt sätt,Papperlåter dig rita med fingertopparna med en överraskande detaljnivå - även om det också fungerar med en penna om mer precision krävs.
Designad exklusivt för beröring, har Papers UI-design inga knappar eller inställningar att oroa sig för – bara en serie specialiserade verktyg. Detta är ytterligare ett exempel som visar hur enkelt genomtänkt användargränssnitt kan få saker att kännas.
06. Saker
Sakerär en populär uppgiftshanteringsapp med en prisbelönt design som är intuitiv och lätt att plocka upp. Allt bygger på ett välbekant att-göra-lista-koncept. Den snygga, rena användargränssnittsdesignen är förindelad i listor för att hjälpa dig att kategorisera dina uppgifter: brådskande saker går i "Idag", något mindre brådskande kan vänta till "Nästa", medan "Schema" planerar längre fram.
Varje post fångar viktig information på en gång – titel, anteckningar och förfallodatum, samt taggar om det behövs för att hjälpa till att kategorisera allt. Det bästa av allt är att snabbinmatningsfönstret är tillgängligt var som helst med hjälp av en enkel kortkommando – och allt synkroniseras automatiskt över skrivbordet, iPhone och iPad.
07. Campaign Monitor: Worldview
En underbart originell idé som sätter en engagerande twist på e-postprenumerationsdata,Campaign Monitor: Worldviewöverlagrar information om personer som öppnar, klickar och delar din kommunikation på en Google-karta i realtid för både geografiska och personliga insikter.
Målsidan introducerar konceptet på ett omedelbart visuellt sätt, med exempelnålar som faller ner på en världskarta – och själva applikationsgränssnittet är uppfriskande rent, kretsar kring kartan och några grundläggande menyer för att kontrollera inställningar. Ett bra exempel på UI-design, detta visar hur enkel ikonografi och färgkodning kan identifiera olika kategorier av information på ett ögonblick.
08. Bild
Ännu ett exempel på platt design som får en potentiellt mycket komplicerad UI-design att se väldigt ren och intuitiv ut,Figurär en synthesizer och trummaskin för iOS från svenska utvecklaren Propellerhead, som också ligger bakom mjukvaran Reason för stationär musikproduktion.
Du kan trycka på pekskärmsplattorna, hålla fingret nere och rulla rytmhjulen för en rad olika ljud, eller svepa över skärmen för att spela olika toner i skalan. Det finns också hjul för att styra omfånget av toner du måste arbeta med, antalet toner i melodier och baslinjer, och olika flikar för att justera ljudet på en mängd olika sätt.
09. Kennedy
Det finns inget riktigt som att scrolla igenom en mängd gamla Twitter-uppdateringar och undra vad i helvete du tänkte på när du postade den där saken för sex månader sedan. Brist på sammanhang kan ofta innebära att något som var helt vettigt vid den tiden kan göras meningslöst månader eller år framåt.
Kennedy, en dagboksapp från den ständigt utmärktaBrendan Dawes, är utformad för att lägga till sammanhang till dina minnen. Du kan använda den för att skapa textanteckningar om vad du håller på med, precis som du kanske skriver på Facebook eller Twitter, och kanske lägga till foton till anteckningarna medan du håller på. Den smarta touchen är dock att Kennedy sedan lägger till ett extra lager av sammanhang genom att lägga till din plats, datum och tid, aktuella väderförhållanden, en nyhetsrubrik och, om du lyssnar på musik på din telefon vid tillfället, namnet på spåret du lyssnar på.
Resultatet är att istället för en torr ton som egentligen inte kommer att betyda så mycket längre fram, fångar du ett speciellt ögonblick med ett fylligare sammanhang, komplett med massor av uppmaningar som kan hjälpa till att få tillbaka ett minne i mycket mer detalj. Och Dawes rena design och smarta användargränssnitt håller allt enkelt och snyggt.
Relaterade artiklar:
- UX- och UI-trender för 2022
- Sex sätt att förbättra mångfalden i UX-design
- Debästa UI-designverktyg
Lär dig av experter och skaffa dig de färdigheter du behöver för att utvecklas inom det växande området UX-design. Anmäl dig till vårUX Design Foundations kursi dag.
Tack för att du läste 5 artiklar den här månaden* Gå med nu för obegränsad tillgång
Njut av din första månad för bara £1 / $1 / €1
*Läs 5 gratisartiklar per månad utan prenumeration
Gå med nu för obegränsad tillgång
Prova första månaden för bara£1 / $1 / €1
Få Creative Bloqs nyhetsbrev
Dagliga designnyheter, recensioner, instruktioner och mer, som valts ut av redaktionen.
Nick Carson
Nick är en innehållsstrateg och copywriter. Han har arbetat med byråer i världsklass inklusive Superunion, Wolff Olins och Vault49 med varumärkesberättelser, tonfall och verbal strategi för globala varumärken som Virgin, Pepsi och TikTok. Nick lanseradeBrand Impact Awards2013 medan han var redaktör för Computer Arts, och är fortfarande ordförande för domarna. Han har skrivit för Creative Bloq om design- och varumärkesfrågor sedan webbplatsens lansering.
Ämnen
UX
Inspiration
webb
Webbdesign
webbdesign
Relaterade artiklar
- Se glädjen som var Nintendos webbplats 2001
- De bästa Magsafe PopSockets 2023
- Denna radikala webbläsare låter dig remixa vilken webbplats som helst
- Den underbara nya Moog-webbplatsen kan vara det mest beroendeframkallande på nätet
FAQs
How do I prepare for a UI designer interview? ›
- Prepare well. ...
- Know about the company and your interviewer. ...
- Revise UX basics, even if you're an experienced UX designer. ...
- Take along with your portfolio and make sure to include your UX process. ...
- Answer the questions that you are asked. ...
- Take your time to solve a design problem.
- Tip 1: Become Familiar With the Common Types of UX Interview Questions.
- Tip 2: Practice Presenting Your UX Design Portfolio.
- Tip 3: Be Prepared for Design Challenges.
- Tip 4: Be Prepared for Remote vs. ...
- Tip 5: Apply Remote Interview Best Practices.
- Interview Prep Checklist.
- Key Takeaways.
While answering this question, always use examples. Use something from your portfolio to demonstrate the challenges you have faced as a UX designer. Talk about a project that made you work on something challenging and how it helped you develop a new skill. They want to know how you solve problems.
Is becoming a UI designer hard? ›Learning to be a UI designer is not easy. Trust me, I've been there! There are specific skills and traits that will make your journey into this career go more smoothly and I've listed a few of them for you below.
What is your weakness as UI UX designer? ›For strengths, you should mention how creative and empathetic you are, as these are expected traits in UX designers. For weaknesses, consider mentioning how a less creative role would stifle your interest or you'd struggle to maintain a sense of intellectual curiosity in a mundane job.
What are the 3 top things you would like to learn about being a UI UX designer? ›- Prototyping, wireframing, user flows, mockups. A huge part of the product development process is envisioning what a product will look like. ...
- Visual design and design software. ...
- User research and usability testing. ...
- Agile. ...
- Information architecture. ...
- Application development.
“I should be hired for this role because of my relevant skills, experience, and passion for the industry. I've researched the company and can add value to its growth. My positive attitude, work ethics, and long-term goals align with the job requirements, making me a committed and valuable asset to the company.”
Do UI designers get paid well? ›Experience plays a critical role in determining one's UI design salaries. Entry-level positions tend to pay $55,000 a year, while senior designers can make upwards of $95,000, and well into six figures.
Can you become a UI Designer in 3 months? ›The short answer is: yes. You can acquire the fundamental skills to become a UI Designer in just three months. This is achieved through bootcamp courses in UI design that feature comprehensive learning designed to jumpstart a new career.
Do UI designers make a lot of money? ›As you gain more experience within the industry, you might decide to move into such hybrid roles—and can naturally expect to be paid more. According to job sites Glassdoor and PayScale, the average salary for a UI developer is $98,546.
What to expect in a UI design interview? ›
It may, for example, involve evaluating a current website or answering a hypothetical user interface problem. Throughout the hiring process, you will be answering a mix of technical and behavioral questions. These questions will test your knowledge of UI design as well as your fit with the company culture.
How to learn UI UX design easily? ›- Step 1: Learn the Basic Concepts of UX Design. ...
- Step 2: Develop an Aesthetic Sense. ...
- Step 3: Invest in the Appropriate Design Software. ...
- Step 4: Create a Work Portfolio. ...
- Step 5: Request Customer Feedback. ...
- Step 6: Acquire Hands-on Work Experience.
Most UX hiring processes involve three rounds of interviews and each round is designed for a different purpose.
How do you know if a design interview went well? ›- You were in the interview for longer than expected. ...
- The interview felt conversational. ...
- You are told what you would be doing in this role. ...
- The interviewer seemed engaged. ...
- You feel sold on the company and the role. ...
- Your questions are answered in full.
- Tell the truth. ...
- Listen carefully to the interviewer. ...
- Never slight a teacher, friend, employer, or your university. ...
- Watch your grammar. ...
- Be prepared for personal questions. ...
- Wait for the interviewer to mention salary and benefits. ...
- Don't expect a job offer at the first interview. ...
- Close on a positive, enthusiastic note.
The key to cracking Low-Level Design interviews is to understand the importance & use of Object Oriented Principles and Design Patterns in the development of real-world applications and how these concepts make the application readable, maintainable, and extensible.
Can I do UI UX without coding? ›UI Designers do not need to code, but it is extremely beneficial if you have programming skills. Depending on the nature of the product, it's also not unusual for UI/UX design and development to be intertwined into a single process.
Is UI UX design easy or difficult? ›UX design can be challenging to learn for several reasons, including: Degree of difficulty. The skills needed to become a successful UX designer are fairly advanced, even for people who have a bachelor's or master's degree in design-related subjects.
Is it hard to get a UI UX job? ›It is hard to get a job in UX because of several reasons. First of all, many designers are looking for a job. Because of that, competition is fierce, and companies know it. They can go for someone with a lot of experience, even if the job doesn't require it.
Is UI UX design a stressful career? ›Key Takeaways. UX/UI design is among the top 30% of careers in terms of happiness, but it can also be a source of stress due to lack of company awareness about UX, imposter syndrome, long hours and tight deadlines, challenging problem-solving and constant learning.
What makes you a good UI designer? ›
Consistency is key to UI design as it increases products' learnability. Good UI design comes from creating a sense of familiarity and ensuring that everything on a screen makes sense and works in ways that the user expects it to work.
What makes a bad UI design? ›Traits of a bad UI: Sluggish and unresponsive – interaction will be slow and clunky. Complicated – the site will be hard for people to understand. Confusing – it will be unclear about where the visitor should go next.
What skills do you need to be a UI designer? ›UI designer skills
When hiring a UI designer, employers will want to see that you've mastered the following: Interaction design principles. Branding, typography and color theory. Wireframing and prototyping.
Clarity is one of the most important features in UI design. It signals to your users that you know what you are doing and that the app they are using is trustworthy. Clarity in UI design can come from consistency, simplicity, and truth in messaging. If you are consistent with your design, it will be clear to users.
What makes you stand out as UI UX designer? ›Networking is essential to success in the UI/UX industry. By sharing your work on various platforms, engaging on LinkedIn, joining design communities, writing about your journey, and being active on design Twitter, you can increase your exposure and make meaningful connections to stand out.
Why should we hire you best answers? ›Show that you have skills and experience to do the job and deliver great results. You never know what other candidates offer to the company. But you know you: emphasize your key skills, strengths, talents, work experience, and professional achievements that are fundamental to getting great things done on this position.
Why should we hire you 5 best answers? ›You should hire me because I have the qualifications, experience, and attitude to contribute to your company. I am a quick learner, adaptable, and possess excellent communication and problem-solving skills. Furthermore, I am passionate about this field and eager to contribute to your team's success.
Who gets paid more UX or UI? ›The demand for designers in the technology industry is at an all-time high, with User Experience (UX) and User Interface (UI) design disciplines leading the way. Despite the interdependence of these two fields, UX designers tend to earn more than their UI counterparts.
How much is a UI designer hourly? ›Job Title | Range | Average |
---|---|---|
User Interface Designer | Range:$19 - $53 | Average:$32 |
User Experience Designer | Range:$20 - $69 | Average:$36 |
Senior UX Designer | Range:$47 - $88 | Average:$66 |
Visual Designer | Range:$26 - $66 | Average:$44 |
The average ui ux designer salary in India is ₹ 800,000 per year or ₹ 321 per hour.
How fast can you learn UI? ›
Bootcamps include around 30 hours of instruction, while certificate courses are longer. You should be able to complete the courses and be looking for your first job in UX/UI Design in a few months to a year.
Can you be a self taught UI designer? ›While some designers choose to join a UI/UX design course or a bootcamp program, a lot of phenomenal UI/UX designers are self-taught, at least in the beginning.
Can you be a UI designer without a degree? ›You do not need a degree in a specific field to become a UI Designer. Certainly, a background in design can help you get started, but in reality, anyone can learn the necessary skills to land a career in UI design.
Can you make 200k as a Ux Designer? ›Employees as Ux Designer earn an average of $168k, mostly ranging from $122k to $496k based on 1710 profiles.
What is the highest salary of UI designer? ›UI Designer salary in India ranges between ₹ 1.5 Lakhs to ₹ 9.0 Lakhs with an average annual salary of ₹ 4.0 Lakhs.
What does a UI designer do all day? ›A UI Designer designs user interfaces, usually for digital applications such as the web, mobile, or video games. They build visual and interactive elements such as buttons, menus, and widgets. They also develop prototypes and refine their designs based on information gained from user research.
What skills do I need to be a UI designer? ›- Creativity and design skills. Creating UI designs with attractive features, enticing visuals and responsive interface elements requires a flair for creativity. ...
- Technical skills. ...
- Industry knowledge. ...
- Attention to detail. ...
- Problem-solving skills. ...
- Planning skills. ...
- Teamwork skills. ...
- Communication skills.
Sample answer for a UX/UI Designer
I have a keen eye for detail and can conduct thorough user research to gather insights and iterate on designs. By leveraging my skills in prototyping and usability testing, I can contribute to delivering exceptional user experiences and driving user engagement.
You enjoy design: Many people want to become UI designers because they enjoy constructing and curating visual experiences for people. They may have artistic talents that make them experts at understanding and building the aesthetic of a brand.
Is UI designer job stressful? ›UX/UI design is among the top 30% of careers in terms of happiness, but it can also be a source of stress due to lack of company awareness about UX, imposter syndrome, long hours and tight deadlines, challenging problem-solving and constant learning.
Do you have to be good at drawing to be a UI designer? ›
UI design does not require you to be an artist – you'll be good if you can draw simple shapes like squares and circles. Check out this video for proof.
Can anyone be a UI designer? ›If you are pursuing a career in UX/UI design, coding is not an essential requirement. To become a UI UX designer, you need to have a knack for visual design, an understanding of the psychology of human-computer interaction, and knowledge of web design combined with strong creative and technical skills.
How do UI designers make money? ›- The first, most common, and only way to get maximum income as a beginner is through freelance work. Freelancing. ...
- Participate in design contests. ...
- Creating and selling design resources. ...
- Writing. ...
- Conclusion.
Rather than offering a set number of the salary you expect, provide the employer with a range in which you'd like your salary to fall. Try to keep your range tight rather than very wide. For example, if you want to make $75,000 a year, a good range to offer would be $73,000 to $80,000.
Why should we hire you with no experience? ›Why should we hire you? Make your lack of experience work in your favour. Use this as a strength and tell the panel you are fresh, enthusiastic, hungry and ready to get started! You want the panel to hire you because of your passion for this job and how much you are attracted to their company.
Why should we hire you sample answers? ›“I should be hired for this role because of my relevant skills, experience, and passion for the industry. I've researched the company and can add value to its growth. My positive attitude, work ethics, and long-term goals align with the job requirements, making me a committed and valuable asset to the company.”
What are the 4 types of user interfaces? ›Types of user interfaces
menu-driven user interface. touch user interface. voice user interface (VUI) form-based user interface.
First and foremost, user research is all about understanding your users. A good UX designer will help you design products that work well across a variety of use cases—from mobile to desktop, as well as a wide variety of audiences. A UX designer should be able to elaborate on how they think of, and engage user research.
Why is good UI design so hard for some developers? ›Good UI design is hard because it involves 2 vastly different skills: A deep understanding of the machine. People in this group worry about code first, people second. They have deep technological knowledge and skill.