[Sigia-l] [Iai-Members] Screencasting clickable wireframes

[Peter Van Dijck]

Cool. I am actually using Axure now for the wireframes, makes it easier to
add simple ajaxy interactions as well...
Peter

On Sat, Mar 21, 2009 at 8:05 PM, Joel Tachau <jtachau at mfg.com> wrote:

>  You’re right – CRTL K to add a link to a shape (but not text link within
> a shape). I explored the Visio route, but wanted to get rid of the
> annotations and crop the wires down to just the page. This was too much work
> in Visio given backgrounds, having to reposition artwork etc… I also wanted
> to make some dropdown menus and popup layers appear. It was easy to crop the
> pages in Acrobat and add links, however there were too many limitations in
> Acrobat as far as linking, making menus appear, etc… Since I had experience
> with Flash, I just exported cropped screens as JPGs, imported into Flash and
> did all the linking there.
>
>
>
> - Joel
>
>
>
> P.S. There’s actually a tutorial on basic linking of wireframes in Flash:
> http://www.boxesandarrows.com/view/quick-and-easy-flash by  Alexa
> Andrzejewski .
>
>
>
>
>
> *From:* Peter Van Dijck [mailto:petervandijck at gmail.com]
> *Sent:* Saturday, March 21, 2009 2:48 PM
> *To:* Joel Tachau
> *Cc:* iai-members at iainstitute.org; SIGIA-L
>
> *Subject:* Re: [Iai-Members] Screencasting clickable wireframes
>
>
>
> It's actually very very easy to make a clickable prototype without ever
> leaving Visio (just do CRTL-K if I remember correctly on any element to make
> it a link, then export the whole thing as a webpage), I'm not sure why you
> felt the need to go into Flash?
>
>
>
> Peter
>
> On Sat, Mar 21, 2009 at 1:50 PM, Joel Tachau <jtachau at mfg.com> wrote:
>
> I had a similar reaction after taking wireframes from Visio into Flash,
> then linking things up and then trying to complete a few tasks while
> interacting with the prototype in IE or Firefox. We used the interactive
> prototype for a usability test and recorded the screen activity in Morae.
> Not only did this help the project team see issues that were not evident in
> the static wreframes, it allowed us to record the users' mouse movements and
> reactions so that we could share with stakeholders. I originally just took a
> PDF of the wireframes, cropped the pages (annotations, page titles, etc...)
> and added links in Acrobat Professional. This was effective and fast for a
> quick team review but not scalable for a usability test. With an
> intermediate level knowledge of Flash I was able to create a more realistic
> prototype more easily. It does take time to do this, but is reusable (can
> drop in new pages from Visio) since I am working in-house on a long-term
> project. Even just for my own and project team review, it was a worthwhile
> exercise, but it did take time.
>
> Joel Tachau
> Director of User Experience
> MFG.com
> Skype: mfgjoel
>
> Sent from my Windows Mobile® phone.
>
> ________________________________
> From: Peter Van Dijck <petervandijck at gmail.com>
> Sent: Saturday, March 21, 2009 4:13 AM
> To: iai-members at iainstitute.org <iai-members at iainstitute.org>; SIGIA-L <
> sigia-l at asis.org>
> Subject: Re: [Iai-Members] Screencasting clickable wireframes
>
>
> I found someone else doing the same thing here:
> http://www.contrast.ie/blog/the-power-of-the-screencast/
>
> Peter
>
> On Sat, Mar 21, 2009 at 8:06 AM, Peter Van Dijck <petervandijck at gmail.com
> <mailto:petervandijck at gmail.com>> wrote:
> Hey all,
> I'm working on a large project in a remote team, so yesterday I tried a new
> technique: I made a clickable wireframe, and then walked through it in a
> screencast, clicking around as a user, at certain points explaining design
> decisions etc... Then I shared the screencast with my colleagues. I made 2
> screencasts, 1 was 4 minutes, 1 was 1 minute long.
>
> Interesting about this experience:
>
>  *   3 times I did the screencast, and then realized places where I could
> improve the wireframes so I redid them. So it's a great feedback mechanism
> for yourself.
>  *   My remote colleagues seem to love it so far. I hope it can increase
> communication & shared understanding in the team.
>  *   I found a really good workflow (will post about it later) so doing the
> screencasts takes about no time whatsoever.
>
> Thoughts? Has anyone else used this method?
>
> Cheers,
> Peter
>
> --
> me: http://petervandijck.com
> blog: http://poorbuthappy.com/ease/
> global UX consulting: http://290s.com
> free travel guides: http://poorbuthappy.com
> Belgium: (+32) 03/325 88 70
> Skype id: peterkevandijck
>
>
>
> --
> me: http://petervandijck.com
> blog: http://poorbuthappy.com/ease/
> global UX consulting: http://290s.com
> free travel guides: http://poorbuthappy.com
> Belgium: (+32) 03/325 88 70
> Skype id: peterkevandijck
>
>
>
>
> --
> me: http://petervandijck.com
> blog: http://poorbuthappy.com/ease/
> global UX consulting: http://290s.com
> free travel guides: http://poorbuthappy.com
> Belgium: (+32) 03/325 88 70
> Skype id: peterkevandijck
>



-- 
me: http://petervandijck.com
blog: http://poorbuthappy.com/ease/
global UX consulting: http://290s.com
free travel guides: http://poorbuthappy.com
Belgium: (+32) 03/325 88 70
Skype id: peterkevandijck