Archive for the 'prototyping' topic

UIEtips: Exploring the Problem Space Through Prototyping

In today’s UIEtips, I discuss the difference between mockups and prototypes and how the four stages of a prototype helps you understand a design problem. Here’s an excerpt from the article. A mockup shows us a possible solution. It asks the question, “What do you think of this direction for our design?” Whether the mockup […]

UIE’s Most Popular Resource & Information Tweets: Sept. 2 – 8

Here’s a recap of the resources and information we shared on Twitter last week. Prototyping New podcast with @nathanacurtis – Prototyping with HTML and CSS Mobile Some interesting stats on tablet use via infographics. You’ll learn to get rid of the junk your mobile CSS doesn’t need in Mobile-First Responsive Design on 9/13 #uievs Wireframing […]

Nathan Curtis – Prototyping with HTML and CSS

Prototyping is an effective way to communicate design ideas. Static PDFs, PSDs, and wireframes can help get your point across but aren’t dynamic. Usually, any necessary changes are logged away as to-dos. They’re then taken back, fixed, and presented again. Nathan Curtis and the team at EightShapes are prototyping with HTML and CSS more in their design process. They find that employing these techniques leads to greater efficiency.

UIE’s Most Popular Resource and Content Tweets: 8/19 – 8/23

Here’s a recap of the resources and information we shared on Twitter last week. UX Design and Coding How To Write Code Comments Well – ^@aarongustafson What Are the Best UI elements (controls, patterns, etc.) in modern web sites & web apps recently? – Quora by @stephenanderson “Being easy and cool” – The Difference Between […]

UIE’s Most Popular Resource and Content Tweets: 8/4 – 8/10

Here’s a recap of the resources and information we shared on Twitter last week. Usability Some great usability and user research war stories. This article has some good examples and points to help sell usability testing with execs. Mobile New UI17 speaker podcast: @lukew – Designing Multi-Device User Experiences. Need some help creating cross-platform mobile […]

UIE’s Most Popular Resource & Information Tweets from July 22-28

Here’s a recap of the resources and information we shared on Twitter last week. Mobile Half way down this article is a good infographic on how tablet shoppers are changing online sales. Some good stats too. Some great examples of creative design in mobile apps in this article. Defining a useful reference set for cross […]

UIE’s Most Popular Resource & Information Tweets from July 15-21

Here’s a recap of the resources and information we shared on Twitter last week. Design Food for thought – @jmspool’s new post in response to Google’s take on people hating change. This would be a really cool way to build all sorts of designs – It’s worth watching the 55 sec. video Critique A new […]

Nathan Curtis – Start Full Screen: Organize, Communicate, and Annotate HTML Prototypes

Nathan discusses how the team at EightShapes brought their modular philosophy to creating rich interactive prototypes using HTML, CSS, and JavaScript. He explains how, through modular thinking, they were able to write scripts that chunked aspects of their designs to repurpose and reuse across multiple pages.

UIEtips: Prototyping’s Resurgence – Communicating the Designer’s Intent

Imagine two designers. One is really imaginative and inventive, but hasn’t spent any time learning how to use any of the prototyping tools available today. The other has mastered multiple prototyping techniques quite proficiently, but isn’t particularly imaginative or inventive. Which one would more likely produce a portfolio of great designs over time? Our research […]

Dave McFarland – JQuery for Agile Prototyping

Technologies are often misunderstood at their outset. This misunderstanding leads to a lack of adoption. This lack of adoption leads to the technology not reaching it’s full potential or not being utilized in useful ways. This is essentially what happened to JavaScript. Its detractors said it wasn’t a real programming language, and it’s capabilities were ignored. Dave McFarland notes that Google’s use of JavaScript in Google Maps makes a lot of people take notice.