public marks

PUBLIC MARKS from sbrothier with tags ux & mobile

2016

Mobile UX Design: What Makes a Good Notification? — UX Planet

(via)
Have you ever paid attention to the number of notifications and alert messages you receive on a daily basis from various apps? How many of those notifications do you actually care about?

2014

Web design as troll: how The Verge Fanboys piece taunted the internet | Vox Product Blog

How do you speak to a group of extremely passionate people? What kind of design would speak to them? When Joshua Topolsky approached us about creating three different layouts in the style of three mobile UI’s we were initially torn. Something about mimicking the UI of phones didn’t feel original. But more importantly, it presented a problem of presentation. There was an inherent a UX problem to solve: do you offer presentation options or do you trick the user? We decided to troll.

Motion Ui Design Principles — Beyond Kinetic

This blog is a quick look at some simple Ui motion design principles.  There isn’t too much documented about this area of mobile ui design and I thought there would be some value in expressing my views.   From what is documented already I urge anyone interested in ui motion to check out Pasquale D’Silva http://psql.me/ and Johannes Tonollo’s meaningful transitions http://www.ui-transitions.com/#home.  

Stripe: Checkout

by 1 other
CheckoutThe best payment flow, on web and mobile.

2013

How the Float Label Pattern Started

I first had the idea for a new input pattern back in August. The idea was simple enough - animate placeholder text to show an icon beside the input so you don't lose your context. I've been doing 99% mobile work for the past 2 years and little things like this can really add up. I wanted a solution that saved space, looked clean and clear, but didn't forego usability.

sbrothier's TAGS related to tag ux

3d +   animation +   apple +   cinema +   games +   google +   gui +   hardware +   html5 +   humor +   icons +   illustration +   image +   interactive +   interface +   internet +   ipad +   iphone +   lang:en +   light +   mobile +   motiondesign +   music +   myspace +   news +   notifications +   pattern +   photos +   portfolio +   responsive design +   scroll +   shop +   sports +   subtitles +   tools +   ui +   usability +   video +   web/tech +   webdesign +   WebGL +