Android Design: Beyond the Guidelines

download

of 166

  • date post

    17-Aug-2014
  • Category

    Design

  • view

    1.092
  • download

    3

Embed Size (px)

description

With Android Design guidelines becoming more robust and easier to implement, it's easy to have your application's design lost in a homogenized sea of "Holo Themed" user interfaces. When is it ok to break away from the Design Guidelines? In this session, we will examine and showcase examples where developers have "thought outside the box" and implemented beautiful interfaces and animations that create captivating and unique experiences for their users. We will also discuss how to achieve some of these design features in your own applications by looking at common patterns for a variety of designs that will leave your users delightfully surprised and help you push the boundaries of Android's paradigms in the future. Note: Most images are animated gifs, but unfortunately will not animate in this format.

Transcript of Android Design: Beyond the Guidelines

  • BEYOND THE GUIDELINES Creating character and identity in your Android applications Kevin Grant Thursday, November 7, 13
  • Thursday, November 7, 13
  • Thursday, November 7, 13
  • Its still awesome Thursday, November 7, 13
  • Its still awesome tumblr.com/jobs Thursday, November 7, 13
  • Thursday, November 7, 13
  • Thursday, November 7, 13
  • Problem All basic apps look the same Thursday, November 7, 13
  • Problem All basic apps look the same Thursday, November 7, 13
  • All holo apps look the same Thursday, November 7, 13
  • All holo apps look the same Default styles are easy to implement Thursday, November 7, 13
  • All holo apps look the same Default styles are easy to implement ActionBar is really hard to customize Thursday, November 7, 13
  • All holo apps look the same Default styles are easy to implement ActionBar is really hard to customize Deviation isnt encouraged Thursday, November 7, 13
  • New York Times News Weak Branding (these could all be the same) Circa Thursday, November 7, 13 Currents
  • News Strong Branding Flipboard Thursday, November 7, 13 Pulse
  • Users wants results, not rules Thursday, November 7, 13
  • Users wants results, not rules Thursday, November 7, 13
  • Users wants results, not rules Creativity is rewarded Thursday, November 7, 13
  • Users wants results, not rules Creativity is rewarded Generally t into ecosystem is enough Thursday, November 7, 13
  • Users wants results, not rules Creativity is rewarded Generally t into ecosystem is enough Dont listen to Android design trolls Thursday, November 7, 13
  • Dont port your iOS design to android Thursday, November 7, 13
  • Dont port your iOS design to android This doesnt mean design should not be a priority Thursday, November 7, 13
  • Going to cover 3 topics today Thursday, November 7, 13
  • Going to cover 3 topics today Say YES to your designers Thursday, November 7, 13
  • Going to cover 3 topics today Say YES to your designers Make your applications WHIMSICAL Thursday, November 7, 13
  • Going to cover 3 topics today Say YES to your designers Make your applications WHIMSICAL Be a DESIGN LEADER Thursday, November 7, 13
  • Section 1 SAYING YES Designers send payments to kevingrant5@gmail.com Thursday, November 7, 13
  • Section 1 SAYING YES PROBABLY DO THAT Designers send payments to kevingrant5@gmail.com Thursday, November 7, 13
  • Thursday, November 7, 13
  • Wouldnt it be great if... Thursday, November 7, 13
  • Wouldnt it be great if... What do you think about... Thursday, November 7, 13
  • Wouldnt it be great if... What do you think about... How hard would it be to... Thursday, November 7, 13
  • Thursday, November 7, 13
  • Dont be that guy Thursday, November 7, 13
  • Dont be that guy Designers arent here to ruin the product or everyones lives (just yours) Thursday, November 7, 13
  • Dont be that guy Designers arent here to ruin the product or everyones lives (just yours) Most of the time, theyre requests are reasonable, it just requires extra work Thursday, November 7, 13
  • Dont be that guy Designers arent here to ruin the product or everyones lives (just yours) Most of the time, theyre requests are reasonable, it just requires extra work If your designer asks you to move a pixel, YOU ASK HOW HIGH. Thursday, November 7, 13
  • Example Can we increase the padding between the home icon and the back carrot? Thursday, November 7, 13
  • Example Can we increase the padding between the home icon and the back carrot? No Ugh, Google designed it this way for a reason Thursday, November 7, 13
  • Example Can we increase the padding between the home icon and the back carrot? No Ugh, Google designed it this way for a reason Thursday, November 7, 13 Yes! Im sure theres something we can do, Ill get back to you
  • Example Can we change the text color of a action button based on its state? E.G. FOLLOW should be white, UNFOLLOW should be gray. Thursday, November 7, 13
  • Example Can we change the text color of a action button based on its state? E.G. FOLLOW should be white, UNFOLLOW should be gray. No You cant really change the color of action bar text programmatically. Thursday, November 7, 13
  • Example Can we change the text color of a action button based on its state? E.G. FOLLOW should be white, UNFOLLOW should be gray. No You cant really change the color of action bar text programmatically. Thursday, November 7, 13 Yes! Sure! Its not as straightforward as just changing the color, but we can create a custom view and use that instead.
  • Example Can we add a cool flippy animation to our dialogs to make them feel like cards? Thursday, November 7, 13
  • Example Can we add a cool flippy animation to our dialogs to make them feel like cards? No Unfortunately, animating dialogs isnt supported very well and there isnt much we can do. Thursday, November 7, 13
  • Example Can we add a cool flippy animation to our dialogs to make them feel like cards? No Unfortunately, animating dialogs isnt supported very well and there isnt much we can do. Thursday, November 7, 13 Yes! Hmm that could be tricky!, We can style an Activity to look like a dialog and use Activity Transitions
  • Note to Designers Thursday, November 7, 13
  • Note to Designers We probably say no too often Thursday, November 7, 13
  • Note to Designers We probably say no too often Dont hate on your developers! Its not their fault! (Random fun stuff isnt well supported) Thursday, November 7, 13
  • Note to Designers We probably say no too often Dont hate on your developers! Its not their fault! (Random fun stuff isnt well supported) Were afraid to work on things that have unpredictable deadlines Thursday, November 7, 13
  • Note to Designers We probably say no too often Dont hate on your developers! Its not their fault! (Random fun stuff isnt well supported) Were afraid to work on things that have unpredictable deadlines Work with your project managers to make sure that developers feel comfortable making design risks that might end up not being used Thursday, November 7, 13
  • Case Study - Trending Tag Can we have these little boxes, and inside the boxes, new posts come in from the left and right, kind of like the Windows live tiles? Thursday, November 7, 13
  • (me) Thursday, November 7, 13
  • Architecture Thursday, November 7, 13