public marks

PUBLIC MARKS from sbrothier with tags ux & webdesign

2015

Best practices in online captioning

In 2003–2004, I worked for the TILE project, a university research program in accessibility of “learning objects” in education that was funded by Industry Canada. My topic was “best practices in online captioning,” about which little has been written. I was hoping to have a few demonstration projects to show you, but then again, demonstration projects are pretty much all we've got in online captioning. I did write the following chapters.

Sous-titrage des vidéos: optimiser leur aspect pour améliorer l’expérience utilisateur | Qelios Expertise – Accessibilité Web

by 2 others
Les référentiels d’accessibilité indiquent que les sous-titres synchronisés sont des éléments nécessaires à l’accessibilité des vidéos. Ce besoin concerne notamment les personnes en situation de déficience auditive, mais également les personnes ne maîtrisant pas la langue du contenu, ou ayant généralement une compréhension améliorée du contenu vidéo lorsqu’il est sous-titré.

There is No Fold (avec images, tweets) · xiwcx · Storify

Luke Wroblewski went on a pretty great twitter tear debunking the persistent myth of "the fold" in contemporary (read: multi-device) web design. For posterity, here are all of the tweets including links to the sources.

2014

5 | 5 Things UX And UI Designers Could Learn From Wes Anderson | Co.Design | business + design

Director Wes Anderson has always been distinguished for his visual artistry, detail-rich sets, and storybook-like imagery. From the whimsical, campy feel of Moonrise Kingdom to the carefully crafted sets and miniatures in The Grand Budapest Hotel, Anderson’s movies are visual masterpieces.

Google Is About To Take Over Your Whole Life, And You Won't Even Notice | Co.Design | business + design

GOOGLE'S NEW DESIGN ETHOS, LIVING ON AND BEYOND EVERY SCREEN, COULD MAKE GOOGLE AN AMORPHOUS PROBLEM SOLVER OF UNIMAGINABLE SCALE.

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.

Beyond Kinetic

by 1 other
I have been a motion designer at ustwo since 2007 and this "Blog" is a chance for me to share my views on all things motion in and around the world of interaction and mobile interface design.

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.  

by alice lee | carousel

(via)
Carousel is the new gallery from Dropbox that helps you organize, share, and save your photos and videos with friends and family (remember having to individually send every photo in a set over iMessage? Yeah, no more!). It’s an app that holds your photos and videos, and therefore your memories - and its story needs to do it justice.

Free Beautiful Online Survey & Form Builder | Typeform

by 4 others
Typeform makes asking questions easy, human & beautiful

2013

Redesigning Google: how Larry Page engineered a beautiful revolution | The Verge

Great design is not something anybody has traditionally expected from Google. Infamously, the company used to focus on A/B testing tiny, incremental changes like 41 different shades of blue for links instead of trusting its designers to create and execute on an overall vision. The “design philosophy that lives or dies strictly by the sword of data” led its very first visual designer, Douglas Bowman, to leave in 2009.

2012

Learning to Love Humans: Emotional Interface Design // Speaker Deck

Humans, though cute and cuddly, are not without their flaws, which makes it a challenge to design for them. By understanding how the wet, mushy processor works in these hairy little devils, you can design interfaces and web experiences that will have them hopelessly devoted to your brand. Aarron will introduce you to the emotional usability principle—a design axiom that identifies a strong connection between human emotion and perceived usability.

Creative UI Design Examples for Great UX | Awwwards

by 1 other
UX (User Experience) is all those elements and factors related to the user’s interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is “a person’s perceptions and responses that result from the use or anticipated use of a product, system or service”. These factors are related to design and usability, but also to the emotions and feelings generated in the user, accessibility, brand trust…

2011

Adaptive Images in HTML

by 8 others
Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques. Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.

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 +