Tuesday, June 25, 2013

The classic web application model works like this: Most user actions in the interface trigger an HTTP request back to a web server. The server does some processing—retrieving data, crunching numbers, talking to various legacy systems—and then returns an HTML page to the client. It’s a model adapted from the Web’s original use as a hypertext medium, but as fans of The Elements of User Experience know, what makes the Web good for hypertext doesn’t necessarily make it good for software applications.

Web as hypertext 


vs


Web as app



http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications

[gallery]

Links that link to more information within a page. 


I’ve been thinking lately about link signifiers. This is a perfect example of why I believe there should be another way of indicating that a link will simply un-hide information in the page versus whether it will take you to a new page in a more classic link (hyper-text) way. 



In this example “view source” and “API documentation” result in totally different things. I completely missed the tip off with the cryptic eyeball icon next to “view source.”


So I right clicked “view source” so that I could open it in another tab. Which led to an error. When I clicked “view source” within the page there was a nice slide-down animation that was a total surprise! 


However clicking API documentation in the second link provided, which slides down with the page as you can see, results in a totally new page of API documentation. 

Fill in what’s meaningful. 


(for line drawings of products)

[gallery]
[gallery]

line-drawing style. 

This is how I want to look when I’m old. 

Monday, June 24, 2013

via selby.

The Art of the Interpreter (Sussman)


The Art of the Interpreter (Sussman)

Writing is an act of Courage: Notes From the First Year: Some Thoughts on Teaching at MIT

"But more than that, you need the physical courage to look at a blank screen, and write. What you write will generally be pretty awful — especially when you are young. And for the most part, this does not change as you age. The writing in your head may well be the sweetest music. But when you put it on to the page what you will get will likely only be some vague, mushy approximation."



One of my students insisted that whereas in math, you could practice and get better, in writing you either “had it” or you didn’t. I told her that writing was more like math then she suspected.”


Writing is an act of Courage: Notes From the First Year: Some Thoughts on Teaching at MIT

Friday, June 21, 2013

Monday, June 17, 2013

[gallery]

Links that link to more information within a page. 



I’ve been thinking lately about link signifiers. This is a perfect example of why I believe there should be another way of indicating that a link will simply un-hide information in the page versus whether it will take you to a new page in a more classic link (hyper-text) way. 



In this example “view source” and “API documentation” result in totally different things. I completely missed the tip off with the cryptic eyeball icon next to “view source.”


So I right clicked “view source” so that I could open it in another tab. Which led to an error. When I clicked “view source” within the page there was a nice slide-down animation that was a total surprise! 


However clicking API documentation in the second link provided, which slides down with the page as you can see, results in a totally new page of API documentation. 

[gallery]

Curtain ideas (ignore the wallpaper, eww). 



via the selby. 

Friday, June 14, 2013

yoga inspiration. 


"open space is a treasure to be valued not a void to be filled"



mpdrolet:



Embry Rucker


really dig this behavior. especially the sliding animation when you hover over the paperclip.


Gmail.

Thursday, June 13, 2013

[gallery]

Naming of the labels is more obvious and It’s clear that you can click (blue color) even though the graphics is much flatter. 



»Titles should be Actions. Not titles.

[gallery]

mpdrolet:



François Deladerrière


Wednesday, June 12, 2013

Tuesday, June 11, 2013

Monday, June 10, 2013

Scrolling Effects as a Rhetorical Device: Argument via Immersion. 



A nice example of technology supporting content rather than out-doing it. Their figures are nicely done. Interesting how they layer on more information when you scroll. Not sure how I feel about that as it appears a little buggy since on my 13” laptop I have to scroll past it to get the detailed data to show up.

Monday, June 3, 2013

[gallery]

"Living with Nest" and "Saving Energy" both push Nest rhetoric. 


For comparing product pages side-by-side it is useful to have a uniform nav (apple style, and even MOTU style currently). 


But for these category landing pages, a uniform nav across tabs can be less of a priority.