fabiochiu/medium-articles huggingface dataset:
UI And UX Are Two Terms That Are Used Interchange What Is The Distinction?
By: Praveen Singh Shekhawat
Tags: Ui Ux Design Solutions, Ui Ux Design, Hire Ui Ux Designers

UI And UX Are Two Terms That Are Used Interchange What Is The Distinction? Praveen Singh Shekhawat Jul 7·3 min read

UI, UX, they are similar yet they are different, think of them as fraternal twins for Web Design Solutions and App Design Solutions. Think of UX as the doctor of the body, maintaining the overall health of the body while UI brings on the sexy and keeps the body looking fine. Clear as mud, right? To further complicate matters, depending on whom you ask, UX and UI are either wholly separate, or they overlap, or UI is a subset of UX. Let’s untangle the madness and take a closer look at the differences between the two.

​

UX stands for user experience. The UX designer will build a relationship between the company, its products and their customers. They will concentrate on the Why, What & How of the product use. For example, people may visit your site to research what is the best kind of cat that will make a great companion for their small apartment lifestyle. In this scenario, the UX designer might research people that are cat lovers and figure out what is important to them. They will find out what is of value to the cat lover when looking for assistance to finding their next furry feline. The UX designer will ask questions, observe people, make prototypes and do some testing to validate their business and product value propositions. The UX designer will likely design the user flows, the steps that a user would take to move through the web site. The design is then passed off to the UI designer.

UI stands for user interface. UI deals with visual design, the look, the feel of the site. For example the UI designer will design the buttons, icons on your site so they are appealing. When the user clicks the button the UI designer might make sure it changes in a way so the user knows they were successful in moving into the next task they selected. The UI designer will choose a color scheme and typography that will be both attractive and simple to use. The color choices, typography will not be based on the UI designer’s personal preference but rather on the clearly articulated reasons specific to the personas developed by the UX designer.

To simplify what our fraternal twins do, the UX designer helps users accomplish tasks across platforms and services while the UI designer makes compelling and aesthetically pleasing interfaces that connect with humans. Next time you are wondering about the difference between UI/UX just think of the fraternal twins.

Conclusion: The simplest way that the term User Experience can be defined is the entire experience of a person using a particular product, system or service. To assure a good user experience, the product or service must meet all the requirements of the user. A good, innovative and easy to use user interface automatically translates to a good user experience. Make sure to look for a reputable agency for Hiring UI/UX Designers in the USA.
UI/UX First Principles: Reasoning
By: Nick Lawrence
Tags: Ui Ux Design

The power of not knowing

Beyond any trends or current design patterns that you see emerging before you, there is a tried and true principle which separates good and bad design, and that is the principle of not knowing.

It is far safer to assume that you don’t know when you think you do, than to assume that you know when you probably don’t.

Photo by Rahul from Pexels

Yes, that all-powerful thing that you are supposed to be able to do in every facet of your life, as beaten into you from cradle to grave; but the trouble is that you don’t know because you can’t know.

In the words of the immortal Sir Arthur Conan Doyle:

“It is a capital mistake to theorize before one has data. Insensibly one begins to twist facts to suit theories, instead of theories to suit facts.”

Where did these trends come from?

What users asked for them? When? Why? In what context, and for what purpose?

These are the big questions that require real thought and a commitment to truly understand your users.

Gather data about your users, sort it, categorize, analyze it, and draw a sensible conclusion from it that is testable. Do not assume and tell people that you know what’s best because, trust me on this one, you don’t know your users half as well as you think you do.
What is User Experience Design ?
Tags: Ui Ux Design, User Experience, UX, User Experience Design

User Experience design (UX) is the process that Design teams use to create products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function.

User Experience is how a person feels when interfacing with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth.

Things To Know About UX Design

UX design is an amazing discipline, but it cannot, or will not, accomplish certain things.

Tasks And Techniques Of UX Designers

UX designers perform various tasks at various points in the process. Here are a few things that they deliver.

1. A/B TESTING

2. USER SURVEYS

3. WIREFRAMES AND PROTOTYPES

4. USER FLOWS

5. STORYTELLING

6. DESIGN PATTERNS

7. USER PROFILES AND PERSONAS
Gamifying the referral system — UI/UX case study
By: Parth Pandav
Tags: Ui Ux Design, User Experience, Ux Strategy, Gamification, Ready Player One

Problem Statement

Meta currently has a gamification system that takes into account number of minutes spent watching lessons and uses this to assign a Level to you. This Level is publicly shown against your name and on your profile.

The next step is to create badges that will show up on your profile to reward you of actions you’ve taken. For a start, we’re going to start with modifying the current referral system to introduce badges.

I started out by understanding how gamification and game mechanics work and also understanding how a referral system works.

Understanding Gamification

“Gamification” stands for the technique of exerting game mechanics into the non-game environment, such as websites and mobile applications. The purpose of gamification is usually to enhance the engagement of users on the platform. This is done by rewarding the the users for completing certain tasks. The rewards can be in the form of points, badges or cash or kind.

Understanding how a referral system works, introducing new touchpoints for the existing referral system.

Before applying the concepts of gamificaton, I started by understanding how a referral system works. What are the touchpoints in the existing app and where can new touchpoints be added to enhance the existing referral system.

Identified some instances where the users motivation to invite their friends might be maximum.
Daily UX Writing Challenge: Day 1
By: Siti Rahmadini Rasad
Tags: Daily Ux Challenge, Ux Writing, UI Design, UX Design, Ui Ux Design

My thoughts when I designed the copy:

Although it’s not requested, I decided to add the push notification since traveler might walk around the airport to kill time and if they’re on their phone, they probably don’t open the airline app immediately. A push notification would give them the alert they need.

For the headline, I think it’s better to be blunt and include the reason why, so the user won’t have an early panic mode.

In reality, bad weather is unpredictable, so with the “we also hope it would be over soon”, it would show that the airlines is empathizing with the user. Also, to reassure the user that the airline is still thinking about getting them to their destination as soon as possible, I thought reassigning them to the next flight might be the best solution, albeit temporarily.

I decided to put the new departure time in the message just in case the user didn’t find the new flight time fit for them and want to rebook or cancel right away.

For the second button, I was on the fence if I should write ‘contact’ or ‘call’, but since people who fly generally are busy people, I think it’s better to put ‘call’ so they could resolve it with the management right away. ‘Contact’ can imply that they have to click the app numerous times and it can be frustrating if there were errors in the process.
Gamification in learning app — Binar Academy (Ch 7)
By: Diandra Erdiputra
Tags: User Interface, Ui Ux Design, User Experience, Gamification, Mobile Apps

In this modern era, everything’s accessible through our smartphones. That includes learning app. We all can learn something new everyday, without even realising, even from apps that we don’t perceive as learning platform, like Instagram or Youtube. However, for people who take learning more seriously, they go further. Nowadays, we are being offered to many apps that will teach you literally anything. Language? Duolingo. New skills in creative industry? Skill share. Coding? Udemy. We name it and there will always be an answer.

Starting the course could be easy, what’s harder is to stay committed to a journey of learning that requires more of our time.

The stats don’t lie, online courses have a 10% to 20% higher failed retention rate than traditional classroom environments (Herbert, 2006). Totally, 40% to 80% online students drop out of online classes (B. Smith, 2010). https://journals.sagepub.com/doi/pdf/10.1177/2158244015621777#:~:text=Online%20courses%20have%20a%2010,Smith%2C%202010).

To make people more motivated and stay in their course (as long as possible), app like Duolingo gamifies their users’ learning journey. Features like leagues & leaderboard, lingot as currency, crowns, streaks are the main parts of their gamification. With all these features, users might feel that learning is not the sole purpose of using the app, but also to play a game, where they can be competitive and rewarded for being good at it.
Redefining product discovery at Razorpay — A UI/UX case study
Tags: UI, UX, Design, Product Design, Ui Ux Design

Redefining product discovery at Razorpay — A UI/UX case study

This is my journey of exploring an out of box solution to increase Razorpay’s product discoverability. Fardeen Follow May 3 · 10 min read

Some background context

Razorpay is an online payment solution in India. They have a comprehensive suite of products, somewhere around 20–25. The problem revolves around the discoverability of these products. The goal is to help people find what they need.

The problem statement was directly provided by Saurabh at Razorpay as part of the 10kdesigners masterclass. The duration of the project was 2 weeks.

Problem statement

To design a flow or a solution that helps discoverability of Razorpay’s products and suggests the one that is best for the customer.

Considerations

Razorpay’s website is the first touchpoint for a new user.

New users are low intent users that bounce fast if you don’t engage.

Organic users are usually high intent users that are business owners/decision-makers.

SEO(Search Engine Optimization) is important.

Understanding Razorpay

Before thinking about “how we solve this”, we need to ask “why are we solving this”. It was important that I first familiarize myself with the context before jumping into problem-solving mode.

Analyzing and understanding Razorpay’s product framework to validate the problem was part of my research. Given below is a set of observations and insights I gathered browsing their website.
Adding Gamification Scheme to Binar Application — UX Case Study
By: Alya Dhia
Tags: UI Design, UX Research, Ui Ux Case Study, UX Design, Ui Ux Design

Try the final prototype ✨here✨

Project Overview

About the project

Binar Academy is a non-formal education startup that aims to advance Indonesia’s technology ecosystem through android engineering, full-stack web development, product management, and UI/UX classes. To support students’ learning experience, Binar Academy provides a mobile application that let the students access reading materials, access challenges to pass every chapter, and access other information such as transaction and student ID.

However, Binar application still owns various shortcomings that leave room for improvements so that the application could be more useful and pleasant to use. Therefore, this revamp project was created as a process to find solutions to improve Binar application’s usage and users’ experience.

Binar Application version: 3.4.5

Tools

Figma as data synthesis and design tool Maze as usability testing tool Google Meet and Telegram as communication tool

Team

We manage to finish this project well, thanks to the good teamwork between the product managers; Tania, Tengku, Sani as well as the UI/UX designers; Alya (me!) and Diandra.

This project also received feedback from our mentor, Aimee Riana Dewi, and her expert peers on the UI/UX field and app development field.

Duration

Apart from the initial research done by our product managers, the project was scheduled to finish in 2 weeks with the following output and timeline:
Neumorphism: The New Skeuomorphism
By: Shubhi Goel
Tags: User Interface, Design, Neumorphism, Skeuomorphism, Ui Ux Design

Neumorphism: The New Skeuomorphism

With the latest update of the iOS, everyone got busy customising their app drawers and home screens to match their aesthetic. Not all remember the olden days of the cluttered homescreen with arguably garish icons that made it possible.

Skeuomorphism

Skeuomorphism in UI is when the design of the objects imitates its real life design. For example, the phone icon in cell phones looks like a traditional phone, despite the mobile phone looking completely different, and the contacts application looks like a phone directory.

The various icons resemble their real world design

Skeuomorphism was popular when touch screens were new because they lent a familiarity to the icons that allowed users to instantly recognise their meaning and thus enhanced usability.

So, buttons were glossy and looked like they were protruding from the screen, and the clock had a dial that you could intuitively scroll to set your alarm. But skeuomorphism didn’t just mean that buttons had to look glossy.

The buttons are placed similar to a physical calculator.

It also meant that the design of the object had to be recognisable for easy accessibility, for example, the digital calculator had the same buttons in the same exact placement as any other physical calculator.
A renewed focus on passenger experience
By: November Five
Tags: UX, UI Design, Product Design, Digital Transformation, Ui Ux Design

During an ongoing visual rebranding, November Five was brought in to define how the website could meet that ambition. Throughout a nine-month process, we advised and supported the Brussels Airport teams in extending the strategic vision to a digital platform, together with its roadmap, UX and UI design, and front-end development.

To make a substantial improvement to the passenger experience, we focused on analysing how, and where Brussels Airport can offer extra relevance. This means the website needs to effectively capture and facilitate every visitor’s intent; the reason they end up on the website.

With a mobile-first mindset — meaning a change of attitude in the way content and functionality is presented — we focussed on what’s essential, less but better.

This approach avoids overwhelming visitors with choices and options. Once we effectively capture and facilitate the visitor’s intent, we can identify commercial opportunities to promote products and services from the airport and its partners. This includes being aware of the role played by its many partners — airlines, shops, luggage handlers, and others — and synchronising with them.

DESIGN WITH SIMPLICITY, EVOKE CLARITY
The Creative UX Trends Of 2019
By: Designient, School Of Masterminds
Tags: UI Design, Ux Trends, UX Design, Ui Ux, Ui Ux Design

With the start of the New Year, we are eagerly looking forward to the responsive web design and UX/UI Design Trends that are going to show up in 2019.

Although may have supplied you user experience you think you find a few of them having a user interface as well as an attractive layout. The designers in the current time are effectively making the use of motion opportunities and videos for catching the users attention. These efforts are meant to maintain the visitor's online page. A lot of businesses with custom website design services are giving their best.

UX Designers Of Tomorrow Being Built

Check Out here 11 Web Design and UX Trends You’ll Notice in 2019 which are coming up to experience something unique. Generally, scrolls are used by designers, but some of the web site design bureaus use a scroll to grab the eye of the audience.

These kinds of websites also showcase their content in various ways. Other websites might still stick to traditional scrolling, but they still concentrate on several portions of the web site design explained down the page. Rotting Animations attempting to show more promotional content on the web site is an ultimate web site design strategy which will engage the visitors on your site.

The disruption company facilitated at leaving a brand new advertisement or innovative brand that’s created and is involved with their sites, every time you refresh the homepage.

There are several brands that call out as well as rotate the title of the article to target users attention. Therefore, each time a user visits an internet site, he’ll experience something distinctive on the site which leaves a good impact as well as a remark. Design Containing Gradients Gradient it’s a great feature to get the designers as they’ll get more space to play with a wide range of colors. This theory may be used to verify the usage of the correct number of gradients at user interfaces.

Digificate App by Chandra Khanthz — Designient School

Web pages provide gradients names plus they look natural. Bring gradients to user interfaces is easy, but we must be cautious while doing it. Overdoing must be avoided as it may take you far away from the realistic approach. According to color theory, it’s best to select subtle colors by relying upon a source of light.

Conclusion :

The users are spending a great deal of time on responsive websites and pages developed for providing reactive website design services. For learning more about UX/UI Design feel free to reach us here. The field is still evolving and so the demand — You might be just the one to fill that huge demand of UX Design Industry.
Instacart design challenge: focusing on the bill splitting experience
By: Tolu Olubode
Tags: Kleiner Perkins, Product Design, Instacart, On Demand, Ui Ux Design

01. Establishing Context

Instacart is an on-demand grocery delivery platform bringing groceries and other home essentials right to your doorstep. To achieve this, Instacart is set up as a crowd-sourced marketplace with users connected to shoppers who shop for ordered items and deliver them to the customers. It is one of the few successful players in the current generation of “Uber for X” marketplace startups.

As a busy college student with 3 busy roommates, Instacart is an invaluable part of our lives and is crucial to how we get things done. My experience using Instacart in this context became the root of my proposed feature idea.

As cash strapped students with similar food tastes, we often buy our Instacart groceries from one account and with the roommate who has Instacart Express (we all split the cost on it) handling this. We order common household groceries together and then communicate, what other personal items we’d like to buy. I like extra virgin olive oil (an extra cost than regular oil) and my roommate likes capellini pasta (I think it feels like eating hair). These items are unique to us and since groceries is a cash sensitive item for us, we really only want to pay for what we are consuming. Once our order has been placed, we begin the tedious task of fairly and transparently splitting the bills so everyone pays for only what they bought (house groceries and any personal items).

What if splitting the bill could be handled as part of our checkout process?

It is here that my idea of exploring a way to introduce fairness, transparency, and delight into the bill splitting process after an Instacart order for multi-person households starts.

I believe that unique opportunities lie in the nooks and crannies of a users journey throughout the experience of a product. For Instacart, this opportunity lies in simplifying bill splitting for its users. There is also an added benefit in encouraging users to batch orders increasing the number of higher cost orders.

In this submission, I approached the problem using a modified version of Google Venture’s Design Sprint process focused on tighter iteration and feedback cycles. It was my goal to understand the problem(drawn from focused research), ideate possible solutions, iterate through designs, quickly test them and perform a retrospective to understand the way forward.

I should also note that this is not the only problem I played with. I also mentally experimented with the following ideas:
UI and UX: Similar yet different. UI and UX, terms used mostly together…
By: Quecko Inc
Tags: Thinking, UI, UX, Design, Ui Ux Design

UI and UX, terms used mostly together, have been coming more and more into use as technology develops further. UI design means User Interface design while UX design means User Experience design.

UX refers to the experience of a possible customer with the product or the features of the product. This experience is what satisfies the user. UX design involves the effectiveness of the product that pleases the customer. UX design is what gives the product properties that will meet the customer's needs and desires.

UI design is a digital term. It is what the potential customer will interact with while looking at or using the product. Basically, it is the visual appearance, feel, and interactivity of the product. It involves fonts, spacings, text, lights, color schemes, icons, images, and much more, all that provides the customer with a visual appeal to the product.

In designing a product, UI and UX have an overlapping relationship but have different contributions. UI is how a product appears and UX is how the product functions.

UX designers research the needs of the customer and help address these needs by designing solutions to all kinds of problems they will face. UI designers research the visual appearance of the product and design all the small details the customer will see while looking at the product.

UI design is about creating aesthetically appealing interfaces to visually please the customer while UX design is all about finding user problems and solving them. UX design comes first as the idea of what the product is, while UI design makes it appealing. UX can apply to any kind of product, feature, or service but UI is only applicable to digital products.

While most people mix up the terms and their meanings, UI and UX are very different from each other. Both complement each other and for a successful product, one cannot exist without the other.
Things You Need to Know About UI/UX Design
By: Jenna Lee
Tags: UX Design, Ui Ux Design, UI Design

Source by Lifewire / Tim Liedtk​e

Then what is a good UI/UX Design? What are the factors that makes UI/UX Design successful. According to post from Studio by UXPin, user based research is essential starter for good UI/UX Design. Of course, keeping yourself familiar with common UI pattern is important but there are other factors we need to consider as good UI/UX Designer. When you working on a project, you need to make sure to constantly remind yourself who will be the users and what the users want. Let’s say we’re building dating application. This dating application will allow users to set up their profile, swipe left and right, pay for payment, chatting with their love interest and blocking creepers (Very important!). According to that, here will be some of user goals :

Set up nice profile and view other’s profile

Choose the one to chat with

Choose the one to block

Easy access payment system

After breaking down user’s needs and goals, now we’re ready to jump into designing part to meet user’s satisfaction.

A consistency of design pattern is considered to be crucially important in UI/UX Design. In UI Deisgn, stay using consistent color scheme, logo, fonts, panel and paying attention to some elements that take precedence over others will take big part of achieving good UI Design. For UX Design, a design that saves time and helping users to accomplish their goal by simplifying confusing elements makes UX Design more smoother and more perfect.

“Loving the work you do, and taking its ownership will give you enormous inner satisfaction and self achievement” — By Saadia Minhas

Regardless of UI Design or UX Design, the key for success is consistency and efficiency. If a task that takes more than five steps can be efficiently minimized by two steps, it would be ideal. However, most importantly, in order to come up with good UI/UX Design, you should love your work and sincerely enjoy designing. Meeting people, designing application for more efficient use, keep improving your design should bring you warmth and big joy to your heart.
Rover P6 Repair Shop Website Redesign
By: Lana Monson
Tags: UX Design, Ui Ux Design, Web Design, UI Design

Rover P6 Repair Shop Website Redesign

Personal Project | 10 hours Sprint | Design Tool: Figma, Artboard Studio

Redesign Project

OVERVIEW:

The challenge included redesigning any website from the global net. After a brief search of the worst websites of 2019 I chose to redesign a website for a small auto repair shop — MGBD Parts. I must admit that I immediately fell in love with this project. Here is a screenshot of home page.

Ugly, right?

But wait a minute and don’t judge the book by the cover…

The product is GREAT! This is a family-owned shop in England, United Kingdom. They sell exclusive auto parts and repair vintage cars. They keeping a history of Rover cars alive.

THE CHALLENGE:

The existing site is difficult for the user to navigate. It is confusing and overloaded. On average, people stay on a website for less than a half a minute. The goal of the project is to make an impression on current and future customers and provide a good User Experience.

The site is multifunctional — it contains a lot of information about specific auto-parts, repairing services and European Events for Rover Owners as well as News. The information on the website needs to be simplified without trimming the content. Everything needs to be organized into logical blocks-pages: Home Page, About and Contact Info, Services Provided, Photo Gallery, News, Events. Busy and overloaded homepage should be transformed into one that is clean, easy to navigate, and functional. The confusing navigation should be simplified. Fonts and colors must be simple, appealing, clean, readable and aligned with the brand guidelines.

3. This is not just a workshop website, it is a kind of fun-club community, that supports Rovers and carefully stores the history and a part of the culture of British automotive industry. Connoisseurs and admirers of the brand will appreciate complimenting the product with information about brand transformation and its history.

THE USERS:

Wealthy people of the middle and elder age, collectors and connoisseurs of British/English automotive history. With income decently above average. Busy lifestyle and high expectations wishing to have a good experience of thoroughly sorted information and simplistic navigation on the webpage.

THE PROCESS:

<Low Fidelity>

<High Fidelity>

THE OUTCOMES:

As a result we received a nice-looking, clean and neat website, which is concise, easy to navigate, functional, and fully aligned with the brand.
Storyboarding — a great tool for design or product thinking
By: Divya Ray
Tags: UX, UX Research, Storyboarding, User Experience, Ui Ux Design

Storyboarding in UX is an important technique — mostly overlooked, which helps in product thinking.

“Storyboard” the name itself suggests pinning down a story to a board so that it can be easily changed during the process.

Storyboarding in UX is a great tool for product thinking, it is a tool that helps in visualising, predicting and exploring the users experience and interaction with any product. It helps in understanding the why and how and the motivations and frustrations in the current product; giving a clarity to the situation. Above all of this, it helps in capturing attention, understanding context and depicting emotions which helps in taking different actions for developing any product.

It’s questioned often why there is a need of storyboarding when user journeys are done in the product development process. Taking a step back, user journeys depict the entire journey of the user with the product; and storyboarding is all about a particular event or situation. Storyboarding has some additional benefits like:

Visual Benefit — visuals/stories have a powerful impact than words. Emotional Engagement — the focus is on problems and situations rather than any feature; and the visuals help in connecting and gives a more emotional impact. Memorability — in a glance anyone can understand the flow.

As mentioned above, it gives a clear perspective and understanding about any scenario and helps in the thinking process on how to take things ahead.

When to do storyboarding —

Storyboarding is definitely done after user research once you have build on your persona and scenario.

Discovery Phase — helps in creating new product or service by summarising user’s story or problem after the research phase when you already know your persona Product Building Phase(existing/ developing product) — the users interaction based on user testing, interviews or analysis.

How to do —
Best Web Design / Development Blogs & Resource to Follow
By: Prince Rajshrestha
Tags: CSS, Ui Ux Design, JavaScript, HTML

In this post, I’ve listed some of my favourite Web design & development blogs that I check out from time to time. please note that they are organized in a particular form. Enjoy

#1 Css-Tricks

CSS-Trick is web-related articles on topics like HTML CSS JavaScript jQuery & Much More In is educational articles there are video code snippets, and a job board.

#2 webdesignerdepot

In the blog, you’ll learn about design, user experience, freelancing, accessibility, design and more. WebdesignerDepot also has a whole lot of freebies: free fonts, icon packs, templates, mockups and more.

#3 EnvatoTutplus

Tuts+ Code is a perfect learning hub with How-To tutorials, 1220+ courses, and 170+ eBooks on a wide range of topics: design & illustration, coding, web design, photo & video, business, music & audio, 3D & motion graphics, game development.

#4 StackOverflow

Stack Overflow is an open community for anyone that codes. We help you get answers to your toughest coding questions, share knowledge with your coworkers in private, and find your next dream job.

#5 Codepen.

CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets where developers can create code snippets, called “pens,” and test them visually
Best Web Design & Development Blogs & Resource to Follow
By: Prince Rajshrestha
Tags: CSS, Ui Ux Design, JavaScript, HTML

#1 Css-Tricks

CSS-Trick is web-related articles on topics like HTML CSS JavaScript jQuery & Much More In is educational articles there are video code snippets, and a job board

#2 webdesignerdepot

In the blog, you’ll learn about design, user experience, freelancing, accessibility, design and more. WebdesignerDepot also has a whole lot of freebies: free fonts, icon packs, templates, mockups and more.

#3 EnvatoTutplus

Tuts+ Code is a perfect learning hub with How-To tutorials, 1220+ courses, and 170+ eBooks on a wide range of topics: design & illustration, coding, web design, photo & video, business, music & audio, 3D & motion graphics, game development.

#4 StackOverflow

Stack Overflow is an open community for anyone that codes. We help you get answers to your toughest coding questions, share knowledge with your coworkers in private, and find your next dream job.

#5 Codepen.

CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets where developers can create code snippets, called “pens,” and test them visually
New trends and techniques for UI/UX design
By: Scott Heappey
Tags: Startup, Artificial Intelligence, Product Design, Biometric Authentication, Ui Ux Design

“… a fuelled addiction for new trends and techniques”

Cashless payments

Apple Pay and Android Pay are soon to be considered mandatory. By default, they should be an option – providing freedom – ability to purchase anytime and anywhere – offline and online. Other considerations are PayPal and Stripe – which leads to biometric authentication. Messenger and crypto currencies are also looming in the background.

Biometric authentication

Facial recognition, fingerprints, or voice recognition all aid in user satisfaction. Gone with the days of searching for usernames and passwords. Even then, the risks of staying logged in are less than on the desktop allowing permanent sign in or the option to log in directly from the email instead of going through the laborious task of updating the password.

Personalisation

There is a necessity to know precisely when, where, and how the users are doing what they need to do. We are constantly trying to get a location, currency, name, company name email address or phone number for both marketing and usability purposes. We want to give them a seamless experience, allowing them to find and/or purchase what they are looking for while guiding them through with reassurance. We can gather this information through timely prompts, social connectivity, marketing hooks or various API’s (ex. ConvertFlow).

Educate in context – ask in context

Through timely prompts for more information relevant user details can be requested. When showing a gallery, an email address can be requested to share, view and upload items or when viewing a map, the users location can be requested. Keeping in mind they may wish to add a different address than their current location – therefore requiring the option to enter a postcode.

The worst experience is when apps ask for the location as soon as it is opened. 9 times out of 10 the user closes it straight away as they have no purpose to provide it. Ideally the prompt is displayed in context – preparing the user for what’s to come and providing a seamless experience.

Improving the user experience is an ongoing process. Educate in context – ask in context. It’s a natural extension of personalised content – once we learn how users prefer to interact with the product we can deliver different experiences to different users with varied approaches.

Chatbots and messaging platforms

Mobile chat applications are amongst the most used apps on the market. Most likely we won’t see chatbots as a full replacement for regular GUI experiences, but they will be integrated into mobile apps to serve as assistants. Businesses will have real-time automated conversations with their customers.
Reimagining an OTT platform
By: Ranjeet Kumar
Tags: OTT, Case Study, UX Design, Redesign, Ui Ux Design

About the App

The availability of high-speed internet and its accessibility at a low cost has seen a surge in the number of streaming platforms in India. The most popular ones being Netflix, Amazon Prime, Hotstar, etc.

Main challenge for the OTT platform is complete with Sleep.

User Goal

Most of the people have busy schedules and choose streaming platforms as a way to relax after a tiring day or on the weekend. With so many streaming platforms available, there is an abundance of content to watch with very little time to decide which one to pick. The algorithm on the platforms that recommend shows based on the users’ watched history is not accurate.

Remember the last time you opened up Netflix to chill? You probably had to browse through “trending”, “recommended for you”, different genres, etc.

You start watching a show only to realise that it is not your cup-of-tea. You keep going back and forth between IMDB and Netflix to check if the ratings of a show are worthy of your time. Before you know it, you are exhausted, shut the platform and move on to other things.
Become a better designer quickly. Tips on how to improve your designs…
By: R P
Tags: Design, UI Design, Learn Design, Ui Ux Design, Courses And Training

Tips on how to improve your design fast

How do I become a better designer? And fast!!! This question has been typed into my google search box many many times over the past 15 years. Even though I have been in this industry for a long time now and have been practicing for a decade and a half, I still find myself asking this question. I’m pretty sure every designer on the planet (even the masters) ask themselves this from time to time.

We as designers, we love beauty, we enjoy elegance, find perfection in small details and get satisfaction from type scales and the golden ratio.

Being surrounded by amazing apps and beautiful sites 24/7 gives us endless opportunities to compare our work with other designers’ projects and lets that niggling little voice in your head keep whispering in your ear ‘you’ll never be that good!’

Why bother to become better at design?

We became designers because we felt inspired by the amazing designs we saw, used, and loved. We felt the need to create our own. How many times have you looked on a website, opened an app, or seen a layout and felt the desire to turn on the laptop, break out the Wacom and start mocking up something awesome? It happens to me on a daily basis!

But how often have you looked at your finished masterpiece and felt unhappy with the result? How many clients or art directors have asked for big changes or not been happy when you handed over that design you have lovingly slaved over all day? You go away to make your changes, or close your Sketch file and put it in the ‘I’ll come back to it another day folder’ and leave it to die with all the other designs you didn’t feel were working and ask yourself that same question: “How do I become a better designer?”
Principles of spacing in UI Design (Part 2)
By: Anna Tran
Tags: Accessibility, Design, Typography, Ui Ux Design, Front End Development

In the left, if you equalize spacing for all input fields, it seems tight and not look actively bad. The label doesn’t have a visual hierarchy. Moreover, the user can’t quickly scan them. The problem with the first card is the spacing of that labels don’t have breathing room necessary and divide the system-level sizing.

In the right, it seems perfect more and improves the legibility of the user. My approach is to start designing something with too much spacing, then remove it until you have an eye-catching design. You need to notice that you should have some difference between the spacing and divide the least three formats in your design (small, medium and large spacing) ( I mentioned it in part 1). In addition, they can support you to define the system. 16px is a great number to start because it divides nicely ( 4px = 16 x 0.25, 8px = 16 x 0.5, 12px = 16 x 0.75, …)

You usually start to add a bit of white space. If something is too cramped, you will add a bit more spacing until everything looks better in your design. By this way, you only have a minimum spacing. So you need more space. This way will take a lot of your time and not have a good result. One of the ways to have an elegant design is your design should start with too much white space.
Trust at first glance
By: Aman Khan
Tags: Ux Writing, UX Research, UI Design, UX Design, Ui Ux Design

Trust at first glance is so overrated. You need to educate users about you before you make them commit(signing up, buying products, etc).

Forming a bond with a person requires a good level of transparency. You “don’t” need to be like them. You need to be what you say you are. Humans don’t trust someone because they both have similarities.

It takes time.

When you make friends with someone or you fall in love, it’s always because you have known them for a while. Love, at first sight, is a memory your brain stores as important. That memory takes more space every time you think of them.

Tell them who you are, what you do, and how they can benefit from you before you pitch.

Focus on the customer journey

P.S. — Do you know why links like “about us” are placed first and “contact us” placed last?

**If you are looking for a User Experience designer that will help your business grow, DM me, let’s talk. I am open to opportunities

#uxdesigner #uidesigner #webdesigner #appdesigner #design #customerjourney #informationarchitecture
Tales from a UX/UI Student: Who am I?
By: Heather Lutz
Tags: Ux Writing, UX, Bootcamp, Ui Ux Design, Storytelling

Being a student ultimately means one thing, I still don’t really know what I’m doing. I’ve got my feet wet, but is this a puddle or a pond? Is the water clear or murky? Am I alone in this water or is there something lurking below? Basically, I don’t know what I don’t know and I’m still learning. I know I’ll never stop learning, but right now I’m in the thick of it.

Why are we talking about this, you ask? Great question. Because I want to share the one big lesson I have learned so far. And it wasn’t something I ever thought would be the case.

Going into a UX/UI Bootcamp I expected lots of lessons on best practices, understanding CSS, sketching wireframes…the usual. I never expected to learn that at the core of UX is Storytelling. And I couldn’t be more excited about it.

Most of my life I have enjoyed writing in some form or another. I’ve had blogs, I’ve written content for friends’ businesses, I’ve even had a piece published. All this from the comfort of my own home as I was a stay at home mom for the first decade of my adult years. I think part of the reason I love writing is because I love a good story. And one big reason I love UX is because there is always a story to be told. I have found a passion for empathizing with a user and telling their story. I have embraced the side of me that wants to convey a strong message and connect an outsider to those deep feelings.

I have discovered that in the UX/UI world there are many names (and many hats!) for what we do and what we call ourselves. It seems so far it’s almost just a personal choice. Product designer, researcher, writer, copywriter, content manager, director…the list goes on and on. No matter which title you prefer, or which role you embrace the most, we are all on this journey together.

Now, to answer the question that kicked this entire thing off, “who am I?”. Like I said at the beginning, I’m a student. I’m still learning and will always be growing and evolving. But the word I keep coming back to (when I feel overwhelmed, confused, or even downright lost) is Storyteller. Tell your users story well, with truth and enthusiasm, and you can never go wrong.
A Fun Way to Learn Web and App Design in Winter Club!
By: Larasti
Tags: Generation Girl, Ui Ux Design, Teaching, Winter Club

On the very first day, Nadia introduced the term of UI/UX and basic theory about the design process in the class. We also divided the class into 3 groups. I supervised for Group 1 (Janelle, Rania, Diva, and Arletta), Nadia for Group 2 (Shayna, Nawra, and Cathrine) and Dije for Group 3 (Pocut, Fayola, and Alaia).

As this was our first meeting, I captured their confused face when absorbing the lesson. I quite understood since this lesson was not relatable with their subject in school. However, as got closer to the group discussion, their understanding of the materials was clearer. The group discussion was about deciding which problems we wanted to solve for our final project. All the mentors tried to give independent will for the group to define their issue.

By the end of the day, I spotted a similar pattern on their selected problems. Overall they wanted to solve everyday difficulty! For the Group 1, they prioritized experience of getting lost in malls to be solved, Group 2 selected food & beverage offline branch long queue as their problem, and lastly, Group 3 attempted to dig up personal goals & planning issue.

To ease and stay enthusiastic absorbing the lesson, they indeliberately decided an issue that had significant relevance to their daily activity. It was also a plus for mentors since we could emphasize implicitly about the core trait of a designer, empathy.

🗂️ Gathering Data by Interview and Making Persona

Afterwards, on the next day, mentors presented how to gather data and make personas. The whole day was filled in with more practice materials than yesterday. At the beginning of the session, each team was assigned to plan a list of questions and directly interviewed it to other rookies outside their group members.

Subsequently, they discussed the interview result and made personas to define their targeted users. In this part, students allowed to make fictional characters based on their user target traits. They felt satisfied adding freely optional figures in the user personas! Group 1 added Trump photo in the persona whereas Group 3 added Susanti from Upin & Ipin. I’m glad that they managed to create a fun environment in the class while punctually finished the task 😃