When you design an app or website, here are several tips and useful experience for you.
The style is the most important of the design. The design is mainly designing the style and user experience of the product, i.e. how the product looks and feels like for users. What is the impression that you want to bring to the user? Generally, designers need to consider the property of the product, which industry does the app or website belong to? E.g. music, then the designer can find and apply music related elements.
Size of the page is very important!
Follow the App system and website system development guideline. Make it clear which app template and screen size you use, and which resolution you use.
Sizes of font or shape are important! Define the font size in one module or template, then reuse it in the following pages. Also, don’t use more than 3 types of fonts, and many sizes. To create a template first before you design other pages. Nowadays, the template is an efficient and universal way.
Use free copyright font and image as possible!
The font is defined at the early stage of the design because different types of fonts have different height at the same size. If you change the font type, you may also need to update all the size, which will cause more efforts to designers and developers.
If you choose to use a font which has to buy copyright, you can search on the website to choose types for the font on mobile or PC.
Pay attention to align, contrast, hierarchy, leave space to breathe. Create modules, as fewer kinds as possible.
Elements like button and symbol can be reusable and can update synchronously together, this will save efforts because one app or web includes many pages.
Keep the design of the same feature on cross-platform consistent.
For one feature, the fewer actions for users, the better. So find mature products as references, use the simplest route.
The designer needs to consider the longest and shortest number of texts allowed users to input, like username, password, title, comment, etc. Remember to leave enough space for them.
When a user enters the wrong contents, should have error prompt, remind the user why it is wrong, then the user can correct them. When a user has uploaded something or does something right, should inform users timely. E.g., validate errors as you go, user-friendly words.
Use the grid web design approach to make the website responsive, web pages can render well on a variety of devices and window or screen sizes. Content, design and performance are completely shown not hidden across all devices to ensure usability and satisfaction.
Double check all pages and details, ensure the above 10 tips are followed in your design.