fabiochiu/medium-articles huggingface dataset:
Transport Ticket Analysis and Draft UI
By: Suniv Ashraf
Tags: Market Research Analysis, Transport Ticket Design, User Interface Design, Wireframe, Ui Ux Design

When you are working in a startup and are trying to complete your graduation at the same time, you have very small amount of free time. Each and every second counts.

I have been in this situation from December, 2017. I have to complete my graduation first, so I couldn’t dedicate my full time to work. Therefore I tried to work remotely.

That’s why I was assigned to such tasks. In this article I am going to share one of my works.

This is not a complete task. This task is more into analysis rather than design. I am going to show you how I have analysed the current situation and took the decision of how our workflow can be. That’s it’s a draft UI.

What was the Task?

Our company wanted to introduce a new service for their customers in which they can book transport tickets from the app.

My task was to create a draft of the whole process so that my seniors can work on it. So I started with searching for resources.

List of other companies

I began by searching other companies that allow users to book transport tickets by themselves. I received so many companies that I couldn’t decide from which to start from.

Then I filtered them via some parameters. As I was designing for our app, I began by sorting them by apps and websites. Nevertheless the list was too long. So I sorted them by download count. Only the 50,000+ downloaded apps were in my list.

Here is my final list. The first four and the last ones were only in the list but I didn’t include them in my analysis. I included screenshots from the one’s in green below.

My List for Transport Ticket Analysis

Now that I have list for my inspiration, I started going thorough every app.

Feature Collection

I went thorough every app and listed their every functionality which was related to transport tickets. Every features was awarded points based on their availability on each app.

List of Features

This is my features list. Features that were most used received the highest points.

Listing for Inspiration

Companies with points

After listing every features of every company, I once again sorted the list based on their feature counts, because the more features a company has the more they are helpful for my draft UI. I will be using them as an inspiration. These will help me to consider features for my UI, thus I will be able to utilise my short time properly. Even without user testing the draft will be nearly acceptable and accurate. After implementation we can change it based on user feedback.

Basic Workflow

After going through every app and their process of booking a transport ticket, I had a rough idea about the flow I’m going to use for my draft. I received a hand drawn sketch from my senior in which she mentioned the screens list, steps, wireframes etc — It was like the basic things you need to have in a design for booking a transport ticket.
UI/UX Design
By: Andrew Maistryshyn
Tags: Outstaffing, Ui Ux Design, Outsourcing, UI Design

Sure, you can do it yourself. Why not?! After all, everything is clear in the app for you and your loved ones. Besides, your mother has sponged the information. Even the cat meowed almost instantly what it was supposed to.

But, if you want to raise money for your concept, you’ll need to hire a professional. Speaking of, kudos to our CDO Andri Budzinskiy.

User experience design is an essential element in any tech firm and in all industries.

UX influences the usability of a product. The purpose is to structure the information in a way that will be easiest for the user to absorb and interact intuitively. In fact, UX handles converting a customer to money.

Design is not a picture, it’s a business solution.

You are pretty much screwed if the design is gorgeous, yet no one can use it. You have a great idea, marketers honed it to the razor-blade and the UX designer moved it to life. It’s as simple as that.

The UX is a delicate matter. Even color usage is considered UX. There is a stat on which shade is appropriate in a particular situation. The designer uses a color scheme as one of the tools to guide users to wherever the business deems necessary. It also relies on the cultural background of the audience.
7 months into UI/UX design. The Journey so far
By: Felix Enyinnaya
Tags: Motivational, Product Design, Self Help, Ui Ux, Ui Ux Design

Photo by Dino Reichmuth on Unsplash

The capacity to learn is a gift; the ability to learn is a skill, the willingness to learn is a choice.

- Brian Herbert

September 2019, my 5-year stint in the university came to an end. Like all graduates in Nigeria, it was time to face reality and figure out life. Months before I left school, I was learning Web development and it was only natural for me to continue after school. Well, fast forward to November, while waiting for the mandatory one year service to the nation(NYSC), PHP happily frustrated me. I wasn’t really getting a hang of it so I decided to try my hands on something else, User Experience/User Interface Design it was. Not just because coding failed me, though I studied Engineering I see myself as more empathic than logical, I’ve always had a flair for design and in fact had been doing graphics design. To kick start this journey into, I got a course on Udemy, “UI/UX design essentials in Figma” by Caleb Kingston. I found this course easy to understand, straight to the point, and covered the basics to UI design using Figma. Armed with my new knowledge, I decided to partake in a 100 days design challenge by Daily UI, of course with a resolve to finish. Yeah, you guessed right. I never finished 😞. I ran out of gas on day 58. Something to be proud of? I don’t know.
How to go from Wireframes to UI Designs
By: Genevieve Craig
Tags: Mobile App Development, UI Design, Colors, Wireframe, Ui Ux Design

So you’re working on this project and it’s the next big thing since sliced bread. You’ve done your UX research, mapped out the user journey and have your wireframes ready. What’s next? Color, color and more color… Well, not too much of it unless you want to have a design that rivals the Joker’s makeup.

At this point, so many questions run through your head — how do you know what color palette to use or what hue to combine with the brand’s primary color? The 60–30–10 rule is the best place to start from!

What is the 60–30–10 rule?

It’s a classic decor rule that helps create a color palette. Typically used for interior design, the rule states that 60% of the design should be a primary color, 30% should be the secondary color and 10% should be an accent color.

Bringing it over to UI design, 60% of the color layout of the interface should be the brand’s primary color, 30% should be a secondary hue and 10% a complementary color picked from the color wheel — this is ideal for call-to-action buttons and links.

Image credit — Macrovector via Freepik.com

The idea behind the accent color is to create a contrast with the predominant color to give users a clear direction of the intended user flow.

Case Study

Let’s say we have to design a mobile app for Volkswagen. We have our wireframes ready and we’re set to jump into the design. Here’s the application of the 60–30–10 rule.

The login screen

Moving from wireframe to UI design with the 60–30–10 rule

Identifying the primary color, secondary and accent colors

The in-app screen

Moving from wireframe to UI design with the 60–30–10 rule

Identifying the primary color, secondary and accent colors

What methods do you use when converting wireframes to UI designs? Feel free to share some tips or tricks you use in the comments section.
Cosmic — UI/UX Case Study. Overview
By: Anri Iaganashvili
Tags: UI Design, UX Design, Case Study, Interface Design, Ui Ux Design

Overview

The universe is everlasting. It is in constant movement. Nothing stays still, ever. Cosmic represents the universe in its entirety and the movements that occur by the milliseconds.

Movement and mobility is lifecycle. Cosmic express life, movement, going forward, new explorations.

Cosmic is a small team based in Colombia and strives to make mobility better and more accessible.

Mobility Industry 🚲 🛵 🚗 🚚 🚌 🚎 🛴

BSC Research

Car sharing, bike sharing, shuttle, carpool are some of the services that are enabling the on-demand ride-sharing sector to thrive. The idea of more people using one vehicle not only help to curb the cost of traveling (fuel costs, tolls, maintenance charges) but also reduces the stress of driving.

Mobility Everywhere

ride-sharing is a sustainable way to travel. Sharing journeys reduces air pollution, carbon emissions, traffic congestion, and also manages the need for parking spaces. For all these positive impacts, even govt’ authorities encourage the concept of ride-sharing.

Problems

Affordable on-demand vehicle access

Many people want to use different mobility alternatives.

Many people have slow vehicles

Vehicles that can be accessed anywhere.

Short-term access to a vehicle.

Dockless scooters have an extremely short lifespan

Casual riders rarely wear helmets.

Vehicles and riders rarely have insurance

Who solved some of our problems

Direct Competitors

To gain a better understanding of the market, I did an analysis of our competitors — Scoot, Movo and Grin Scooters. Our key findings were:

None have a feature which enables users to book and get a vehicle

Information on accessibility is not always accurate

None focus much on accessibility

Most of them need too much information before using an app.

User Research

Who are riders?

— University students / Giggers / Young Professionals / Tourists

Who are Owners & Partners?

— Young professionals / Passive investors / Fleet operators / Airbnb Hosts / Uber & Cabify fleet owners / Logistics operators

Why do they ride?

User Persona

Persona 1

Persona 2

Persona 3

User Journey

Everyone hates this situation.

In the cosmic app, we have 2 option of a journey:

On-Demand: Find vehicle > Scan >Ride

Delivery: Select Vehicle > Enter Dates and Delivery & Drop-off Address > We’ll Deliver your vehicle > Ride

User Flows

Testing

Created tasks and scenarios that we tested.

Find a way to rent the nearest e-scooter and unlock it.

Let’s add your payment method to use the e-scooter

How was a ride? now let’s end your ride.

Now you want to rent an E-bike and get delivered it where you want.

You get promo code. let’s use it for your rides.

App
Journal — my life from Print to UX/UI
By: Manuela Camisasca
Tags: Journal, Case Study, Immigration, Ui Ux Design, Life

What is the comfort zone?

Really! I’m afraid to forget how it is in this place.

I’m 39, living in a foreign country for less than three years, learning a new language, adapting to a new culture, making new friends (this include undoing some of them that were made by mistake), trying new kind of food, building a new family just with my husband, no relatives around.

I’m a graphic designer who always loved my work. Not so glad about the direction of my career was going, but still enjoying my work.

When we decided to move, I didn’t think about my career itself; I just wanted to live in a country where the community was more important than “self.” About work, house, the family I agreed with myself to think after. The change became urgent somehow. It took us three years to prepare the move and here we are.

I had had never studied or worked different subjects before but design. The first two years was all about these new approaches (I made a post-graduation in Business Marketing and worked in immigration consultant officer). And I will confess, I have never missed myself so much. How I LOVE graphic design and everything around it. Jezzz. I was dreaming even about listening to the client say: put my logo bigger. (inside joke)

So, I decided to stop everything and started again, again. My husband always supports my ideas, and I don’t know how to thank him enough, otherwise, cooking his favourite foods.

So, after months looking for a job and receiving no answers, even with my resume filled with more than then years with substantial experience in print design. I realized that I was doing everything wrong. The way to get a job in a country is different as their culture. So I started to talk with people to fit myself in “my new world.” Coaches taught me how to write down my resume and behave in interviews. I got my first job but was temporary, and it finished two months later. They called me for more 3 or 4 jobs, but they didn’t have the position available. I spent six months there in the total between comings and goings.

Besides that experience, I understood that to succeed in the city that I have chosen to live; I would need to learn a new skill. One of the people I talked told me to learn UX. I heard about UX before, but I had never get deep in the subject. So, I started to study it. I bought online programs and read everything which pops on my screen. I just finished my first case study, and I have to say: I want more!

To get off just a little bit more from my comfort zone, I decided to write this journal in the language that I’m learning and not comfortable yet, to improve and force myself to think in English while I’m learning and developing my new career.

Next step: find a problem.
UX Design and Product Design are Twins. Why?
Tags: UI, UX, Product Design, UX Design, Ui Ux Design

4 Reasons to Prove that UX design and Product Design are Twins

1. The Industry is Changing Fast

Product and UX industries are very fast-paced, and many changes are happening all of the time. I mean, the UX design role has been around for only a couple of decades. So if you’re getting hung up on a particular title and a particular role, you might be missing out on some significant developments.

2. The End Business Goal should always be on Your Mind

Even though the Product designer vs. UX designer's official description says that UX designers should not care about the business goal and should only concentrate on the user, that’s the most surefire way never to get promoted and always be seen as an executor rather than a strategic partner.

As a UX designer, it’s always important to keep the end business goal in mind. Creating a sleek, cool design is not that hard. Any designer can do that regardless of their seniority. What’s more challenging, however, is being mindful of what your business is trying to achieve, what your adjacent teams are working on.

So the next time you find yourself getting carried away in a project, stop and think critically.

Is your design feasible for the team to do? Is legal going to be on board with that? Is it actually going to help your company achieve the bigger business goal?

3. Salary Differences

Now you’re probably wondering, well, is there a salary difference between the two roles? And the answer is not really.

As an entry-level position for UX designers and Product designers in Europe, you can expect to get €45,000 yearly as a user experience designer. You can expect €49,000 yearly as a product designer. So the difference is very minimal and bears in mind that the salary comparison portals always depend on how many people fill out the survey and how honest they are in the answers. But you can already see that the salary range is more or less the same.

4. Titles are a Vanity Thing

Sure, titles should serve a purpose and provide a clear overview of your skills, seniority, and what your job description is. But that is just not the case in the UX world anymore. You could be a UX designer and product designer, a conversation designer, hat customer product evangelist, head of customer experience designs, or any other ambiguous UX title that doesn’t really tell much about the job you do. So instead of focusing on what your title means, I suggest you focus on the skills you want to perfect on a day to day assignments and tasks you want to be doing and on really selecting which career path you want to follow.
…A new approach
By: Adriel Rebello
Tags: Ui Ux Design, Problem Solving, Design Thinking, Design Process

A sincere thanks to Sudhakar Damodarswamy

Summary

A college assignment done during an interaction design course. This project is nothing, but, a problem solution provided for an already existing website. A glimpse at the website from a UI flow first, helped come with some insights for change. Finally, sticking to creating a better navigation, UX and functionality.

IMdb

IMDb (Internet Movie Database) is an online database of information, Related to films, TV series, home videos, games & streaming content online, which includes, Cast, production, crew & personal bios, plot summaries, trivia, ratings & fan & critic reviews.

Why IMdb?

As a die-hard film and video enthusiast, I usually end up spending most of my leisure, updating my filmography with the newest shows, movies. Having, been a user of IMdb for a while now, I picked IMdb as well, a personal preference. The assignment given was to pick any existing site and to work on that as a UI project.

Target audience

Primary audience being, film-video enthusiasts, commonly interested movie/series buffs and comic-book / sci-fi fans. Secondary audience being, critics & virtual passersby. Tertiary audience being, teenagers & youth.

Problem identification

There is a common problem on this site, as to where to start from? Which shows that the homepage lacks stickiness & a visual hierarchy.

The opportunity , to add/edit the page is usually mis-interpreted as something that needs to be fixed or changed & not something that is participatory of all users. Being a movie/series database site, it is very difficult, to create that impression in the first-time scroll of it being worth-it & sticky for a second time read/scroll. Due to lack of proper categorization, it is difficult to find the exact movie/series, if the user doesn’t remember the title but, knows the genre/ category it belongs to & thus, isn’t up-to-date with the current trends.The current site, lacks proper interaction, due to lack of a simple-easy scroll impression on the user.

Bottom line, there were issues of functionality and user-flow. Consistency in the UX was quite lacking.

Problem solution

To create a better sense of stickiness through the homepage. Thus, creating a strong sense of stickiness, navigation. An incentive for an ideal user to keep visiting the site.

The entire solution…

https://www.behance.net/gallery/110329625/UI-DESIGN-Re-designing-the-IMDb-website/modules/631554399
How to format UX portfolio case studies
By: Deepak Chauhan
Tags: Ui Ux Design, User Experience, UX

A case study is a good story.

A compelling narrative that allows the viewer to step through what you were after, what you did, how you did it, and what the result was. But there is a definite structure and approach to doing this in a way that allows people to get through it — and that ensures they bother to read it in the first place. Because if they go to your page, and it’s just a ton of text and one image, people will tune out. They’ll say to themselves, “I’m not reading all that.”

So the ability to tell that story, to tell that narrative in chunks — where you can show the work that you’re talking about as you talk about it — is tremendously important. But what’s even more important is the order in which you narrate.

I believe in the inverted triangle model of content for the web, for software, for apps.

Forget what you learned in school about writing.

When you learn writing in school, you’re taught to first set up a premise. Then you walk through the story. Then you have a conclusion at the end: “Here’s what happened. Here’s what all that means.” With portfolios, with websites, with apps, with software, you have to do the opposite.

You need to lead with the conclusion, the outcome.

In other words, you need to start with “here’s what the work I did achieve; here’s the result.” Then “here’s the client, here’s what we were trying to do, here’s what happened,” really, really quickly. Once you’ve done that, then you can go into the story of how you got there, how you achieved it, what work you did.

But you have to start with something important enough to the viewer that it’s going to keep them looking. Your goal with your portfolio, with every single screen, is to keep people from leaving. So you’ve got to give them something immediately as to why they should read this case study, especially if it happens to be lengthy.

No one sticks around for pretty pictures.

When I check out a portfolio, in about three seconds I can tell whether that person’s UI design chops are solid. But the only reason I care, the only reason I’ll stick around longer than three seconds, is if you tell me you accomplished something meaningful. Some significant outcomes for users or for the client. Something that sets off a light bulb in my head that says, “WOW, that’s pretty impressive.”

For example, if you lead with a “200% increase in checkout through the e-commerce process,” well now you’ve got my attention. I’m going to invest the next sixty seconds reading some of what you wrote. You’ve given me an indication that doing so will be time well spent.

That’s your job. That’s what you’re trying to prove at every moment of interaction: that they will be well served by sticking around and reading more. You have to lead with a strategic outcome — or at least a desired outcome, if you don’t know the end result — that says you were laser-focused on helping this business do something that mattered to them.

That’s the only way you’ll be seen as a strategic asset, and it’s often the only way you’ll be asked to interview.

GIVE A GOOD PORTFOLIO!
It’s an excellent idea! Hear me for a second.
By: Ali Stoica
Tags: UI, UI Design, UX Design, Advice, Ui Ux Design

It’s an excellent idea! Hear me for a second.

Hi, my name is Ali, I’m a begginer UI/UX designer, currently attending an UI/UX course in to learn more and have a structured curriculum.

Yesterday, we started a new project. A website page, for showcasing a new model of electric car. We started interviewing each other, but I ended up not putting the right questions and I didn’t get enough data to build my persona.

In order to move fast with this project, our teacher allowed us to put fake info in our personas, for those who felt that they didn’t have enough info.

Because of this liberty, before I started working on a new interview and survey, I searched on Google, if something lika a “persona generator” exists.

You’re the only relevant result in my search. I was a little disappointed when I saw that the page doesn’t work, so I wrote this to you in order to encourage you to continue your project.

I saw it as a tool, that will help begginers like me to get out when they fill stuck at somepoint during their research. Yes, the info will be fake, or maybe will be actual research, uploaded by other designers. But at least, will be something, a little bolt that will keep our brains pushing ideas and keep us motivated.

Thanks a lot for reading this, and good luck with you project!
Top 24 PWAs Examples Across All Industries
By: Lucie Loubet
Tags: Pwa For Ecommerce, Pwa, Mobile Design, Ui Ux Design, Web Design

Travel & Transportation

Picture this: It’s a cold, rainy Monday morning. You’re waiting for the bus, which once again, is late. You pull out your smartphone and look for a way to cheer yourself up. Planning your next vacation might just be the perfect remedy.

Travel and transportation companies have gone mobile-first because that’s where most customer journeys begin. These same companies have always struggled with one thing, though: speed. Most tourism websites are image-heavy and slow to load by nature, especially if you’re on-the-go with inconsistent coverage. That’s why PWAs are going mainstream across the travel industry; they’re lighter, faster, and allow users to complete reservations securely, from anywhere.

Trivago

Trivago’s PWA

Trivago helps travellers plan and book trips on the go, and faster than ever.

First Contentful Paint: 2.3 Seconds

Size: 254 KB

Performance: 24/100

Best Practices: 86/100

Noticeable Results: 500K people added Trivago to their home screen within the few months following the PWA deployment, leading to a significant increase in engagement and repeat visits-from 0.8 to an average of 2 visits per PWA users. In parallel, clickouts to hotel offers increased by 97% (via PWA Stats.)

Google Travel

Google Travel’s PWA

Google Travel, the consolidation of Google Flights, Hotel Search, and Trips, is another go-to source for good deals and access to competitive booking rates for travellers.

First Contentful Paint: 2.5 Seconds

Size: 262 KB

Performance: 58/100

Best Practices: 86/100

Uber

Uber’s PWA

Uber knew they had to be competitive among all audiences and across the wide spectrum of accessibility.
…Just another app design
By: Adriel Rebello
Tags: UI Design, Minimalism, Problem Solving, Ui Ux Design, App Design

A sincere thanks to Vistaar Digital.

Summary

This is my first client UI project. The intent here was to examine an already existing app and coming out with a better alternative solution. Focusing on the key aspects such as navigation, interaction, and better functionality here’s taking you through my process and UI/UX journey.

E-detailing

Electronic detailing is a well-established way of increasing Pharma/Med-tech company efficiency in customer engagement and enable a better service to be delivered to the healthcare professionals (HCPs) and stakeholders.

In other words, the use of IT tools and various digital technology/ digital methods of sales detailing, delivering information about Pharma/Med-tech products to customers.

About the app

Enablr is an e-detailing app that helps to track, create, communicate & list down all the activities done/about to be done within this platform. An app, solely to create a memorable e-detail sales pitch experience. Created solely for Android tablets, Enablr has been crafted to open up more detailing possibilities for less. E-detailing is meant to digitize sales content and make it more accessible through a hardware device. But, sometimes sales are forced to be taken offline due to the quality of e-detailing. Enablr ensures an end-to-end online guarantee, by providing sophisticated analytics tracking. This helps to boost individual content interaction and easier content updates. Keeping in mind, the current rise of remote e-detailing the app takes all the physical detailing online. Thus, keeping the user's convenience as a focus.

The user

This app is primarily meant for the sales reps/medical reps, who conduct the e-detail sales pitch. On the receiving end are the healthcare professionals (HCPs), to whom the sale needs to interest. Sales reps/ medical reps use already attached presentations within the app, to better conduct the sale. Broken down to the bare minimum one can say that providing an easeful UX for them, is the prime intention of the whole app.

Problem identification

The current app, although fully equipped, isn’t really fluid w.r.t. its interfaces when it comes to its flow.

This app targets the medical reps and sales reps, helping them to create a better e-detailing experience for the HCPs/Doctors. The current app lacks a definite pattern/flow for conducting the sales pitch.

Problem-solving

The main problem identified was to simplify the navigation/flow through the app so that the user need not get confused as to how to go about with the app.

The following concept is an effort as to how the user-flow can be simple, provide certain navigation and interact at the same time.

Solution

Solution: Set reminder_Edit reminder_Create pitch and save

Flow 1
Code learning app — UI/UX Case study
By: Pratham Maner
Tags: UI, UX, First Post, Case Study, Ui Ux Design

This is my Personal project which I have designed in April 2021 as a Product Designer.

Introduction

LCode is the coding app for all type of users. With fun, quick lessons on a mobile device, the app teaches the users how to code with respect to the language they are learning.

The main motive is to provide easily consumable coding content along with test-driven learning.

Why did I decide to create Lcode?

Let me share a personal experience, being from an engineering background, my friend asked me about any good platform where he can learn coding as he is from a non-engineering background.

I hopped onto Google play store to see the apps and didn’t found an app that has beginner-friendly. So I decided to create such kind of an application.

Target audience

Beginners in coding, Experts, People looking to upgrade their skills, Hobbyist.

Research

Background research

Whopping 69 per cent of the developers reported that they were totally or partially self-taught, with 13 per cent saying they were completely self-taught.

Src: Washington Post Tech sectors seem to be booming all around the world over the last few years. The jobs for developers are increasing in the market day by day.

Src: Orrisadairy

So a platform where people can learn is much required.

Competitive analysis

I compared all the leading apps available in the market on the basis of some important features.
My experience as a product design intern at Bigbasket
By: Sudarshan N Srinivas
Tags: Internships, UX, Design, Ui Ux Design, Product

Over the last couple of years, I have had the opportunity of interning at startups and small-size companies until the dawn of Hover Studio, a design studio that I co-founded. At Hover, we give a lot of importance to the design phase of every project, and I used to wonder what went into the design cookbook of large product companies.

I had a lot of questions — How does an idea go from a brief to a shipped feature? How does a feature get approved, especially in a large sized product company when there are multiple stakeholders involved? How are certain decisions made, keeping accessibility and inclusivity in mind, while designing for a large user group?

To find out, I wanted a taste of this experience myself. This is when I actively applied for a product design internship. About a couple weeks into the process, I was more than elated to hear back from Bigbasket, where I was given an assignment followed by an interview. A couple days later, I was in! And this would be the beginning of a few months packed with immense learning and truck loads of fun.

Onboarding 🎯

Onboarding is such an important part of the process, since it’s step one and tends to leave an impression for a long time. Getting to know your team, the project you’ll be working on, going through existing design files, understanding the design language and values of the company: it can get pretty overwhelming. But at Bigbasket, a lot of care is taken to make sure a new designer joining the team instantly feels at home and doesn’t get too overwhelmed. (Over the next few months, I would see this process evolve as well. That’s how much thought is put into onboarding a new designer into the team.)

Onboarding Cards for the Design Team

My first week consisted of a couple of KT sessions, where I was told that I’d be working on Design Systems. Voila! Over the past year, if there was one thing that not just had my curiosity, but also my attention — was Design Systems. I dove deep into this world to learn more about how product companies use design systems, why they use it, how it brings about a positive impact and so on. I also took this time out to read about Brad Frost’s Atomic Design in detail.

Me at Design Systems

Additionally, during my first week, I tried to get to know my team better and go through the design files. Bigbasket uses Figma, and I was glad I could put my auto-layout and component-variant skills to use and sharpen them.

Projects 📚

I got to work extensively on building Melon 🍉 — Bigbasket’s Design System — from the ground up. I was completely amazed by the level of responsibility I was given while building Melon with my team. We had a well-planned schedule ahead of us and hopped on calls on a regular basis to discuss our progress (and memes). More on this later.

As an intern, I wasn’t boxed into one particular project to spend my entire focus and time on that. I was also actively involved in side-projects, which was a great way to diversify my time. Something fresh and new always feels warm!
UI/UX Design: The 3 Golden Principles
By: Nick Lawrence
Tags: Ui Ux Design

#1. You are NOT your user

Stop assuming that you are, and stop assuming that you know what they want.

This is the number one mistake of most design teams and it will absolutely kill a product before it ever sees the light of day.

Other things that aren’t your users even if they may use your product include:

Your stakeholders.

You colleagues

Your mangers/bosses

Your vendors

Your proto-personas

Your business goals

Your constraints/limitations

Your loved ones

Your cat

Your pride

The only people that are actual users of your product are the ACTUAL END-USERS OF YOUR PRODUCT, PERIOD.

What do they actually need?

Have you bothered to ask them?

Have you observed them and how they operate?

Do you know what outcomes they are looking for?

These are the questions to ask yourself and the things to do to legitimately get to know your users.

Your users don’t care about your assumptions. They don’t care about your business goals. They don’t care about your constraints, project limitations, the size of your team, your design principles, or how your product works on the back end; THEY. DO. NOT. CARE.

Users have jobs-to-be-done, and about three things:

How you make them feel, What you help them do, and How easy you make the process for them.

That’s it.

Stop assuming that you know, and start asking questions that speak to those needs.
UI/UX Design: How to Read Design Books Fast
By: Nick Lawrence
Tags: Ui Ux Design

Overview

Let’s face it: as designers, our industry changes constantly.

To fully grasp the entire scope of the UI/UX field, while staying relevant and competitive, we are called to study as much as possible.

Today, I’m going to share with you a dirty hack that I’ve developed which can cut your study time with books (and possibly video courses too, weirdly) by well over half, while increasing your information retention, and giving you actionable items that you can incorporate into your daily practices.

How to read books fast

Yeah, every book has nuances, so does this article, but that’s NOT why you’re here.

You’re here to learn:

How to read books fast, and actually retain what you read.

So without further ado, let’s get into it.

What you’ll need

To make this work for you, all it takes is some basic tools.

Pen, note paper, book, comfortable spot, decent lighting

Pen/pencil/writing utensil

Note paper

Book you want to read

Reasonably comfortable spot to read it

Good lighting so you don’t strain your eyes

Get your setup right

Crucially, you want to set yourself up as such:

Book in the middle.

Notes on left or right depending upon your handedness or hand favoring.

How to do this correctly

What you want to do here is mine the book for info.

At this point, the goal of your reading should not be comprehension or any time/page goal. No, you are here to do one thing, and one thing alone:

mine the book for valuable content.

This will include:

Core ideas

Methodologies

Processes

Functions

Considerations

Gotchas

Tools

Principles

Processes

and anything else you can actually use

You’re not reading just to read here, you are actively looking for valuable content, and skipping anything that is not valuable to/for your purposes.

Your notepad is your bucket

Transfer these nuggets of gold to your notes

As you are reading through, you’ll want to transfer any nuggets of gold that you find into your notes.

Again, do not feel the need to re-write the book here! You are mining for gold, and taking what is the best, most important ideas for your purposes.

These normally take the form of actionable items, processes, or considerations that you will want to put into practice later.

Structuring your notes

As you build out the structure of your notes, you will want to break out your notes into multiple sections, including

Main section

Sub-sections

Nuggets of gold

Questions & thoughts

Action items/important stuff

End product

By the end, you should have a collection of notes that are all-killer, no filler.

The goal of this exercise is to end up with actionable, usable notes that you can reference, re-work, and use to improve your processes.

This way, you’ll always have something to refer back to, to refresh your memory, point you in the right direction, and lead you to game-changing,

“Ah-ha!” moments.
What is UX/UI design in 2021?
Tags: UI, UX, UI Design, UX Design, Ui Ux Design

Degree vs. Self-taught

What is degree vs. self-taught?

A person with a design degree has a higher value in the industry or with the top-rated companies than someone who’s learned it on himself, either on YouTube or on other platforms like Coursera or whatever it might be. These people are self-taught designers. If we go even deeper, self-taught designers are people who’ve learned with experience and practice. That’s the true self-taught designer.

Now, a degree was significant. A few years back, most companies used to hire directly from institutes as well as colleges. However, now the space is changing a little bit. The space is going from degree and even self-taught experience to skillset. Now, a while back, a couple of my personal contacts got interviews with top companies because they created designs for those top companies, and those top companies saw those designs. So they just did some fun practice material with that company’s brand, and they got an interview with them, which is crazy.

Now, this cannot happen, of course, in every condition. However, there are many other ways that a self-taught designer or a designer without a degree can move forward. One such way is always a good reference. Most people don’t understand this, but a good reference can really change the game when it comes to getting ahead in line with all these piles of resumes; your resumes will be on top. A good way to do that is to go to LinkedIn; if somebody has posted a job opening, go to their design team's profiles or any designer’s profile and message them. A message is never harmful. If he sees it, he sees it. If it doesn’t, well, it doesn’t really matter that much.

Now, when we look at a Degree vs. Self-taught, a degree is a little more valuable. The equation hasn’t happened completely, which means that it is still not equal. The value is still not equal in both of them because you have to work a little harder as a self-taught designer when working on the job, gaining experience, moving up the ladder. In contrast, a degree will get you into the FAANG companies, the top companies in the world, faster and easier. So self-taught and degrees both have advantages. The value of a degree and self-taught designer was this much earlier, but now it’s slowly closing down, which is the part of UX Design 2.0.
UI/UX Design: Setting Up Grids
By: Nick Lawrence
Tags: Ui Ux Design

Defining grids

Before we get too much further, I should mention that nearly all modern web and mobile layout grids are one of four types of grid:

Manuscript Grid

Column Grid

Modular Grid

Hierarchical Grid

If you’re interested, you can learn even more about the standard grid categories here:

That said, most of the layout work we do as modern designers falls into the categories of column, modular, and hierarchical grids.

We define modern digital layout grids by grouping them into the following categories.

Hard grids

A hard grid is almost always used in print design, because you can get away with it there.

With a hard grid, you are positioning elements in a fixed way, by subdividing your documents into sections, and making sure that each element, all margins, gutters, and spacing is absolutely uniform to the base grid size.

Because of their limitations, hard grids really aren’t possible on the mixed-media web because of the sheer volume of device screen sizes that can access your content, which needs to be responsive to be accessible.

This brings us to our next type of grid: soft grids.

Soft grids

In contrast to a hard grid, a soft grid defines the spacing between elements, and their relative position in the document, rather than forcing content to be placed with absolute positioning.

This allows content to be flexible, responsive, and to better conform to the view-port that it is being viewed from.

4pt vs 8pt grids

This last part is one that gets most newer designers (I know that many years ago it definitely got me), so let’s go over it in a little more detail.

Generally speaking, the logic for each of these types is as-follows:

4pt grids are traditionally used to layout tight interfaces where pointer interactions are precise, and screen real-estate utilization must be maximized (such as desktop applications).

are traditionally used to layout tight interfaces where pointer interactions are precise, and screen real-estate utilization must be maximized (such as desktop applications). 8pt grids are traditionally used to layout less interaction-heavy interfaces such as mobile and web interfaces that are more about conveying information, and less about facilitating complex interactions.

That being said, the mobile web and web applications has changed all of that, and moving forward, I would assert that a 4pt grid can and should be used whenever possible because:

Its makes your life easier with more spacing options. It facilitates tighter UI’s with more complex interactions possible. It maximizes screen real-estate when those UI’s get complex. It can make it easier to deal with non-standard components that don’t conform to a traditional 8pt grid system.

A quick note about standard practices

There are innumerable combinations of how many grids you can have per layout and device depending upon project needs.

That being said, I have found that the following standards seem to work especially well for design systems, component specification, and translation to working code, so these are the specs that I personally recommend for most projects:
UX Chronicles #2: No Excuses!
By: Amarachi Emmanuela Azubuike
Tags: Ui Ux Design, Resilience, Design

I don’t know why I chose to title this article this way. Tbh, I don’t even think it makes sense, but I hope it does. My week 2 article should have delved into the key things I learnt like Design thinking, Gestalt Principle and Information Architecture, but I don’t think I’m ready for that just yet. My subsequent articles will eventually cross the ‘t’ in technical but this week, it’s about focus and resilience.

When I started this journey, I knew it wasn’t gonna be easy, but not this much though. Here am I caught in between writing exams, having lectures (some of my lecturers 🤦🏼). writing my thesis, trying to meet up with a client’s deadline and having to do all my tasks for the Bootcamp.

No excuses! That’s my mantra, and even though I’m writing this article, seated at the back seat of a mini-bus conveying me to school, with my head spinning from refusing it the much needed rest it deserves, on this mountain, I want to live.

This week, amidst other tasks we were given, was the requirement to read seven (7) design-related article and note down what we’ve read. This had me reading a design article first thing every morning, which is currently a routine I’m enjoying. On some days like Thursday when I had an exam, I read it right inside the bus, no excuses!

People call me strong, but I know I’m not. Some days I cry, some days it gets so bad, so overwhelming. But I put on my glasses to avoid the tears from staining my research papers, and get to work.

This is not just my week 2 article, but an encouragement to myself and anyone else out there. When it gets really tough, I want to come back to this article and remind myself that I promised never to give in to excuses. And I’ll get up and get going again.

Love.
UI/UX Case study: Rental service applications | Sewaja
Tags: Product Design, Case Study, UX Design, Ui Ux Design, Case Study Solutions

PROBLEM STEATMENT

Leasing service provider is one of the businesses that is still developing and has good business potential until now. But the problem is when we need rental services, users often find it difficult to get the appropriate rental services and also the desired goods.

The problem that arises is the classic problem of how users have difficulty getting access to comprehensive information about the desired rental item, then users are required to fill in personal data repeatedly if borrowing in different places even though the requested data I think has the same entity.

Here I act as a UI & UX Designer, providing a solution to this problem by engineering the most suitable application design according to user needs.

GOALS

Provide a rental application with an intuitive and user-friendly interface Providing easy, fast, efficient and effective services to users who are going to rent an item Take full control of involvement in the engineering development of the product that will be created as a UI Designer and UX Designer Implementing various disciplines that I have acquired and from my experience to date
Farmfood Apps UI UX Design Casestudy
By: Shekh Reza
Tags: UI, Apps, UI Design, Farming, Ui Ux Design

What is farmfood?

Farmfood is a apps for fresh food supply platform based on F2C (farmer to consumer) .Farmfood allowed to farmer listed there fresh grown food to there personalized shop profile

And consumers can buy food from farmers directly . which cut the middleman that’s why consumers get fresh food with low rates compared to market rate . and also farmers benefited by getting reasonable prices for their crops .

Where the idea FarmFood comes from?

Farmfood Idea comes when I go to my local market and see the price of the vegetable so high people can’t afford to buy it for their family . on the other hand farmers get nothing compared to the cost they made for their hard work. So at that point farmfood ideas came out where farmers get their price and consumers get good food at a good price.

Brand identity

Try to make a simple meaningful logo which is at the same time minimal and eye-catching . color we chose the light green as a resemblance of the green farm field . “F” is the main focal point of the logo and i want to create a tree like symbol from it . i use illustrator as tool for design the logo . make 3 variation for responsive use .