Posts

Showing posts from November, 2017

High-Fidelity & Low-Fidelity Prototyping: What, When and How?

Image
Originally coming from the rock music, the terms of “ high fidelity and low fidelity ” were used to describe the sound and playing skills of the rock and roll at the end of the 1980s. Likewise, there are three levels of fidelity in design including low, mid and high fidelity to refer to the level of details and functionality built into a prototype. The debate about using low versus high fidelity prototyping is on-going and it’s worth thinking how much a prototype should resemble the final version of your product. In the following, I will walk you through the basics and difference lying in the high fidelity and low fidelity, explaining why and how to make lo-fi prototyping for better design. 1. What is the difference between high fidelity and low fidelity prototyping? Generally, there is no fixed recipe for successful prototyping, but there is a distinction made between the high fidelity and low fidelity prototypes. One of the major differences between them is the refinement of

What? You Are Still Doing High-Fidelity Prototype Slowly?

Image
Have you ever spent half a month designing a high-fidelity prototype, but it was denied within a few minutes? So much time and energy have been spent but in vain. I have met similar things so many times. However, such tragedy can be totally averted: the rapid low-fidelity prototype is a wise choice in prototype design. 1. What is a high-fidelity prototype and a low-fidelity prototype? Low-fidelity prototype: it only focuses on functions, structures and processes; it only provides the most simple frameworks and elements; it generally does not provide color, but expresses itself in gray scale. High-fidelity prototype: it provides more visual details; it is almost equivalent to a UI effect picture, and only needs to replace the actual data and materials in the development process. 2. Why make a low-fidelity prototype? In product development, the goal of a prototype is to express its ideas, functions and content, in order to get feedback and improve the product. The most imp

What is AWD? 5 Great Adaptive Web Design Examples for Inspiration

Image
Replacing the PC devices, the mobile is becoming the most popular devices to access the Internet. So web designers encountered a problem that how to present the same web page on different sized devices? Don’t worry, the emerging of adaptive web design fixed this problem perfectly. This article will introduce some basic knowledge and great adaptive web design examples. 1. Principle: What is the Adaptive Web Design? In 2011, a web designer, Aaron Gustafson, gave a definition of Adaptive Web Design (AWD) in his book, Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement. It is also known as progressive enhancement of a website. Adaptive design means to create a different page for different types of devices, the current AWD web pages are targeted at these resolutions (320, 480, 760, 960, 1200, 1600). Unlike responsive web pages (RWD), adaptive design is based on breakpoints using static layouts.  RWD Is Not AWD , once the page loaded, it can no longer be auto

What is User Experience? What Makes a Good UX Design?

Image
With the development of the Internet, the term of   User Experience   has become a keyword of the Internet product development. The definition of the user experience is notso absolutely, and it is also not so sacred and inviolable for ordinary people. In recent years, all peoples are talking about user experience, it seems that everyone can be a UI/UX designer, as the popularity of design in the world. But what is it? What is called as a good   User Experience Design ? What is the   user experience ? User experience (UX)  refers to a person's emotions and attitudes about using a particular product, system or service. It includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership. Additionally, it includes a person’s perceptions of system aspects such as utility, ease of use and efficiency. The concept of design, like the Internet, is increasingly becoming a necessity in modern life. People are

How to Choose to Be a Web Designer or a Web Developer?

Image
At present, the boundaries between web designers and web developers are getting blurred.  More and more designers began to learn to code, and developers are beginning to pay close attention to design theory. Is a web developer the same as a web designer? This article tells the differences in the salary, job description, skills, tools, and how to make choice between them. Salary for Web Designer vs. Web Developer 1. What’s the salary for web designer? As of October 30, 2017, the average salary of web designers is  $ 73,204 , usually, it’s in the range of $ 62,669 to $ 83,659. However, it depends on various factors and may vary widely. HR provided as of October 30, 2017 The figure above is the expected percentage of American web designer salary, which is lower than the annual salary. For example, the average expected annual salary of a typical web designer in the United States is $ 73,204, so 50% of those working as web designers in the United States are expected to be less