PortlandWiki:GUI: Difference between revisions

From PortlandWiki
Jump to navigation Jump to search
Line 4: Line 4:
Sometimes called the 'wrapper' it is the part of the site that presents brand and top level navigation as well as development related tasks and actions. The current 2010 design has fairly large amount of screen real estate devoted to top navigation.
Sometimes called the 'wrapper' it is the part of the site that presents brand and top level navigation as well as development related tasks and actions. The current 2010 design has fairly large amount of screen real estate devoted to top navigation.


Piki (portlandwiki) has a layout similar to Wikipedia and countless other wikis that use Wikimedia's software. That's not to say that this is a good or necessarily bad. It is important to think about priorities. What we see in the red below, is also the most important part of the screen. And what do we fill it with? Besides the main and events, we have publising and editing related items.  
Piki (portlandwiki) has a layout similar to Wikipedia and countless other wikis that use Wikimedia's software. That's not to say that this is a good or necessarily bad. It is important to think about priorities. What we see in the red below, is also the most important part of the screen. And what do we fill it with? Besides the main and events, we have publishing and editing related items.  


They by placing these items in the most valuable area, we are saying that '''publishing''' knowledge is more important than '''creating''' knowledge. I contend the opposite. That the knowledge is the most important.  
They by placing these items in the most valuable area, we are saying that '''publishing''' knowledge is more important than '''creating''' knowledge. I contend the opposite. That the knowledge is the most important.  
Line 15: Line 15:




'''C-wrapper showing items in the c-wrap that are important to hightlight'''
'''C-wrapper showing items in the c-wrap that are important to high light'''


[[File:Screenshot_cwrap-1.jpg]]
[[File:Screenshot_cwrap-1.jpg]]

Revision as of 13:47, 6 April 2011

PortlandWiki needs a new user interface! Help us build it. This page is a central dumping ground for ideas, wireframes, graphics, color schemes, and anything else related to improving our "look-and-feel"!

C-Wrap

Sometimes called the 'wrapper' it is the part of the site that presents brand and top level navigation as well as development related tasks and actions. The current 2010 design has fairly large amount of screen real estate devoted to top navigation.

Piki (portlandwiki) has a layout similar to Wikipedia and countless other wikis that use Wikimedia's software. That's not to say that this is a good or necessarily bad. It is important to think about priorities. What we see in the red below, is also the most important part of the screen. And what do we fill it with? Besides the main and events, we have publishing and editing related items.

They by placing these items in the most valuable area, we are saying that publishing knowledge is more important than creating knowledge. I contend the opposite. That the knowledge is the most important.


C-wrapper showing current real estate in red


C-wrapper showing items in the c-wrap that are important to high light

There are a couple items in the wrapper that deserve attention.

  1. the logo
  2. the search
  3. account related links

The tricky part will be to highlight these areas while streamlining the other areas of the cwrapper


New C-wrapper idea (Yellow area is for the main content)

With this particular design all the c-wrap elements have been put at the top, items that are in the side nav now could be in a pull-down (not shown)

@ 100%...