Skip to content

Latest commit

 

History

History
456 lines (338 loc) · 45.3 KB

ui-design.md

File metadata and controls

456 lines (338 loc) · 45.3 KB

drawing

Some of the most common approaches to solve a problem are situational or context-specific. For example, in the field of structural engineering, most of the challenges are solved by applying time tested rules in the field of civil engineering. For a problem that is considered less severe, a common approach is a trial by error. Mission-critical requirements and issues are solved by using a well-defined set of steps and strategies. The first reaction to solve any problem is to compartmentalize the problem into something which was solved earlier. The mind likes the comfort of the known after all. This is our primordial nature. These approaches have served us since time immemorial and will continue to do so. A common thread running through all these problems is they are well known, and they have been faced before plus they are well documented

Writing good copy is hard. Using ChatGPT to write good copy can be hard too, but with a few tricks you can get some amazing results.

Cutting the middleman between product ideation and launch, its convenience and ease-of-access could possibly eliminate the need for human UI designers entirely.

I just started learning React Native and I have to admit that, it’s super easy to start with and hot-reloading makes it amazing to develop and reload the application in no time.

Building things online without any coding skills is barely a new thing - Shopify, Wix, Squarespace and many others have been around for years, allowing users to create e-commerce websites, personal portfolios, and corporates homepages all within the browser, only with basic tech knowledge.

Uniswap is the gold standard for token swapping, it’s the way most people swap ERC-20 tokens in a decentralized way. In 2020 SushiSwap forked Uniswap and since their UI’s have diverged.

Good microcopy is one of the fastest ways to improve an interface. Try doing an audit on your UI with these tips to see how it stands up.

A strong User Interface improves the interaction between the user and your website or application, converting potential visitors into customers.

We love creating artworks. We've been doing it since the early ages be it the cave paintings in Altamira or Ajanta, we have an innate desire to express and depict the world as we see it. Illustrations, on the other hand, are more than just expressions, they serve as a way to communicate to a much larger audience using a familiar visual language. In a digital age, illustrations are a powerful tool to visually express a piece of text, to empathize with the user, to simplify complex processes and even to bring delight.

YouTube is an online video-sharing platform. It was created in February 2005 by Chad Hurley, Steve Chen, and Jawed Karim. In November 2006, Google bought the platform for US$1.65 Billion. The platform allows users to upload, view, share, rate, comment on videos, report, add to playlists, and subscribe to other users.

GUI design has become the best choice of user interface design. Nevertheless, in spite of the unpredictable popularity of GUI, few application programs have good interface design and live up to graphic user interface design principles. Additionally, it’s extremely difficult to use the expertise and existing documents to explain what an excellent and direct-viewing operation interface is.

After sharing my post describing what a UI Developer is, I got some requests to write another post specifically about how to get a UI Developer job. It's certainly not an obvious path. My first job out of college was working for my alma mater in the Art Department media lab, during which time all I knew was that I wanted to transition into web development.

Italian fashion house Fendi has seen major success over the past few years launching innovative digital campaigns.

A few weeks ago I stumbled upon Uxcel, an app that teaches you UX/UI. It looked really clean, so I decided to give it a go.

The best designs exist to help users complete their tasks smoothly and efficiently, and they do so discreetly while remaining completely inconspicuous.

How web designers and developers can collaborate in Figma to create lightweight animations in CSS, HTML, and SVGs.

You might have heard user experience (UX), user interface (UI) and customer experience (CX) being used interchangeably. Even some of the most seasoned and professional marketers and designers confuse these terms. 

Image courtesy of Pexels

UI designer Jessica Williamson redesigns the Python logo and receives 7000 upvotes on Reddit.

Here, we'll cover the best UI components libraries and frameworks for React.js that you can follow and utilize in 2022.

A design-first approach or a copy-first approach may seem the easier choice. But the winning combo is a process of design+copy.

It’s no longer news that the methods of sharing knowledge are changing. Well, that’s where online platforms come in. They host many of these educational service providers. They also ensure that students can get access to technologically-advanced education in the comfort of their homes.

I have compiled eight chrome extensions to help get the job done faster and more productive.

eBay is a multinational e-commerce platform. It facilitates consumer to consumer and business to consumer sales through its website. eBay was founded in 1995 by Pierre Omidyar.

This is the first entry to a long series of entries of how I will create a new and unique Artificial Intelligence accommodated assistant.

Walnut allows SaaS companies to demonstrate their products in a brilliant way.

An easy-to-use and comprehensive JavaScript framework are of utmost importance if you are a web developer.

Choosing a UI library for your frontend project can be a challenging task. I will try to help you make this hard decision.

An E-commerce web design that user would find easy to shop. A good design make shopping engaging and easy for the users. And navigation is just the first step.

My first experience using various apps to meet people.

Here are 5 tips you should keep in mind when implementing dark mode in your apps.

Incessant scrolling while using an application is perceived as a flaw on both mobile and desktop. To address this concern, a shift to horizontal scrolling of elements is in trend now.

UI design is a vital part of any website and it directly affects the conversion rate and user satisfaction. Learn more about UI design and its best practices.

The software market is suffocated with new mobile and web apps monthly. That’s why the focus has moved on ensuring a client-centered and visible UI/UX design.

With 2021 around the corner, let's take a look back at some of this year's leading trends in web design.

I like getting things done quickly, not just for the sense of accomplishment, but because I know I can also move on to other projects and collaborations in the wings. Since I was a kid, however, I heard that speed was dangerous, that it inherently meant cutting corners. “Isn’t it good enough?” I’d ask my mom after a quick, hacked attempt at making my bed. “If you’re going to do something, do it well,” she said. I thought my bed was perfectly fine. She did not.

70% of online businesses fail because of bad usability. The solution to this challenge is an approach known as Intuitive UX Design

There’s a popular user experience quote: “A user interface is like a joke. If you have to explain it, it’s not that good.” While clever, that statement is far from the truth.

Hi, today I would like to tell you what the difference is between outwardly very similar professions. they have similarities, but in essence they are completely

Sometimes, designers get confused on which design styles to apply to their work. It all depends on what the work is for and who the target audience is.

There have been a number of misconceptions and myths about UX. And these things lead to inaccurate assumptions which affect design and usability choices.

What is UI and UX Design? Difference between them and their importance in the filed of designing a website or mobile app.

My name is Andrii Bondar. I'm a product designer working on the zkSync project, a layer 2 solution for scaling the Ethereum blockchain.

Color is one of the most important tools for creating user interfaces that don't suck, so stop doing it wrong.

Are you new to app development? Want to create an app like a pro? Then it will help if you research a little and learn about the app development in detail.

With the inflow of so many mobile app development companies, developing an app seems to be a cakewalk. You just need to contact an app development firm and the rest is taken care of by them.

A good UI design also increases user interaction on your website and makes it easy for users to get things done.

Dashboards are an integral part of enterprise applications. When you design such an important element, keep some of the following tips in mind.

How to get prepared before designing the website? Here are 6 easy tips we have benefited from.

Augmented reality is often presented as something futuristic, but it exists around us for a long time.

Regardless of whether you're an accomplished website designer or developer or simply a beginner, a website architecture venture's extension can rapidly limit the of assets accessible, making it extreme to track down the correct website design for motivation for your assignment.

When designing an API, it's easy to use public types that denote resource identity to allow actions on a resource.

The importance of user experience is more emphasized than ever. As a result, the number and variety of dashboard tools is on the rise. These tools are used as an essential piece in any good customer experience strategy.

Design debt is a common yet rarely discussed problem startups face in iterative and incremental software development. Learn what it is, where it comes from, and why it is so important to prevent it.

Designing resources are heavily priced everywhere. But here I am sharing some resources using which you can get more than 10 Million+ Free Icons.

There are too many examples when an app brings more annoyance than value. We’ve picked four of them and figured out the design sins they committed.

For junior designers - those who have just started studying UX / UI design systems and those who have been working in this field for up to 1-2 years. The main goal of this article is to introduce you to the basic components of system design, to give you a basic introduction to this concept and to revise the material by demonstrating several examples of design systems that are already used by large companies.

Tips & resources to help you get started

Navigation menus are one of the most-viewed and most-clicked-on pieces of interface. Let’s look at some principles of nav design that will help our users have a better experience.

Sophie App is designed to help vulnerable groups escape violent situations unharmed. It can alert the authorities and trusted contacts in a discrete manner.

Check out the Best 7 UI components libraries and frameworks of the popular JS framework ReactJS you should follow in 2022 to build an application with better UI

UX education is saturated and it has become increasingly difficult to filter out the bad sources. Here’s how we can fix that.

The redesign process is explained in detail, with 9 stage timeline. Go step by step with this guide.

This Slack discussion by Sadia Mehmood, Muhammad Bilal, Akasha Rose, anthony watson and Shahmeer Khan occurred in slogging's official #introductions channel, and has been edited for readability.

Modern education is becoming more and more digitized: while even ten years ago notebooks and printed materials were necessary for studying, all you need today is alaptop and an Internet connection. Various classroom management systems are now used for the education of all levels, from primary schools to corporate training. It is a sure way to make the learning process more efficient —  for example, taking quizzes and tests online helps automate grading and provide immediate access to the student’s performance. 

Did you know that approximately 65% of people are visual learners? Hence, for most of us, pictures are easier to understand than text. For instance, the incumbent U.S. President prefers the information accompanied by visual aids like maps, charts, graphs, and photos, according to Reuters.

Check out the fresh and rocking web design trends in 2022...!!

There's been a lot of talking about inclusive web design in the past few years and that's great, as long as it's not only used as a keyword to boost SEO but is actually being considered by design teams.

User experience, or UX, refers to how easily users interact with a product or service. In blockchain technology, a positive user experience can be critical for its adoption because it can determine how readily people are willing to use the technology. 

Top User Interface Mobile Application Design 2021.

Are you aware of all the opportunities that illustrations give?

Everything boils down to customer experience today. Whether it is a mobile application or a website, there is absolutely no way you can turn a blind eye to UX and UI. 

The real-life experience of Sigma Software's team using UI first in mind when developing an app.

Hey! I'm Danil and I'm part of the 2muchcoffee team. I have over 6 years of experience in UX/UI design including research, analysis, interaction design, and visual design.

What can help you to speed up the development process, and why is it Webix? Let's find out in the article!

Get valuable insights on designing user-friendly in-app chat UIs. Learn the dos and don'ts, best practices, and tips on simplifying, enhancing UX with color and

In this article, I’ll show you the UX/UI design stages you can't find anywhere else. And a result, we'll see a complete dynamic prototype. Let's start!

Considerations upon image sizing for web display

Finding the perfect font for a project can be a challenge. It can take a long time to select the correct font. To make the right choice, there are a few things

We all love beautiful pictures

Short answer — it’s risky, but it can also work depending on how you do it in terms of UX.

What makes the user interface ethical? Give the user enough options, that they keep their autonomy. But not too many, that they become paralysed by choice.

What interactivity means and why you need it to make immersive products. We’ll also cover what constitutes immersion, and why “user” is an objectifying term. 

The ultimate design digest with fresh news, trends overview, and the best cases from the Awesomic team. Find out what was popular in March and check out memes!

Companies like Airbnb, Apple, Uber, and GitHub have changed the ways they design digital products by incorporating their design language and organizing it into a system that can be used across all employees — and even outside of the company.

There are five main app screen types that you should be aware of when you design your UI. These are the most likely to occur and make the strongest impression.

What are the problems regarding transparency and feedback in FinTech applications? Which UX design patterns can be used to address them? Find out!

To build an awesome and successful digital product you need to do a lot of things. Such as planning, market research, build a prototype, design it, code it, ship it etc. For this whole process, you need to go through lots of handoffs and team communications. One of the more painful handoffs is the Design-to-Development Handoff.

Check out our range of React datepickers and pick your best date or time picker here.

React Native was created by Facebook to accelerate and reduce the cost of developing mobile applications. It is clear that React Native is currently the best solution for creating cross-platform mobile applications.

Explore a list of 21 functional Chrome extensions.

I've recently rebranded and redesigned the look and feel of my website. As a part of that redesign, I've implemented both a light and a dark theme. Here's how.

In the world of future UI design trends for digital products, personas play an important role as a technique in the hands of the UI/UX designers. User experience is a metric that has evolved in recent years for websites or mobile apps. 

Instagram is currently one of the most popular platforms and has seen an explosion of business accounts, ad money spent and even purchases made directly in the app in the last year. Businesses of all sizes are flocking to the platform to get in on a piece of the action. The popularity of Instagram is what makes it a great marketing tool but it is what also makes it difficult to stand out and reach potential customers. Hashtags are a social media concept that is heavily used on Instagram to help classify posts and allow users to get their content in front of more people than just their followers.

I’ve come quite a long way as a web developer and happened to work in different teams and with different designers. Regardless of the number of people and type

A Click Is Still a Click — Interaction Techniques in UX. How different interaction types influence user experience.

WellSpeak team shares insights on how to design a mobile application for free and win the nomination “best of apps design 2020 in Ukraine”

This comprehensive list includes a wide range of options, from elegant serifs to modern sans-serifs, so you’re sure to find something that fits your project.

The classic, timeless design principles I learned and use today can be seen everywhere from the phones that we use and even the luggage that we take for granted

Learn how to look for ideas properly so you don’t waste time and energy in the future.

What are the best website design trends in 2021? We covered most of the significant trends, like frosted glass, comfortable color palettes, and more.

Figma has been top of its game since its launch in 2016. Here's a list of our team's 12 most used plugins.

When it comes to designing applications, modern businesses that want to be competitive realize the need to provide exemplary user experience, while also regarding user experience as the ultimate factor for success.

The Future Of Remote Work Starts With The Desktop

In this listicle, I would like to cover the features you need for creating a WordPress pricing table. Read on to know the best WP pricing table plugins.

Color is not the only thing to consider while speaking on the fundamental black UI design principles.

While website design isn't rocket science, there are a few stellar points you should keep in mind while designing a website.

This article covers the definition of prototyping for UX design, when to create your first prototype, and the principles of prototyping.

This article talks about product demo and why codeless product demo creation is critical for sales teams to get leads.

The principles we use to create effective VR and AR interactions have existed for as long as we have walked this earth.