User Interface Design Archives

UI vs. UX – The Vital Guide to UI Design aside

User interface (UI) design is one of several overlapping disciplines responsible for creating the interfaces where users interact with digital products. UI design is found on a spectrum with user experience (UX) design, interaction design (ID), and visual or graphic design. What Is UI Design? In its broadest definition, the user interface is the space where people and machines interact. People give instructions to machines and machines start a process, respond with information, and provide feedback that informs human decisions and enables further interactions. The field of human-computer interaction (HCI) is more specifically concerned with digital interfaces, which have evolved from punch cards and command-line text entry to today’s sophisticated graphical user interfaces (GUIs). Xerox 8010 Information System in 1981 (DigiBarn, used ...

How to Build an Effective Design Framework aside

If you’ve been in the design world for a while, you’ve probably heard these terms: design framework, UI framework, UI kit, or pattern library. They all refer to the same thing—a system of design standards, templates, UI patterns, and components that are used throughout a product and serve its design language. If you haven’t created a design framework before, starting one can feel overwhelming and seem time-consuming, but it will speed up your design work and make it more efficient overall. Let’s outline the main issues a design framework solves, why you need one, and the components you will need to create when building one. You will find a free downloadable Sketch UI framework later in the article that allows you to create ...

Think S.M.A.R.T. When Defining Business Goals for Your Next UX Project aside

Clear business goals mean a precise and efficient execution. The S.M.A.R.T. Framework (Specific, Measurable, Actionable, Realistic, and Time-Based)  can be a key to your design success. Many UX designers think their primary goal is to create a delightful user experience or a sleek design. But that shouldn’t be the main focus. Designers need to think beyond mere pixels. They should adopt a business perspective, think strategically, consider the primary objectives, and design towards both users and business goals. While reading a client’s brief, we often find that the business goals and the requirements are not clearly formulated. Either we get Clients from Hell, suffer a lack of communication, or are faced with unrealistic and unclear expectations. We hear vague requests, like, ...

Amazing Travel UIs aside

The following is a curated collection of beautiful and futuristic travel UIs created by different designers from around the world. Some of the designs are captured from live products, some are still in development, and some are purely concepts designed to push the bounds of what is even considered possible. Note to designers: Some of the following contains fully developed open-source elements that you can use in your own designs. Facebook Messenger, Bots, Payments Credit: Isil Uzum Why it’s amazing: This concept brilliantly leverages the current chatbot hype and applies it to a compelling use case: booking flights with friends. It takes a number of complex interactions and allows the group to search and book within the Facebook Messenger app. Swipe to Travel Credit: FΛNTΛSY Why it’s ...

How to Hire a UI Designer aside

Working with a UI designer in most cases is an exciting period of a product’s journey. All the nuts and bolts start coming together and the intangible finds itself materializing into reality. But finding a great UI designer can also get tricky and in some cases difficult, especially when it comes down to defining a UI designer’s job description. Roles can get confused and the optimum outcome of a project’s deliverables and experience may invariably end up in a hard place to reach. In order to get the best out of the hiring process as well as the UI designer you will be working with, it is best to get a little closer to what they do and the quote ...

19th of May, 2017
In: layout design, User Interface Design
1
0

How to Create Custom Loading Animations to Decrease Bounce Rates aside

Originally known as a throbber, a loading animation is used to indicate the progress of data recollection or interface rendering. While you could once get by using a dull progress bar to indicate this, those days are gone. Today, a well-crafted animation leveraging CSS, jQuery, or simple animated GIFs is an opportunity to enliven your interfaces and add personality to your product. Thoughtful animations can entertain your users while they wait for your content to load. A good loading animation helps manage expectations and improves the user experience by maintaining interest. In this tutorial, we’ll use Sketch to create basic shapes and Principle to quickly create simple custom loading animations. (Both of these apps are for Mac.) You’ll learn how ...

20th of April, 2017
In: ui-ux-animation, User Interface Design, UX design
0
0

How to Design Delightful Experiences for the Internet of Things aside

One of the next technological revolutions on the horizon is the emerging platform of the Internet of Things (IoT). The core of its promise is a world where household appliances, cars, trucks, trains, clothes, medical devices and, much more would be connected to the internet via smart sensors capable of sensing and sharing information. As its presence in our lives grows, the Internet of Things (IoT) will be fundamental to most things we see, touch, and experience—UX design will play an important, if not essential, role in that advancement. From healthcare to transportation—from retail to industrial applications, companies are constantly searching for new ideas and solutions in order to create new experiences, deliver greater value to customers, and make people’s ...

14th of July, 2015
In: ui-ux-animation, User Interface Design, UX design
28
0

Having fun with UI UX animation image

Material design ui ux animation is challenging but also fun. Playing around with After Effects and UI UX animation techniques, we built a small prototype for a funny basketball game.

23rd of June, 2015
In: ui-ux-animation, User Interface Design, UX design
1
0

UX animation – our first concept exposed on Materialup image

Part of a designer work is to keep finding new means of expression. We have lately become passionate about Google’s material design concept and started to learn its fundamentals. Using our short learning experience, we have created an UX animation for a prototype we designed for an odometer mobile app. We are happy to see that our first prototype made with After Effects was listed today on Materialup, a great collection of user interface design and ux animations based on Google’s material design principles. If you are in the early stages of prototyping a great idea for a mobile app and you need fresh ideas about your ux animation should work we’d be thrilled to join the adventure! Feedback is welcomed!

User Interface Design Process image

User Interface Design Process follows a few steps in order to discover and define user demands and business requirements. Effective user interface design balances technical functionality with visual elements to help users reach their goals. User Interface Design Process Step 1: Describe Targeted User and Define System Requirements User goals and user profile are key elements that determine the success or failure of any interface design. User profile characteristics such as technical level, experience with informational systems, gender, age or cultural behavior drive the decision making during the user interface design process . Understanding user goals determines how the information flows, and how it should be structured. Technical aspects, such as preferred user devices, browsers, operating systems, and so on, form the ...

Categories ArchivesUser Interface Design