UIEtips: Code Sketching – A Stretch Goal for Your Design Superpower

There was a time that providing a simple sketch on paper conveyed enough information to the stakeholders on the intent of a design. Now, with the plethora of devices a person can use, a sketch lacks the detail needed to convey how the design will appear on various devices. Today’s article discusses the benefits of sketching in code and why you shouldn’t fear it. If showing your designs on multiple devices is important to you, you’ll want to explore Nate Schutta’s full day workshop, Coding Prototypes, Even if You’ve Never Tried at the UX Immersion Mobile Conference this April. He’ll ease you into mobile prototyping–from using HTML and CSS in a text editor to debugging what you have built. Here’s an excerpt from the article: Our designs flow and move. Expressing the subtlety and nuance of how we imagine our designs is hard to do with a static sketch. Microinteractions are essential for a good experience, but difficult to imagine by just looking at a picture. We compound by desiring to express how the design will change as we move across platforms. We need to see if we’ve made something too complicated. Maybe we’ve left something important out? Maybe it’s too clumsy when there’s no keyboard? Building the entire design to discover an important flaw is a time-consuming and expensive process. We want to get our ideas out there for review and reflection. How do we make it easy to do and cost effective? Read the article Code Sketching – A Stretch Goal for Your Design Superpower. Have you added sketching in code to your design toolbox? Tell us about it...

Coding Prototypes, Even if You’ve Never Tried

An hour of prototyping can save days of meetings and misunderstandings. Collaborate with developers earlier to refine interactions; your team — and users — will thank you for it. Let Nate Schutta take the scare out of using JavaScript and jQuery to build mobile prototypes, using HTML and CSS in a text editor, and debugging what you’ve built. Come and see for yourself that you don’t need JavaScript expertise to build a simple application. Nate’s workshop, Coding Prototypes Even If You’ve Never Tried, will cover: Demystifying JavaScript Digging into jQuery Mobile Using jQuery Mobile Building a mobile app Fitting the parts together Showing your vision to developers Stepping beyond basic CSS and HTML Nate is one of those people who makes everyone feel comfortable. His expertise in prototyping comes from working with cross-functional teams. As a senior software engineer, Nate focuses on making usable applications — the ideal end-result of any project. He’ll teach you how to: Use browser tools and a text editor, comfortably Debug what’s screwed up Address often-overlooked pieces like error messages Use the not-so-mysterious dollar sign ($) with ease Understand and navigate a document library Simulate a mobile interface right on your laptop Nate Schutta will help you build out the pages for a prototype, use tools like lists, create a detail page, decide how to handle transitions, and experiment with different themes. After his workshop at UXIM14 on April 9 in Denver, CO you’ll have everything you need to get your mobile prototype up and running. See you at...