» The real conflict behind <picture> and @srcset Cloud Four Blog
6 days ago by dogwonder
How do we reconcile a pre-parser that wants to know what size image to download ahead of time with an image technique that wants to respond to its environment once the page layout has been calculated?
css
design
images
rwd
responsivedesign
responsive
6 days ago by dogwonder
Leading by Design: Q&A with The Boston Globe’s Miranda Mulligan | Sparksheet
6 days ago by dogwonder
Last year The Boston Globe suddenly shed its old media reputation by launching what’s been called the world’s best-designed news website. We spoke to the Globe’s Digital Design Director, Miranda Mulligan, about design’s role in web journalism.
design
responsive
responsivedesign
rwd
6 days ago by dogwonder
User Experience And The Poison On The Tip Of The Arrow | TechCrunch
6 days ago by dogwonder
Sure, Path 2.0 design is amazing. However, amazing design is not enough. It is like fashion. Everybody is excited about it at the beginning, but then people are getting used to it and eventually it wears out. After it does, the user is left with the essence of the user experience and what Path misses most is a compelling and unique user experience that will make using it worthwhile.
design
ux
6 days ago by dogwonder
Effective Presentation of a Website’s Navigation | UX Booth
20 days ago by dogwonder
Users obtain information on the web in one of two ways: searching or browsing. Browsing – moving through a multi-faceted content structure – is made easier when information architects present users with an intuitive navigation hierarchy. This article discusses two techniques to that end.
design
ux
navigation
ia
20 days ago by dogwonder
Designing Ahead: The Good, The Bad, and The Ugly - Anders Ramsay.com
20 days ago by dogwonder
One big change change driven by starting to build earlier is that of condensing up-front design work down to Just Enough. In other words, we go from doing a lot of analyzing and creating a lot of documents, sometimes for months, to committing to start delivering some kernel of the real product within weeks of project inception.
agile
design
ux
20 days ago by dogwonder
The next chapter of responsive web design | Opinion | .net magazine
4 weeks ago by dogwonder
RT @TimothyWhalin: The next chapter of responsive web #design
design
from twitter
4 weeks ago by dogwonder
Design View / Andy Rutledge - Gestalt Principles of Perception - 5: Closure
4 weeks ago by dogwonder
It is no accident that the final installment in this article series deals with closure. I’ve put it off until last not because of the clever pun, but because unlike the other Gestalt principles, a responsible examination of the principle of closure involves a host of harrowing contexts: war, deception, political and economic ruin, broken homes, broken hearts, blood, tears, and needless agony. Are you sure you want to get involved with this principle? Are you really so eager to get your hands dirty? Despite what you’ll find everywhere else on the subject, closure ain’t just for making clever logos.
design
gestalt
perception
principles
4 weeks ago by dogwonder
Design View / Andy Rutledge - Gestalt Principles of Perception - 4: Common Fate
4 weeks ago by dogwonder
The principle of common fate is vital to our perception of how the things around us are or are not related to one another. We use this principle’s mechanisms in almost every aspect of our lives, not just in our enjoyment and discrimination of design. In fact, without our perception and reliance on the principle of common fate, we could lose our very lives at any moment (cue dramatic music!).
animation
design
gestalt
perception
principles
4 weeks ago by dogwonder
Design View / Andy Rutledge - Gestalt Principles of Perception 3: Proximity, Uniform Connectedness, and Good Continuation
4 weeks ago by dogwonder
The reason that what you’re reading right now makes sense to you, other than the fact that you are familiar with the written English language, is due largely to the fact that I’m employing—and you perceive—three important Gestalt Principles. The structure of this paragraph is dependent on its adherence to and consistency with the principles of proximity, uniform connectedness, and good continuation. Without these three factors I would be unable to clearly communicate my thoughts to you through this medium (written/typed words) and what you are seeing would bear little or no relationship to language.
design
gestalt
perception
psychology
reference
4 weeks ago by dogwonder
Design View / Andy Rutledge - Gestalt Principles of Perception 2: Similarity
4 weeks ago by dogwonder
As Gestalt principles go, the principle of similarity would seem to be one of the simplest to grasp. It states things that are similar are perceived to be more related than things that are dissimilar. Simple enough, right? As a web designer, however, you’ll need to be familiar with all of the ways that elements can be similar so that you can in any given situation choose the right one to exploit. This is because the different modes of similarity are not created equal. Some are strongly communicative while others are comparatively weak …and there is context to consider. It seems that the principle of similarity is not quite so simple as we might imagine.
design
gestalt
perception
webdesign
4 weeks ago by dogwonder
Design View / Andy Rutledge - Gestalt Principles of Perception: 1 - Figure Ground Relationships
5 weeks ago by dogwonder
Gestalt Principles of Perception:
1 – Figure Ground Relationships
design
principles
theory
webdesign
gestalt
1 – Figure Ground Relationships
5 weeks ago by dogwonder
Free Goods | Creative Market ~ Handcrafted, mousemade.
5 weeks ago by dogwonder
Handcrafted Goods
design
free
resources
ui
5 weeks ago by dogwonder
Progressive And Responsive Navigation | Smashing Coding
6 weeks ago by dogwonder
Below is the HTML structure of a navigation menu created by WordPress. This unordered list is pretty common for content management systems and hand-coded websites alike. This will be the basis for our work.
css
css3
design
navigation
responsive
6 weeks ago by dogwonder
LukeW | An Event Apart: A Philosophy of Restraint
6 weeks ago by dogwonder
In his A Philosophy of Restraint talk at An Event Apart in Seattle, WA 2012 Simon Collison outlined his design philosophy and how he applies it to Web projects. Here's my notes from his talk:
inspiration
design
philosophy
6 weeks ago by dogwonder
A List Apart: Articles: Future-Ready Content
6 weeks ago by dogwonder
The future is flexible, and we’re bending with it. From responsive web design to futurefriend.ly thinking, we’re moving quickly toward a web that’s more fluid, less fixed, and more easily accessed on a multitude of devices.
cms
content
design
responsive
6 weeks ago by dogwonder
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
6 weeks ago by dogwonder
It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you get two more free ones that you can do just about anything another HTML element could do. They unlock a whole lot of interesting design possibilities without negatively affecting the semantics of your markup. Here's a whole bunch of those amazing things. A roundup, if you will1.
css
css3
design
webdesign
6 weeks ago by dogwonder
UI Patterns For Mobile Apps: Search, Sort And Filter | Smashing UX Design
6 weeks ago by dogwonder
As I was waiting for a table at a local restaurant the other day, I flipped through a couple of the free classified papers. I was shocked to realize how dependent I’ve grown on three simple features that just aren’t available in the analog world: search, sort and filter.
design
mobile
patterns
ui
ux
responsive
search
navigation
6 weeks ago by dogwonder
Browser Sketch Pad — UI Stencils
6 weeks ago by dogwonder
Use our handy graph paper with browser chrome on top to sketch out your UI and website ideas. The grid matches the scale on our Web Stencil Kit. Easily tear off sheets for review and pin-up.
design
webdesign
ux
ui
drawing
6 weeks ago by dogwonder
Menu Notification Badges Using HTML5 Data-Attributes | Webdesigntuts+
6 weeks ago by dogwonder
Today we’re going to take Orman Clark’s Menu Notification Badges design and build it using HTML and CSS. We’ll look at a couple of ways to achieve the effect, including the use of HTML5 data attributes which you may be unfamiliar with. Let’s dive in!
css
css3
design
html5
webdesign
6 weeks ago by dogwonder
How to Create a UX Design Library
6 weeks ago by dogwonder
A design library is a collection of guidelines & standards that describe a design system and maybe template assets to go with it. Creating a library for an experience of any scale is no trivial matter. It's not like you open up a code editor, chop things up, throw a ZIP file to some marketer and say "Here you go. Enjoy!" You've got to have a plan.
design
documentation
patterns
ux
6 weeks ago by dogwonder
Mike Kruzeniski – How Print Design is the Future of Interaction
6 weeks ago by dogwonder
There are three areas that I covered in the talk. First, how the visual language of UI has evolved and been shaped in to what we find in the interfaces we are familiar with today. Second, I’ll discuss why I think a new approach to the visual design of interfaces, influenced by Print Design, is emerging and necessary. And finally, why I think Print Design is an important influence to the next evolution of UI, and what we (as UI and Interaction Designers) can learn from the discipline of Print.
design
essay
interaction
print
ui
6 weeks ago by dogwonder
GDS design principles
7 weeks ago by dogwonder
Listed below are our design principles and examples of how we've used them so far. These build on, and add to, our original 7 digital principles.
government
principles
design
ux
user
7 weeks ago by dogwonder
Muddy Media, or the Myth of the Intuitive
7 weeks ago by dogwonder
Originally published in User Interface Design Workbook, Multimedia Computing Corporation
Hypermedia, sometimes called interactive multimedia, offers one of the greatest promises for computing. It brings together numbers, text, drawings, photographs, animation, video, and sound, presenting them in an interactive and therefore nonlinear format.
Such a rich, new medium almost invites confusion. With no tradition to follow, and so many media available, information often becomes hopelessly complex and obscure. Sadly, early results have often been a confusing mess.
Still, the potential for hypermedia is great. The challenge for designers and authors is to find ways to make interactive multimedia clear.
design
multimedia
history
principles
Hypermedia, sometimes called interactive multimedia, offers one of the greatest promises for computing. It brings together numbers, text, drawings, photographs, animation, video, and sound, presenting them in an interactive and therefore nonlinear format.
Such a rich, new medium almost invites confusion. With no tradition to follow, and so many media available, information often becomes hopelessly complex and obscure. Sadly, early results have often been a confusing mess.
Still, the potential for hypermedia is great. The challenge for designers and authors is to find ways to make interactive multimedia clear.
7 weeks ago by dogwonder
Startups, This Is How Design Works – by Wells Riley
7 weeks ago by dogwonder
Companies like Apple are making design impossible for startups to ignore. Startups like Path, Airbnb, Square, and Massive Health have design at the core of their business, and they're doing phenomenal work. But what is ‘design’ actually? Is it a logo? A Wordpress theme? An innovative UI?
design
entrepreneurship
webdesign
principles
7 weeks ago by dogwonder
Nokia Developer - User Experience - Tools
8 weeks ago by dogwonder
For a mobile phone user, the most familiar design patterns are the ones in their own phone. As such, developers should follow the target platform's design guidelines when creating apps.
ux
nokia
mobile
design
developer
guidelines
from twitter
8 weeks ago by dogwonder
Responsive News - Colophon
8 weeks ago by dogwonder
Here’s the technical stack we’ve used to build responsive news.
Nb. BBC is a large(ish) organisation so we’ve already got a fully operational platform upon which to write applications, so I’ve not listed every last thing, just the tools and technology that we’ve selected to create our project.
bbc
css
design
javascript
responsive
Nb. BBC is a large(ish) organisation so we’ve already got a fully operational platform upon which to write applications, so I’ve not listed every last thing, just the tools and technology that we’ve selected to create our project.
8 weeks ago by dogwonder
Bricss - Simple responsive design test page
february 2012 by dogwonder
There are some pretty complex testing tools for responsive designs out there. I even see people constantly resizing their browser window using on-screen rulers. The easiest approach to me is just a simple page with a bunch of iframes, like Matt Kersley’s test page. Because I always ended up refreshing the whole page rather than the URL bar on that page, I saved the file locally and tweaked it a little.
design
development
html
responsive
test
february 2012 by dogwonder
Where the Wireframes Are: Special Deliverable #3 - Boxes and Arrows: The design behind the design
january 2012 by dogwonder
RT @Cennydd: Most of my UI layouts now begin as Page Description Diagrams: . So important in this responsive era. /c ...
design
usability
webdesign
wireframes
from twitter
january 2012 by dogwonder
Do users change their settings? » UIE Brain Sparks
january 2012 by dogwonder
Back in the early days of PC computing, we were interested in how people used all those options, controls, and settings that software designers put into their applications. How much do users customize their applications?
design
usability
ux
research
january 2012 by dogwonder
Responsive web design default breakpoints are dead | Marc Drummond
january 2012 by dogwonder
@stugoo @withoutnations - just a bit odd
articles
blog
design
webdesign
responsive
january 2012 by dogwonder
Stop Designing Pages And Start Designing Flows - Smashing UX Design
january 2012 by dogwonder
For designers, it’s easy to jump right into the design phase of a website before giving the user experience the consideration it deserves. Too often, we prematurely turn our focus to page design and information architecture, when we should focus on the user flows that need to be supported by our designs. It’s time to make the user flows a bigger priority in our design process.
design
ux
web
webdesign
january 2012 by dogwonder
How-To Minimize Load Time for Fast User Experiences | UX Booth
december 2011 by dogwonder
RT @uxfactory: How-To Minimize Load Time for Fast User Experiences | UX Booth:
design
optimization
usability
webdesign
performance
from twitter
december 2011 by dogwonder
The top 25 books for web designers and developers | Feature | .net magazine
december 2011 by dogwonder
RT @KaraBoney: The top 25 books for web designers and developers
books
design
from twitter
december 2011 by dogwonder
Adam Darowski | Blog | URL as UI
november 2011 by dogwonder
Computer users have gotten so used to the graphical user interface (GUI) that it is easy to forget that computers basically operate via a series of commands. The web has not only brought the command line back to the surface (with the web browser’s address bar), it has exposed the concept to an entire generation of users that has never seen a command line.
design
ui
usability
web
november 2011 by dogwonder
Original Hover Effects with CSS3
november 2011 by dogwonder
with CSS3 Transitions and Animations
animation
css
css3
design
november 2011 by dogwonder
How to Design a Mobile Responsive Website | UX Booth
october 2011 by dogwonder
'mobile internet usage to overtake desktop usage by 2015 in US' why you should be planning for mobile
design
mobile
responsive
ui
ux
from twitter
october 2011 by dogwonder
Sniff my browser: The Modernizr inadequacy - Nefarious Designs
may 2011 by dogwonder
So, in summary then, I absolutely cannot recommend implementing Modernizr as a best practice for front end development. It attempts to solve a problem from the wrong direction, and introduces a new potential point of failure. What’s more it breaks the fundamental ethic of web standards; the separation of concerns.
css
design
javascript
may 2011 by dogwonder
Subtraction.com: My Column on Columns
april 2011 by dogwonder
No surprise: @khoi doesn't see a big future in text columns on digital devices either:
design
typography
web
css3
columns
april 2011 by dogwonder
Media Queries
april 2011 by dogwonder
RT @Folletto: Excellent examples of CSS media queries:
/via @adactio
responsive
design
webdesign
mobile
css
/via @adactio
april 2011 by dogwonder
A List Apart: Articles: Responsive Web Design
april 2011 by dogwonder
@thetalldesigner it was Ethan Marcotte or @beep
css
css3
design
mobile
webdesign
april 2011 by dogwonder
Minimalist effect in the maximalist market ~ ANTREPO // A2591
december 2010 by dogwonder
Our last project is about simplicity and we try to find alternate simple version for some package samples of the international brands. We think almost every product needs some review for minimal feeling.
design
product
minimalism
december 2010 by dogwonder
Essential and Desirable Skills for a UX Designer :: UXmatters
december 2010 by dogwonder
RT @Folletto: RT @leeander: Essential and Desirable Skills for a UX Designer (via @uxmatters)
UX
design
career
december 2010 by dogwonder
Design Thinking: A Useful Myth - Core77
december 2010 by dogwonder
A powerful myth has arisen upon the land, a myth that permeates business, academia, and government. It is pervasive and persuasive. But although it is relatively harmless, it is false. The myth? That designers possess some mystical, creative thought process that places them above all others in their skills at creative, groundbreaking thought.
design
thinking
perception
december 2010 by dogwonder
Emergent design and evolutionary architecture | www.thoughtworks.com
december 2010 by dogwonder
Most of the software world has realised that Big Design Up Front (BDUF) doesn’t work well in software. But lots of developers struggle with this notion when it applies to architecture and design, surely you can’t start coding, right? You need some level of understanding before you can start work.
design
agile
emergent
behaviour
Evolutionary
Architecture
systems
december 2010 by dogwonder
Bulletin August/September 2009
august 2009 by dogwonder
superb article on social design patterns/anti-patterns
design
social
socialmedia
patterns
community
ux
socialsoftware
august 2009 by dogwonder
Bargain Basement Usability Testing | Think Vitamin
march 2009 by dogwonder
Test little and often
usability
design
ux
process
work
march 2009 by dogwonder
the-golden-grid - Google Code
february 2009 by dogwonder
The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.
design
css
webdesign
layout
grid
framework
february 2009 by dogwonder
Preoccupations - Drawing Board to the Desktop - A Designer’s Path - NYTimes.com
february 2009 by dogwonder
In the NY Times, Michael Bierut talks about the differences in graphic design when he started work in the early 80s and now. In a word: computers.
technology
design
work
february 2009 by dogwonder
Feltron Eight
february 2009 by dogwonder
Date visualisation
design
visualization
graphic
typography
inspiration
portfolio
february 2009 by dogwonder
related tags
accessibility ⊕ adobe ⊕ advertising ⊕ advice ⊕ aggregation ⊕ aggregator ⊕ agile ⊕ ai ⊕ ajax ⊕ algorithms ⊕ analytics ⊕ animation ⊕ api ⊕ apple ⊕ application ⊕ applications ⊕ architecture ⊕ art ⊕ article ⊕ articles ⊕ artwork ⊕ bbc ⊕ behaviour ⊕ bible ⊕ blog ⊕ blogging ⊕ blogs ⊕ bookcovers ⊕ books ⊕ brain ⊕ branding ⊕ browser ⊕ builder ⊕ business ⊕ businessweek ⊕ button ⊕ buttons ⊕ canvas ⊕ career ⊕ change ⊕ chaos ⊕ charts ⊕ client ⊕ clients ⊕ cms ⊕ code ⊕ cognition ⊕ color ⊕ colours ⊕ columns ⊕ communication ⊕ community ⊕ Complexity ⊕ content ⊕ conversion ⊕ cool ⊕ crafts ⊕ creative ⊕ creativity ⊕ critique ⊕ css ⊕ css3 ⊕ culture ⊕ daily ⊕ data ⊕ database ⊕ datamining ⊕ design ⊖ designpatterns ⊕ developer ⊕ development ⊕ dictionary ⊕ dieterrams ⊕ documentation ⊕ drawing ⊕ ecommerce ⊕ education ⊕ effect ⊕ elastic ⊕ em ⊕ email ⊕ emergent ⊕ entrepreneurship ⊕ essay ⊕ evolution ⊕ Evolutionary ⊕ feedback ⊕ film ⊕ flash ⊕ fold ⊕ font ⊕ fonts ⊕ food ⊕ form ⊕ forms ⊕ forum ⊕ framework ⊕ free ⊕ freelance ⊕ frontend ⊕ fun ⊕ gallery ⊕ games ⊕ gaming ⊕ genetic_algorithms ⊕ geography ⊕ gestalt ⊕ goldenratio ⊕ google ⊕ government ⊕ graphic ⊕ graphics ⊕ graphs ⊕ grid ⊕ grids ⊕ gtd ⊕ guidelines ⊕ history ⊕ howto ⊕ html ⊕ html5 ⊕ ia ⊕ ibm ⊕ icons ⊕ ideas ⊕ ie6 ⊕ illustration ⊕ images ⊕ infographics ⊕ information ⊕ informationarchitecture ⊕ infoviz ⊕ innovation ⊕ input ⊕ inspiration ⊕ interaction ⊕ interesting ⊕ interface ⊕ internet ⊕ interview ⊕ ipad ⊕ iphone ⊕ ixd ⊕ ixda ⊕ ixd_patterns ⊕ javascript ⊕ jobs ⊕ journalism ⊕ jquery ⊕ language ⊕ layout ⊕ learning ⊕ lifehacks ⊕ list ⊕ literature ⊕ logos ⊕ mac ⊕ magazine ⊕ management ⊕ map ⊕ maps ⊕ mario ⊕ marketing ⊕ mashups ⊕ mathematics ⊕ media ⊕ methodology ⊕ microsoft ⊕ minimal ⊕ minimalism ⊕ mobile ⊕ mobilewebdesign ⊕ mootools ⊕ mp3 ⊕ multimedia ⊕ myspace ⊕ navigation ⊕ netnewswire ⊕ news ⊕ newspaper ⊕ nintendo ⊕ nokia ⊕ optimization ⊕ organization ⊕ painting ⊕ patterns ⊕ PDF ⊕ perception ⊕ performance ⊕ philosophy ⊕ photography ⊕ photos ⊕ photoshop ⊕ PHP ⊕ pngfix ⊕ portfolio ⊕ principles ⊕ print ⊕ process ⊕ product ⊕ productivity ⊕ programming ⊕ psychology ⊕ publishing ⊕ quotes ⊕ reading ⊕ readlater ⊕ reference ⊕ relationships ⊕ religion ⊕ research ⊕ resources ⊕ responsive ⊕ responsivedesign ⊕ rss ⊕ rules ⊕ rwd ⊕ science ⊕ scripts ⊕ search ⊕ semanticweb ⊕ seo ⊕ service ⊕ sharepoint ⊕ simple ⊕ sitemaps ⊕ smoke ⊕ social ⊕ socialmedia ⊕ socialnetworking ⊕ socialsoftware ⊕ software ⊕ softwaredevelopment ⊕ startup ⊕ statistics ⊕ strategy ⊕ streaming ⊕ style ⊕ systems ⊕ teaching ⊕ Tech ⊕ technology ⊕ television ⊕ test ⊕ theme ⊕ theory ⊕ thinking ⊕ timemanagement ⊕ tips ⊕ tool ⊕ tools ⊕ toread ⊕ trends ⊕ Tricks ⊕ tufte ⊕ tutorial ⊕ tutorials ⊕ TV ⊕ twitter ⊕ typography ⊕ ui ⊕ usability ⊕ user ⊕ user-experience ⊕ utilities ⊕ ux ⊕ vectors ⊕ video ⊕ videogames ⊕ viral ⊕ visualisation ⊕ visualization ⊕ wallpaper ⊕ web ⊕ web2.0 ⊕ web3.0 ⊕ webdesign ⊕ webdesigner ⊕ webdev ⊕ webdevelopment ⊕ wii ⊕ wireframes ⊕ wordpress ⊕ work ⊕ workshop ⊕ xml ⊕ yahoo ⊕Copy this bookmark: