Stereo Prototype http://www.stereoprototype.com Prototyping and Visual Communication Tools in UX Design posterous.com Wed, 22 Feb 2012 06:42:00 -0800 Touch Application Prototypes (TAP). For iPhone and iPad, using Adobe Fireworks http://www.stereoprototype.com/touch-application-prototypes-tap-for-iphone-a http://www.stereoprototype.com/touch-application-prototypes-tap-for-iphone-a
Media_httpunitidnlwpc_dqmbt

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Wed, 22 Feb 2012 06:41:00 -0800 Proto.io - Silly-fast mobile prototyping http://www.stereoprototype.com/protoio-silly-fast-mobile-prototyping http://www.stereoprototype.com/protoio-silly-fast-mobile-prototyping

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 20 Feb 2012 02:38:00 -0800 Responsive Layouts, Responsively Wireframes http://www.stereoprototype.com/responsive-layouts-responsively-wireframes http://www.stereoprototype.com/responsive-layouts-responsively-wireframes

Screenclip

You need to see it in action.

via Sebastian Waters

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 13 Feb 2012 10:24:00 -0800 Axure Tutorial: 4 Typography Tips for Higher Fidelity Prototypes in Axure RP Pro http://www.stereoprototype.com/axure-tutorial-4-typography-tips-for-higher-f http://www.stereoprototype.com/axure-tutorial-4-typography-tips-for-higher-f
Media_httpviminteract_kxbtq

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 13 Feb 2012 07:15:00 -0800 Maqetta | Visual authoring of HTML5 user interfaces - in the browser http://www.stereoprototype.com/maqetta-visual-authoring-of-html5-user-interf http://www.stereoprototype.com/maqetta-visual-authoring-of-html5-user-interf

"Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads."

Check http://maqetta.org/

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Fri, 10 Feb 2012 07:31:00 -0800 10 Tips on Writing from David Ogilvy http://www.stereoprototype.com/10-tips-on-writing-from-david-ogilvy http://www.stereoprototype.com/10-tips-on-writing-from-david-ogilvy

Woolly minded people write woolly memos, woolly letters and woolly speeches.

Good writing is not a natural gift. You have to learn to write well. Here are 10 hints:

1. Read the Roman-Raphaelson book on writing. Read it three times.

2. Write the way you talk. Naturally.

3. Use short words, short sentences and short paragraphs.

4. Never use jargon words like reconceptualize, demassification, attitudinally, judgmentally. They are hallmarks of a pretentious ass.

5. Never write more than two pages on any subject.

6. Check your quotations.

7. Never send a letter or a memo on the day you write it. Read it aloud the next morning — and then edit it.

8. If it is something important, get a colleague to improve it.

9. Before you send your letter or your memo, make sure it is crystal clear what you want the recipient to do.

10. If you want ACTION, don’t write. Go and tell the guy what you want.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Wed, 08 Feb 2012 03:12:00 -0800 UI Sketcher: The User Interface Sketching Tool iPad App http://www.stereoprototype.com/ui-sketcher-the-user-interface-sketching-tool http://www.stereoprototype.com/ui-sketcher-the-user-interface-sketching-tool
Media_httpuisketcherc_edcsi

"Created by User Experience professionals and built upon the principles of
Design Studio Method and Adaptive Path's Good Design Faster, UI Sketcher enables you to rapidly sketch, refine and share user interface ideas."

Read more on uisketcher.com.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 06 Feb 2012 01:12:00 -0800 The 'Art' of Sketching Interfaces - Workshop at Interaction12 in Dublin http://www.stereoprototype.com/sketching-interfaces-workshop-interactions12 http://www.stereoprototype.com/sketching-interfaces-workshop-interactions12

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Wed, 01 Feb 2012 06:00:00 -0800 A shorthand for designing UI flows by @37signals http://www.stereoprototype.com/a-shorthand-for-designing-ui-flows-by-37signa http://www.stereoprototype.com/a-shorthand-for-designing-ui-flows-by-37signa
Media_https3amazonaws_cjwxa
find out more on 37signals.com

"...The screen is showing something on one side, and the user is reacting on the other side. My flow diagrams illustrate this two-sided nature with a bar. Above the bar is what the user sees. Below the bar is what they do. An arrow connects the user’s action to a new screen with yet another action."

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Tue, 31 Jan 2012 02:29:00 -0800 Prototyping w/HTML5 and CSS3 http://www.stereoprototype.com/prototyping-whtml5-and-css3 http://www.stereoprototype.com/prototyping-whtml5-and-css3

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 30 Jan 2012 10:01:00 -0800 Funktionstexte aus Axure exportieren http://www.stereoprototype.com/funktionstexte-aus-axure-exportieren http://www.stereoprototype.com/funktionstexte-aus-axure-exportieren

Mehrsprachige Projekte bringen immer zeitaufwändige Übersetzungsprozesse mit sich. Mit Hilfe von Axure kann man nicht nur die Übersetzung mit der Entwicklung parallelisieren, sondern dabei gleichzeitig auch die Qualität und den Aufwand für Übersetzer und Entwickler minimieren.

Dieser Artikel erklärt im Detail, wie wir diesen Prozess mit Hilfe von Axure und Excel-Makros abgebildet haben.

Mehr auf uxzentrisch.de

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Sun, 22 Jan 2012 03:32:00 -0800 This week's Axure sleeper: Use built-in variables. http://www.stereoprototype.com/this-weeks-axure-sleeper-use-built-in-variabl http://www.stereoprototype.com/this-weeks-axure-sleeper-use-built-in-variabl
PageName, Day, Month, MonthName, DayOfWeek, Year, GenDay, GenMonth, GenMonthName, GenDayofWeek, and GenYear.

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Tue, 17 Jan 2012 09:18:00 -0800 App Cooker - iOS prototyping. one more reason to get an iPad. http://www.stereoprototype.com/app-cooker-the-recipe-for-success-youtube http://www.stereoprototype.com/app-cooker-the-recipe-for-success-youtube

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Tue, 10 Jan 2012 06:51:00 -0800 Handling variations in Axure masters with Dynamic Panels and OnPageLoad interactions http://www.stereoprototype.com/handling-variations-in-axure-masters-with-dyn http://www.stereoprototype.com/handling-variations-in-axure-masters-with-dyn
Looking back over an existing prototype, no doubt you’ll see an instance where you’ve though “Hmm... I need this to look exactly like this master, but without this button” or something similar. This usually results in a master dropped on the page and a white square placed over the differences. Get these variations of a master into dynamic panels within the master. You can use the OnPageLoad interaction to set the correct panel for each page. This saves heaps of time when it comes to functional specifications.
read more on wiliam.com.au

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 19 Dec 2011 14:03:00 -0800 The Niehaus Wireframe Technique http://www.stereoprototype.com/the-niehaus-wireframe-technique http://www.stereoprototype.com/the-niehaus-wireframe-technique
Media_httpwwwkonversi_xikfw

"The wireframe concept presented here fills the gap between target audience requirements and prioritization, the hypotheses to be deduced from them, and actual implementation.

The Niehaus wireframe helps designers keep track of the user focus and not get carried away by the variety of tools and alternatives. The wireframe concept is ideal for new conceptions, independent landing pages and relaunches."

read more on closed-loop-marketing.com

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Sun, 18 Dec 2011 13:13:00 -0800 Design Studios: Idea Creation http://www.stereoprototype.com/design-studios-idea-creation http://www.stereoprototype.com/design-studios-idea-creation

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Sun, 18 Dec 2011 12:56:00 -0800 Three ways to make your wireframes more useful | via @cxpartners http://www.stereoprototype.com/three-ways-to-make-your-wireframes-more-usefu http://www.stereoprototype.com/three-ways-to-make-your-wireframes-more-usefu

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Wed, 14 Dec 2011 07:05:00 -0800 The Messy Art Of UX Sketching http://www.stereoprototype.com/the-messy-art-of-ux-sketching http://www.stereoprototype.com/the-messy-art-of-ux-sketching

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 12 Dec 2011 06:18:00 -0800 4 ways to prototype faster http://www.stereoprototype.com/4-ways-to-prototype-faster http://www.stereoprototype.com/4-ways-to-prototype-faster
When you move to electronic prototyping, there's a second way to improve your efficiency: use the same electronic tool throughout. I often see design teams start their prototyping effort with tools like Keynote and Balsamiq, move to Photoshop or Fireworks to create prototypes with higher visual fidelity, then turn to Dreamweaver or Flex to add interactivity for final usability testing.
read more on userfocus.co.uk

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck
Mon, 12 Dec 2011 06:16:00 -0800 Fireworks Wireframing Kit http://www.stereoprototype.com/fireworks-wireframing-kit http://www.stereoprototype.com/fireworks-wireframing-kit
Media_httpfireworkswi_ccnzd

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1664199/Foto__8_.JPG http://posterous.com/users/37lmi3sHJR3b Johannes Baeck Johannes Johannes Baeck