Skip to content

ashwinpilgaonkar/XYZ-Reader

Repository files navigation

Make Your App Material: XYZ Reader

Udacity Android Developer Nanodegree: Project 5
Redesigned the existing news reading app using Material Desing Guidelines. This includes consistent and meaningful use of Material Design UI components, fonts, color, motion and surfaces.

Usage

Git clone and import in Android Studio
minSdkVersion 16

Initial User Feedback

Lyla says: "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." Jay says: “Is the text supposed to be so wonky and unreadable? It is not accessible to those of us without perfect vision." Kagure says: “The color scheme is really sad and I shouldn't feel sad.”

Screenshots (Before)

PhoneUI MainPage Portrait PhoneUI DetailPage Portrait PhoneUI DetailPage Landscape

Improvements Made

  • Used the design support library and its provided widget types: FloatingActionButton, AppbarLayout, SnackBar, etc.
  • Used CoordinatorLayout on the main screen
  • Fixed incorrect shadow of certain UI elements by setting the correct value of android:elevation
  • Fixed incorrect text size and image height on the detail screen
  • Fixed non-uniform padding and certain UI element placement
  • Improved overall color scheme
  • Optimised for Mobile & Tablet
  • Fully adheres to Material Design Guidelines

Screenshots (After)

Phone

PhoneUI MainPage Portrait PhoneUI DetailPage Portrait PhoneUI DetailPage Landscape

7" Tablet

7"TabletUI MainPage Portrait 7"TabletUI DetailPage Portrait 7"TabletUI MainPage Landscape 7"TabletUI DetailPage Landscape

10" Tablet

10"TabletUI MainPage Landscape 10"TabletUI DetailPage Landscape