Categories ArchivesUser Interface Design

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 ...

Continue Reading

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 ...

Continue Reading

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!

Continue Reading

User Interface Design Process image

user-interface-design-process

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 ...

Continue Reading

This is a unique website which will require a more modern browser to work!

Please upgrade today!