Dashboard > DG: User Experience > ... > U-Camp Planning > RSF and design-experience and tips
  DG: User Experience Log In | Signup View a printable version of the current page.  
  RSF and design-experience and tips
Added by Aaron Zeckoski, last edited by Harriet Truscott on May 23, 2007  (view change)
Labels: 
(None)

Information

This contains the rough outline of the RSF design experience presentation by Aaron Zeckoski and Harriet Truscott of Cambridge University.

Outline

  • RSF intro
    • positives
      • more flexibility for design freedom
      • ability to rapidly adjust an interface
      • mockups and wireframes possible and become the working views
      • introduce idea of templates at this point
      • multiple templates possible
      • forces valid XML (encourages valid XHTML) why is this good?

Show an example at this point - e.g. Pigeonhole?

    • negatives
      • too flexible?, encourages weak design up front since "it can always be fixed later"
      • Don't use this as an excuse for poor planning!
      • CSS does not like the colons in some RSF ids
      • Use id based styling as little as possible (this is also helpful when a lot of JS is being used)
    •  
    • TIPS
      • If you haven't used RSF before, there are things that you can do wrong. We know because we did them wrong!
      • "boxes", layout is important, don't nest containers unnecessarily
        • OK - forms and lists
        • BAD - most everything else
      • overly complex templates can be hard to manage and work with later (also not previewable typically)
        • split up into multiple pages or into evolvers (includes) or components
      • Filler text should be used appropriately
        • Use a lorem ipsum generator (http://www.lipsum.com/)
        • Avoid anything controversial, "stupid username goes here"
        • Avoid describing simple things and use appropriate approximates, "the username is located in this place" (this is far too long compared to a normal username)
        • Don't leave blank! (take advantage of this feature for previewability)
      •  
  • Examples
    • Fixing a template which is overly complex - Is this really relevant for UCamp?
    • Plugging in a template into an RSF tool
  • Hattie - first experience with RSF was flowtalk (not a great experience)
  • Difficult because having a separate designer was an afterthought (redesign came late in development)
  • One massive template and view for most things, one additional template for everything else (basically 2 views)
  • Difficult to work with the massive template, ordering in a huge template was hard to do
  • RSF from the developer perspective
  • Easier than most other Sakai technologies (such as JSF and struts), harder than JSPs and Velocity for simple things
  • Enforces better programming practices
  • Can be hard to work with XHTML sometimes but since it accepts valid XML only there is a way to check it
  • helps to have experts around to ask questions to (community support important)

I would say RSF makes it easier to produce valid XHTML rather than forces it. It's possible to have both templates and rendered output which doesn't validate through SGML or W3C parsers. Maybe RSF forces parseable XML which is slightly weaker. RSF does it make significantly easier to ensure that validate XHTML is rendered by the tool, especially if the templates themselves validate to start with.

I think this is included in the outline but just want to make explicit is the idea of a template may be new some of the audience (me for one ) so it would be great to include a definition and example of what you were working with.

'The Developers' keep fixing things that are important to them and I am losing sight of why I want RSF. The vision thing was the idea that a designer with no knowledge of programming, could be given an HTML page (XHTML?) rearrange things (including functional components) to their hearts content, test the new presentation layout with most (all?) page components working (maybe even in front of users) and when satisfied upload the template to the live site and see it work straight away.

The critical value proposition is rapid turnaround of designs as user feedback is collected.

There was a glimpse of this at Atlanta when Vivie looked at the clickable map demo that Peter and Steve put together. It was running live and Vivie said "I don't like that button there, I want it here and I want it to have a new name" less than 30 seconds later Steve had the new page running live with no down time for recompiling or anything... This is what I want our useability people to be able to do with users. It seems there are two possibilities for interaction, one is to show them several alternative interfaces and switch rapidly between them, the other is to incorporate their feedback in front of them and say is that what you meant/wanted. I see this as important because I don't think users can think very far ahead with an unfamiliar interface to anticipate knock-on effects of design changes, so it can be good to try things as they are suggested.

Site running on a free Atlassian Confluence Open Source Project License granted to Sakai Foundation. Evaluate Confluence today.
Powered by Atlassian Confluence, the Enterprise Wiki. (Version: 2.5.5 Build:#811 Jul 25, 2007) - Bug/feature request - Contact Administrators