Html Prototype Of New Skin

In order to give us something to play with and to better understand what we are trying to achieve, I've created an HTML prototype based on the efforts of RethinkingTopicInteraction, WireframesViewScreen, and DesignStudiesForNewSkin.

You can find the prototype in SVN at http://svn.foswiki.org/branches/scratch/TopicInteractionPrototype/

The prototype is currently limited to the interactions on the view screen.
The next step is to integrate the outcome of the discussion about InteractionPatternsForEdit into the prototype.

Everything is still under development (eg. buttons, behaviour and look and feel of the mega drop down) and nothing is set in stone so I appreciate your comments.

What we also need to think about is:
  • How to turn the prototype into a working skin?
  • How do we organize and share the dev load.
  • Who's interested in doing dev work for the new skin?

-- CarloSchulz - 26 Feb 2010

I think it is important to take lessons from pattern skin and to start the skin as base skin without any formatting (except perhaps layout defaults such as placement of important screen parts), like the Sandbox theme for WordPress. That way it is easier to override and theme the skin to change the look completely without having to override lots of defaults. The mechanism for theming can be the same as for pattern skin.

The base skin should have an easy way to add javascript behaviours as first interaction layer. For instance to display contents as tabs, without having the tabs styled.

By gradually building layers we will be forced to work on interaction before visual design.

-- ArthurClemens - 26 Feb 2010

We also should identify what needs to be done in coding to make ideas happen.

-- ArthurClemens - 26 Feb 2010
 

UserExperienceProjectForm edit

TopicTitle HTML prototype for new skin
TopicSummary
Subject skin
Status abandoned
Status note no activity
Driver
Skills needed interaction design, visual design, frontend programming
InterestedParties
Topic revision: r3 - 12 Mar 2014, MichaelDaum
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy