Transformed the user experience of a news reading app using Material Design principles. This includes consistent and meaningful use of Material Design UI components, fonts, color, motion and surfaces.
Part of the Android Developer Nanodegree Program
In this project, you will redesign an app to follow the Material Design guidelines and translate a set of static design mocks to a living and breathing app.
This project gives you an opportunity to improve an app’s design, a vital skill for building apps users will love. It also replicates a common developer task of updating and changing an app's design as new standards are released.
Through this project, you will:
- Understand the fundamentals of Android design.
- Apply Material Design guidelines to an mobile application.
- Separate an interface into surfaces.
- Effectively use transitions and motion.
You will improve an app for this project:
- XYZ Reader: A mock RSS feed reader featuring banner photos and headlines. Download the code here.
The app is currently functional, and work in most cases for most users.
Your job will be to take the user feedback in the UI Review node, and implement changes that will improve the UI and make it conform to Material Design.
You should have the skills you need to complete this app after completing:
You can also refer to the Material Design specification.
- Download a zip file of the app.
- Read the following UI Reviews.
- Spend time exploring the current state of the app, looking for ways it could be improved. The app will need multiple improvements. Be sure to look specifically at issues called out in the UI Review.
- Execute the improvements!
“This app is starting to shape up but it feels a bit off in quite a few places. I can't put finger on it but it feels odd.”
“Is the text supposed to be so wonky and unreadable? It is not accessible to those of us without perfect vision."
“The color scheme is really sad and I shouldn't feel sad.”