Playing around with some marketing page concepts and came up with an interesting way to display content on multiple devices with one element in the markup. Check the demo here.
Inspired by device-loop from slid.es.
Decision Fatigue and UX
I just recently came across a really nice article by The Atlantic about decision fatigue. This is the concept of a person trying to make a decision between more options than their brain can process – resulting in no decision at all. Read it here. Among the great comparisons to real life, I think the following principles referenced from the psychologist Sheena Iyengar can be used as an excellent UX tool.
Type Nerds
photo © flickr user needtoptic
Last weekend a few of us checked out an exhibition called Pencil to Pixel, a showcase of rare finds from the Monotype type Foundry’s archives. We were educated by a type designer currently working at Monotype about the history of the foundry, advancements in type design & reproduction over the years, and some stories about printers and type designers of the past. A few exciting points were the original “sketches” Eric Gill gave to the designers at Monotype of his now robust Gill Sans, a case of goodies by the designers at ITC including a tissue sketch by Herb Luballin, and a demonstration of some new advancements in web typography by Typecast.
Excuse me, does my font look big?
If you’re an internet denizen or professional, you may have noticed sites throwing away the standard size 13-16pt native font in exchange for a much larger, in your face, type size. Showing up sometime around mid last year, this bold statement is still mostly championed by independent design blogs and small agency websites – and seems to be growing. As a UX and readability obsessor, I am thrilled! Before getting into why, here is a brief background.
Today I learned: you can have paletted PNG files with 8-bit alpha
For years I’ve been saving out graphics for websites as either 8-bit PNG or 24-bit PNG. Photoshop always gave me just those two options and so I assumed they were the only two options; if we needed fully transparent backgrounds we used 24-bit and if we didn’t we used 8-bit. IE6 had trouble with 24-bit PNG with the alpha channel so we often just fell back to 8-bit with 1 colour transparent backgrounds. And thats the way things where.
The best of active websites of the early graphical internet
So recently I’ve seen a bunch of tweets/blogs touting the end of skeuomorphic design and the rise of flat design. Also a bunch of tweets/blogs using the word skeuomorphic, which previously I’d never seen and consequently had no idea what it meant. And then I saw this website: {404} PageFound!.
Retina
Is it time we build websites for retina displays first and then, maybe, optimise for sub-retina displays afterwards?
To lightbox, or not to lightbox
Much to my annoyance, lightboxes have become pretty ubiquitous on the internet. I’m bored of seeing them and bored of making them. And the more I use my phone for viewing websites, I’m frustrated that the vast majority of sites use them regardless of the device accessing the site.
For Facebook Stories I decided I would act upon my frustrations. When building the site I included simple conditionals in the JavaScript that enabled the lightbox, based on screen size and if the device was a touch screen.
Star Wars: The Clone Wars
This week saw the Clone Wars animated series air its 100th episode. Much has been written about this series; after the mixed reactions to the prequel trilogy this series has given new life to the franchise to viewers young and old.
Project kick-offs: agenda, scope, team, emotions
A few you must wonder what us Producers do all day as we hit our keyboard keys, talk on the phone and go in and out of meetings. There’s more to our fancy Gantt chart timelines and chasing you to do your timesheets — I promise! I plan on sharing a series of posts on OC that capture a Producer’s life behind the scenes. Enjoy post #1.
Inventing the Future
Design duo Berger & Föhr state their stance on skeuomorphic design in the digital space in a blog post titled “Nobody Covets a Fake”.
A noteworthy excerpt:
“In order to create new things of new value, we must move forward in step with our technology, informed by the past, but not reliant upon it. Nostalgia has its place, but it is not in the artificial representation of natural materials and physical things (i.e., cotton, leather, steel, or wood) within a UI, or any product for that matter. The material characteristics of a product’s medium should be appreciated for their natural attributes. Similarly, we should not limit our potential in the area of UI design by responding to constraints of the physical world – nonexistent in the digital.”
Syncing Data Between Web Services
Why build something when their is a web services for it? Over the years, more and more web services have offered the ability to add functionalities to the apps we create so that we can focus on the core business. But in doing so, we often find ourselves in a situation where our data is spread across multiple services.
Syncing data manual is tedious and doing direct API integration takes time away from working on the core services of the apps we create. And when we want to sync data between two web services, direct integration is not an option. Until now….
This is your brain
I just discovered this gaming site that intends to improve your brain health and performance. According to the website, “Lumosity partners with researchers at Berkeley, UCSF, Harvard, and Columbia, among other prestigious universities. We also work with numerous health care organizations to provide cognitive training services.”
Vitsœ online archive
Vitsœ, a modern furniture company best known for it’s work with Dieter Rams, recently launched an online archive. The tumblr site showcases photographs, catalogs, invitations and promotional items.
Data visualizations reinterpreted – with Peter Saville
Joy Division’s “Unknown Pleasures” cover
Peter Saville talks about Joy Division’s “Unknown Pleasures” cover.
http://vimeo.com/51365288
Brands shouldn’t be afraid of social media
We speak about the future of “interactive advertising” and the question always comes down to technology. But here is an example of a truly interactive advertising campaign that is part of a two-way conversation on Facebook.
Scrum vs. Waterfall
This is a post that I published on my (now defunct) personal blog a while ago. It’s a general comparison of some concepts in Scrum and their equivalent in a traditional project management workflow. I’ve intentionally avoided mentioning the advantages or disadvantages of either — you can make up your own mind about that.
Is the onslaught of grid-view feeds destroying user experience as we know it?
Love it or hate it, today eBay is supposed to roll out the v1 features of “the new eBay.” Below is a screen grab of their new feed, allowing users to quickly browse a Pinterest-like personalized feed of items based on categories/items/etc they’ve subscribed to.
Though Mashable reported it’s live, I’ve logged in but it doesn’t seem to be available to me just yet. However, I really only need to see the images to realize “right, I get it.”
Email templates vs. Energy
The English chain restaurant Pizza Expresshas long been praised for its email campaigns (well for at least over a year now, so file this under “not new news”). The praise comes largely because of how the emails appear with images disabled. From my understanding of how email is read these days, images being disabled is an increasing problem.
Pulse redesign
There’s a new Pulse in town and it looks pretty good with news reimagined by none other than Internet Explorer.
Looks like “Tablet Web” is the new black. Sometimes it is overdone and becomes a crazy experience (too much cool) but in some cases it is just enough and the user experience is focused and simple. What I love most? No right column for the sake of right columns!
Testing retina graphics on non-HiDPI displays
If you have OS X Lion installed, there’s a small trick that will allow you to switch to HiDPI resolution display modes. It doesn’t work on the MacBookAir because the screen is too small and the resolution will drop below the minimum required resolution for HiDPI. It works on a MacBook Pro but the maximum HiDPI resolution you can get is 720×450. However if you are on an iMac or have a display with higher resolutions, then this trick should do the trick.
Business development manifesto
Here’s a compilation of many emails between Arnaud Mercier, Dominique Deriaz, Kemp Attwood, Andrew Ackerman and myself on the subject of business development within our company.
Creating a tribute to Arnaud Mercier
In memory of Arnaud Mercier who passed away on the 26th of September 2011, AREA 17 launches a permanent online exhibition dedicated to his work.
Last year when our dear friend and collaborator passed away, we decided to do a tribute to him and his work. There was a lot of information about Arnaud Mercier on the web, but there was no place to see all of his work in one place. We wanted to gather all of his designs to show the breadth of his work and give people a chance to get to know the designer a bit more on a personal level.
I need to learn more: RegEx
I’m currently working on a new feature for Facebook Stories which involves using the Facebook Graph API to search content on Facebook. The results of a search are going to be displayed, with the search query highlighted in the results using the HTML5 tag.
Welcome to the Optical Cortex
The name of our agency AREA 17 refers to the Optical Cortex of the brain where visual data is received, patterns are recognized and images are formulated. As a company, we have used the term Optical Cortex as an internal code for our ideas, process and methodology, including the challenges we encounter, the tools we use and the work that inspires us.