Re: GUI Standards for Web-Based Applications

[pgarak -at- verizon -dot- net]

I found that the Windows User Experience Interaction Guidelines invaluable. It gives guidelines for designing and documenting GUIs.

You can use online or download a PDF version at http://msdn.microsoft.com/en-us/library/aa511258.aspx.


+++++++++++

Message: 1
Date: Mon, 18 Oct 2010 15:37:15 -0400
From: Debra Graham 
Subject: GUI Standards for Web-Based Applications
To: techwr-l -at- lists -dot- techwr-l -dot- com
Message-ID:
 
Content-Type: text/plain; charset=windows-1252

Hi,

I need to create a quick and basic GUI standards document for web-based
applications.  It will contain information such as navigation, page layout,
button placement, label placement, field and font sizes, alignments, etc.

Does anyone know of an existing document or template that we could adapt for
our use?  I?d rather not write one from scratch?instead, I?d like to start
with an existing set of standards and then customize them.  I would even be
happy with a template that more or less outlines the standards need to be
developed.

I know that Apple and Microsoft publish their UX Guidelines online but I?m
looking for something that is more basic and that doesn?t contain rationales
for the standards.  I also don?t want all the user interaction/user
experience standards and guidelines?more interested in basic GUI standards.
We want to start with some basic standards, build on those, and gradually
introduce more UX standards.

Reasons I?m looking for a less than comprehensive set of standards:  (1) our
web-based applications are pretty simple?mostly online CRUD (Create,
Replace, Update, and Delete) forms; (2) we just need something to get
started for building a prototype; and (3) we want something concise that
developers are more likely to use.

The plan is to create a library of design templates that the developers can
use.  According to Kathy Strug in ?On the Meta-Usability of User Interface
Standards? (http://www.humanfactors.com/downloads/aug04.asp), one of the
most important things you can do to get developers to adhere to standards is
to ?Provide online tools (eg.: templates, graphic libraries, selection
matrixes, etc.) that make applying the standard a path of least
resistance.?   So, rather than putting a lot of work into developing written
standards initially, we want to start with some, build prototypes, refine
the guidelines, develop templates, and then also document the standards.

I?ve been searching online but thought I would also reach out to this
community to see if someone had one to share or could point me to some that
are specifically geared to Java web-based applications.

I did check the archives of this listserv and found the following
suggestions from 2006 but am hoping for something more concise in a document
format:

http://java.sun.com/products/jlf/ed2/book/index.html

http://developer.apple.com/documentation/UserExperience/index.html

http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/
)

http://developer.gnome.org/projects/gup/hig/

http://www.eclipse.org/articles/Article-UI-Guidelines/Contents.html

http://www.palmos.com/dev/support/docs/ui/UIGuidelinesTOC.html

http://developer.kde.org/documentation/standards/kde/style/basics/

I also have the Microsoft and Sun style guides that came out years ago.

Any help would be greatly appreciated.

Thanks,

Debra Graham

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Create and publish documentation through multiple channels with Doc-To-Help. 
Choose your authoring formats and get any output you may need. Try 
Doc-To-Help, now with MS SharePoint integration, free for 30-days. 
http://www.doctohelp.com

---
You are currently subscribed to TECHWR-L as archive -at- web -dot- techwr-l -dot- com -dot- 

To unsubscribe send a blank email to 
techwr-l-unsubscribe -at- lists -dot- techwr-l -dot- com
or visit http://lists.techwr-l.com/mailman/options/techwr-l/archive%40web.techwr-l.com


To subscribe, send a blank email to techwr-l-join -at- lists -dot- techwr-l -dot- com

Send administrative questions to admin -at- techwr-l -dot- com -dot-  Visit
http://www.techwr-l.com/ for more resources and info. 

Please move off-topic discussions to the Chat list, at:
http://lists.techwr-l.com/mailman/listinfo/techwr-l-chat