Posts

Showing posts with the label mobile app

How to Test the Usability of Your Prototypes on Mobile and Desktop Devices?

Image
Broadly speaking, usability testing is a technique used in user-centered interaction design in order to evaluate a product by testing on users. It allows companies to test a basic version of mobile app or website before dedicating time toward coding and developing stage. Why worry about usability so early when prototyping already has a big todo list? Because “ Unless your product is usable, all your testing will tell you is that people don’t like terrible products ”. Without any doubt, usability testing can start without prototyping, and those tests may pinpoint the best way to structure your information architecture or prototype’s navigation. Some popular preprototyping tests include  Card Sorting ,  Tree Testing  and  Interviews . It’s different between testing a prototype and testing a functional website, and let’s look several helpful tips for prototype testing below. * Be careful with Lorem Ipsum Text  - Every time when Lorem Ipsum text appears, it ...

The 5 Best Free Wireframe Tools for Mobile Apps You Can’t Miss Out

Image
The flourishing of various mobile devices stimulated the explosive growth of the mobile Apps. From the rapid development of the mobile market, we can see it’s an age of accelerating technology on mobile App design and development. One of the most important part during App development is building wireframes which can reasonably organize and simplify the content and elements. Low fidelity is the key feature of wireframes. It will present the design idea and App prototype of the product in a more intuitive and simple way. In addition to saving time, wireframes but also provide great advantages for designers focusing on product user experience. Here is a list of the 5  best free wireframe tools for mobile apps  in 2017. 1. Paper prototyping Pricing: free forever Pen & paper are the total free wireframing/prototyping tools, no matter from the point of time & capital cost, usability, learnability, as well as the practicability. Comparing with  other wireframing...

Typography In Mobile Design — 15 Best Practices To Excellent UI

Image
A mobile device, with sufficient battery and powerful wifi, that’s enough to bring us a wonderful world of unlimited information and pleasure. We are all living in the mobile world. How to beautify this world toward optimized user experience? How to present clear UI and UX on a limited screen without overload? Many elements should concern, and I bet  mobile typography  is an important one. Mobile design requires highly details and elaboration. Every elements chose on this one small screen should be of both aesthetics and functionality. It’s quite challenging to make mobile typography work for your users just right. But there is actually a practical way to follow, this article describes essential practices of  typography in mobile design . First, basic knowledge of typography As a designer or even a developer, some may have never been usually trained or learnt about typography. This is not a good thing. You don’t have to but you really should. 1. What is typograph...

Need-to-Know Skills of UI Design for Mobile Devices

Image
Have you meet some problems on the UI design for mobile devices? For example, small mobile screens? Bad user experience? In this article, I will cover some things you can do to learn practical user interface design ( UI design ). 1. UI design principle Don’t think the practical  UI design  principle does not apply to small mobile screens. Five elements of UI design you should take into consideration: 1). Goal-driven Design. This allows you to customize the app working process and meet requirements for target users. 2). Usability. It may look empty, but you have to guarantee your application is usable. Users don’t like to download a complex app from App Store. Usability makes your product useful and hopeful. 3). Affordance & Signifiers. The signifier is an implication of affordance.For example, underlined blue text reminds you it’s a hyperlink, and it can link to other pages when you click it. With correct signifier, users can easily understand UI eleme...