UI/UX Design

Prototyping/wireframing tools are the best communication method between interaction designers, project manager, and website developers. It’s a key step of web or mobile app development process. While in principle, the design of prototypes must be a product of interaction designers, and the user-centered concept shall run through the whole product design progress. The professional perspective and rich  user experience  of interaction designer will directly influence the usability of the product. So, the problem of how to complete a good prototype design that’s depending on how you choose prototyping/wireframing tools. Below are the most popular  mockup  &  prototyping/wireframing tools   & apps  based on website, desktop, and mobile device. Web-based Prototyping Tools 1.  InVision As a web-based collaborative program, InVision is powerful at clickable & interactive prototypes, real-time design collaboration ...

Some new web designers always think that the most important thing is to add some attractive content when they design website, so they only put a lot of energy in the content rather than the typography in web design. However, in my opinion, whether the quality of the content is good or bad could determine the number of the reviews of your pages. In fact, the layout of page is also a very important factor. As the saying goes, "safflowers need green leaf lining", I think there is no conflict between content and typography, and actually they are complementary. How can the safflower show its beauty without green leaves being a foil?  A web designer  should not only pay attention to good quality of content, but also care a clean layout of web design page in order to truly achieve a good user experience. Typography web design vs. Typography graphic design There are many similarities between them, but there still exist many differences. I think the typography of graphic desi...

Before starting a product design, it is very important to know clearly the demands of users. Taking into account the needs of users can help determine how the product will fit the conventional requirements of users of different fields and ages and with unequal contexts, meanwhile to help the function design. Creating Personas is a good way to achieve this goal. Software development pioneer Alan Cooper had created the first Persona with his colleagues in the 80’s. In this article, we’ll talk about how to create Personas through 7 sections. 1. What is a Persona? The Persona definition is that one or several fictional characters that can represent the majority of the potential users of product with conventional user demands and they are created through a great amount of quantitative and qualitative research. Persona answers the question “Who do we design for?” It is a powerful tool based on research findings in helping product function creation by optimizing the UX research...

I've been browsing the Quora lately and this site is a terrific platform to communicate with each other. When I'm having problems, I go to the site to look for the answers or submit the question. I've been asked by many people about "What are the best online courses to learn UI/UX?” recently. So I started looking for answers, and I listed the following 30 online course sites to learn UI/UX. Hope it is helpful and useful to you. Any resource you think it’s worth to be included, please feel free to give a message below the comment area or simply drop me a line on  LinkedIn . 1.  Hackdesign An easy to follow design course for people who do amazing things. 2.  Coursera Take the world’s best courses, online. 3.  My.path Thousands of courses, articles, meetups and videos are all in one place. They’re 100% content-ready so employees can stop wasting time on searching and focus on learning. 4.  SKILLSHARE Learn a New Skill Each Day. Learn creative skill...