Product Management UX/UI & Interacion Blog — Frank derFrankie Neulichedl

Frank Neulichedl

Open sourcing Twitter emoji for everyone | Twitter Blogs

This is actually bigger than people might think. Many Apps and web apps use Apple Emojis without the propper license and the open source variations you can find until now are ugly to say the least. This move will actually bring well designed emojis to more projects.

Open sourcing Twitter emoji for everyone | Twitter Blogs
Now everyone can take advantage of them!

Styling And Animating SVGs With CSS | Smashing Magazine

SVG is the new * at least it seems that finally SVG gets the attention it deserves, and this extensive article gives a great overview over how to create them, optimize them, style them etc. Read it, Bookmark it and read it again when needed.

Styling And Animating SVGs With CSS | Smashing Magazine
Sara Soueidan explains how to export and optimize SVGs, how each one affects the styles and animations applied, and introduces techniques for embedding them.

Bookmarklets in the design world — Designing Medium — Medium

Very interesting approach on using bookmarklets to try design changes on life systems without affecting the deployed server. Sounds complicated? The article is well written and helps you decide if this is something that can help bring you faster to your goal.

Bookmarklets in the design world
Why we sometimes use bookmarklets on the design team at Medium

uiGIFs - User interface patterns in the form of animated GIFs

Interesting approach for a design pattern library - not only screenshots, but animated gifs actually showing the interaction.

uiGIFs - User interface patterns in the form of animated GIFs
Animated UI inspiration in your inbox every Monday. Give me GIFs. play. Sift Rentals ・ 14. play. tapkast ・ 11. play. Twitter Audio Card ・ 4. play. Rooms ・ 14. play. Pq ・ 14. play. Bring! ・ 14. play. PhotoMath ・ 12. play. AnyDo 2.0 ・ 15. play. Flipboard 3.0 ・ 11. play. Skype Qik ・ 20 ...

The Evolution of the Title Bar Buttons | Placeit Blog

I love history - and computer inteface history is even better. This great blog post about the icons we use to manage windows in operating systems is full of animated gifs and guide you through the evolution of the Title Bar Buttons.

The Evolution of the Title Bar Buttons - Placeit Blog
We wanted to discover the complete evolution of the title bar buttons. So we set out on a journey through GUI's to pinpoint exactly how they started.

Ex-Googler Builds A Github For Designers | Co.Design | business + design

Good writeup about this new service. Looks promising and I will share my upcomming free projects here. Already got some ideas. So follow me at

https://www.pixelapse.com/derfrankie/

Ex-Googler Builds A Github For Designers
Pixelapse is built on a simple, radical premise: I'll show you mine if you show me yours.

Share: The Icon No One Agrees On - BOLD by Pixelapse

Maybe one of the most complete collection of thoughts around the sharing icon variety. And a nice discussion in the comments - what is not that common.

Share: The Icon No One Agrees On
And why iOS 7's icon is nicknamed the "uploader" - What do each of these symbols have in common? They are all trying to convey the exact same action - share! Sharing to a social network or via email is a ubiquitous action nowadays but designers have still not been able to reach a consensus on what symbol to use to represent it. Not only does each major platform use a different icon, but they've each witnessed changes over the years.I have spent ...

Extend your website with usefull sharing

Sharing Buttons seem so 2006 but we still add them on websites - for the eventuality of virality. There are some scenarios where you what to share content - mostly content bits. On AndroidPit we added sharing to App Questions, because those are relatively small content bits which people want to share.

Another strategy is the one the Guardian uses - offer sharing when you select text. Great idea, but you need for sure some on-boarding to make this feature discoverable.

#ux #ft #link

Originally shared by +Wolfgang Blau

by the way: select any word or sentence on the new Guardian site and you can tweet or email it right away.
see at www.theguardian.com/us
Thx to Richard Nguyen and +Cantlin Ashrowan

 

Material Design Implementation Clarification

There is still some discrepancies between the Guidelines, Checklists and the actual Google Apps, but these slideshow helps close a couple of gaps - especially in the typography realm.

Check it out.

#link #materialdesign #fixed

Originally shared by +Chris Banes

Papercraft: Material design + Implementation

Here are the slides to the talk +Nick Butcher and I just gave at +droidcon London.

              

In Album Papercraft: Material design + Implementation

Google Analytics integration Demo Site

Want to build a dashboard for all your Websites running Google Analytics? Want to embed some stat in a online report for your CEO - I think here you can find the right examples.

#link #Google #googleanalytics

Originally shared by +Google Analytics

Discover the Google Analytics Platform

We've just launched a brand new site to showcase many of our most popular Google Analytics demo and tools. The entire site is open sourced, uses public APIs, and is available on GitHub. Check it out and let us know what you think at: http://goo.gl/Yu1xaa

 

Most Popular Google Play App Categories 2014

This is not your standard chart based on app numbers per categories. This chart is based on data from 342.000 Apps isntalled on over 100.000 Devices recorded from April-October 2014. This gives a better overview on what on how popular a category is with smartphone users - not just how popular it is with developers. If you go by lists from Appbrain or App Annie you might think that Business, Photography and Social are hot categories ... but they are not or even worse, they have plenty of downloads, but only from  a few apps. Trying to push an app in these categories might be very difficult. I did not lump Games into one value here to give the full picture - but all game categories combined is about 50% larger then Tools, the single most popular app category. And here is the list:

  1. TOOLS
  2. PERSONALIZATION
  3. EDUCATION
  4. ENTERTAINMENT
  5. LIFESTYLE
  6. BOOKS AND REFERENCE
  7. TRAVEL AND LOCAL
  8. GAME,PUZZLE
  9. NEWS AND MAGAZINES
  10. MUSIC AND AUDIO
  11. PRODUCTIVITY
  12. GAME,CASUAL
  13. BUSINESS
  14. GAME,ARCADE
  15. FINANCE
  16. APPLICATION,SPORTS
  17. COMMUNICATION
  18. HEALTH AND FITNESS
  19. SOCIAL
  20. TRANSPORTATION
  21. SHOPPING
  22. MEDIA AND VIDEO
  23. PHOTOGRAPHY
  24. MEDICAL
  25. GAME,ACTION
  26. GAME,CARD
  27. GAME,RACING
  28. GAME,SPORTS
  29. APPLICATION,WEATHER
  30. GAME,EDUCATIONAL
  31. GAME,SIMULATION
  32. GAME,FAMILY
  33. GAME,ADVENTURE
  34. GAME,STRATEGY
  35. LIBRARIES AND DEMO
  36. GAME,TRIVIA
  37. GAME,CASINO
  38. GAME,ROLE PLAYING
  39. GAME,BOARD
  40. GAME,WORD
  41. COMICS
  42. GAME,MUSIC

Generate Android Assets with new Photoshop CC Extract Tool

The newest Photoshop CC 2014 update brings a new tool for Android and iOS Developers to extract the assets you need in the various screen resolutions. Since Adobe is always leaning towards iOS/Apple than Android the preset settings are geared toward iOS. Here is the quick 6 step workflow to make it work for Android.

  1. Create your Assets for the highest resolution (xxhdpi right now) and rename all the layers to the filenames you want to give. Make sure that all you layers are vector based or converted to smart-objects extracte_assets_step1
  2. Resize your document to mdpi = 33% (if you start resolution was xxhdpi) extracte_assets_step2
  3. Then, choose File > Extract Assets (or use the keyboard shortcut Cmd + Option + Shift + W (Mac) | Ctrl + Alt + Shift + W (Win). Go into Settings and set the resolutions like this extracte_assets_step3 extracte_assets_step3b
  4. Extract the assets by clicking extract extracte_assets_step4
  5. Go into the folder with the assets and create a drawable-mdpi folder
  6. Move the mdpi assets in the root of the folder to the drawable-mdpi folder extracte_assets_step5

Coldplay does it right - live concert, without video, but live social stream

Great move from Coldplay - stream their concert live. You might say, that's not news, but they do a couple of things right. http://www.coldplayaustralia.com.au/#/social-feed

First, they use a dedicated site they own, instead of one of the big companies. So I imagine, that the site will be still there when you read this post.

Second, they have a social stream and photos to give you beyond the music a way to experience it. In my opinion in a better way than even video would do.

Cleaned up Google+ Photos interface

Just noticed today that Google has cleaned up the photos section of Google+. No more confusion between Highlights and a Photo Stream. The show more images button has changed and the now everywhere present "card" background appear only on hover. The interface of the single album view has also been optimized. Now there are simple buttons for switching between Highlights and "all Photos" - this has been quite hidden before - and the properties are easier to access. If you click on the name for example a modal window shows up.

It shows that some of the sleeker design decisions have not been accepted well it seems. A reminder to us UX Designer to continue to improve and test our designs.