Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
UX Design for Mobile

You're reading from   UX Design for Mobile Design apps that deliver impressive mobile experiences

Arrow left icon
Product type Paperback
Published in Jul 2017
Publisher Packt
ISBN-13 9781787283428
Length 354 pages
Edition 1st Edition
Concepts
Arrow right icon
Authors (2):
Arrow left icon
Pau Giner Pau Giner
Author Profile Icon Pau Giner
Pau Giner
Pablo Perea Pablo Perea
Author Profile Icon Pablo Perea
Pablo Perea
Arrow right icon
View More author details
Toc

Table of Contents (11) Chapters Close

Preface 1. Design Principles and General Design Planning FREE CHAPTER 2. Research - Learning from Your Users 3. Exploring Ideas - Sketching 4. Mobile Patterns - Web App, Android, and iOS Best Practices 5. Detail Your Solution - Wireframes and Mockups 6. Prototyping - Bringing Your Ideas to Life 7. Prototyping with Motion - Using Tumult Hype 8. Prototyping with Code - Using Framer Studio 9. User Testing 10. Bibliography and References

General design planning

The design process can be summarized in three simple steps: learn about the problem, explore possible solutions, and verify the solutions that work in practice.

The following chapters will elaborate on those steps to detail specific activities that can help you move through the process:

  • Research: You cannot solve a problem if you don't understand it well. Learning about your users, their needs, and motivations is essential in order to solve their problems. Research techniques will help you get this knowledge and analyze it.
  • Explore ideas: Given a problem, there is no single possible solution. Problems involving people normally have many potential solutions. Innovative ideas can be found quickly with an exploration process based on sketching.
  • Mobile patterns: In order to meet the basic expectations of your mobile users, you'll need to follow the conventions on the different mobile platforms.
  • Detail your solution: Communicating your ideas clearly is essential in a team. Design tools allow you to move your idea from the abstract to a more detailed representation.
  • Prototyping: Design solutions are not static. To evaluate your ideas, you need to recreate how users interact with them. The prototyping process allows us to simulate our ideas without the effort needed to build them. Picking the right tool for the job is also part of the process.
  • Prototyping with motion: Visual tools that embrace the concept of time are powerful prototyping tools. They provide control on how to communicate with motion by defining transitions and animations with great detail.
  • Prototyping with code: Another perspective of prototyping is using code. Translating the prototyping concepts to code is a powerful approach to prototype your ideas.
  • User testing: You don't know whether things work or not until they are used in practice. If you are able to recreate how an idea will work with a prototype, you can put it in the hands of a user and learn how well it will work.

This process is iterative in nature. Although it is described as a sequence of steps, you'll experience many different iterations for different parts of the product. Moving back and forth is totally expected and the results of each step will inform the next move.

For example, based on the results of testing a prototype of the general idea for your app, you can go back to learning about the problem, exploring more solutions on the drawing board, looking for a completely different approach, or further detailing your existing solution focusing on a specific aspect.

As with all chapters in this book, a Being pragmatic section will provide some advice in applying the design process in practice.

You have been reading a chapter from
UX Design for Mobile
Published in: Jul 2017
Publisher: Packt
ISBN-13: 9781787283428
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image