Difference between revisions of "Appropedia talk:User experience"

From Appropedia
Jump to navigation Jump to search
(Ideas for a neater look: Clean boxes; Expandable sections)
(moved to proof of concept to Appropedia:User experience/Dropdowns)
Line 10: Line 10:
 
* [[Appropedia:Service learning|Service learning]]
 
* [[Appropedia:Service learning|Service learning]]
 
* [[Appropedia:Portals/Intros|Portals overview]]
 
* [[Appropedia:Portals/Intros|Portals overview]]
* [[Water]] <sup>({{H:title|Busy with this now ...|wip}})</sup>
+
* [[Water]]  
 
* [[Solar]]:
 
* [[Solar]]:
 
** [[Passive solar]]
 
** [[Passive solar]]
Line 24: Line 24:
 
== Expandable sections ==
 
== Expandable sections ==
  
The expandable sections are also nicely done on [[wikieducator:User:KTucker]], along the lines of {{tl|pv project}}:
+
The expandable sections are also nicely done on [[wikieducator:User:KTucker]] - might be great for the main page. See my proof of concept at [[Appropedia:User experience/Dropdowns]]. (Needs to be on a page with <nowiki>__NOEDITSECTION__  & __NOTOC__</nowiki> magic words, so I gave it its own page.) --[[User:Chriswaterguy|Chriswaterguy]] 18:09, 7 December 2011 (PST)
 
 
{{pv project}}
 
 
 
...and might be great for the main page, allowing people to quickly find more info on our mission, recent news etc, while keeping the page uncluttered and easy to browse.  
 
 
 
Here's an adapted version (proof of concept and a bit random):
 
 
 
{| class="collapsible collapsed" style="width:60%;<!--float:left;border-color:white;-->"
 
!style="line-height:100%;text-align:left;padding:0px 5px;background-color:beige;border:2px solid #F0E68C;"|
 
====''News''====
 
|-
 
|
 
<center><big>3-D Printing Design Comp - 1st prize $1000.
 
 
 
See '''[[Open source sustainability 3-D printing design competition]]''' </big>
 
</center>
 
 
 
More news...
 
 
 
<center>'''Hot topics / In the news'''</center>
 
; [[Occupy Sustainability]]
 
; [[Orphanage tourism]]
 
; [[Liter of light]]
 
</center>
 
 
 
|}
 
{| class="collapsible collapsed" style="width:60%;<!--float:left;border-color:white;-->"
 
!style="line-height:100%;text-align:left;padding:0px 5px;background-color:beige;border:2px solid #F0E68C;"|
 
 
 
====Water====
 
|-
 
|
 
Lots of cool water pages:
 
*[[AEF greywater]]
 
*[[Another page]]
 
*[[Yada yada yada]]
 
|}
 
{| class="collapsible collapsed" style="width:60%;<!--float:left; border-color:white;-->"
 
!style="line-height:100%;text-align:left;padding:0px 5px;background-color:beige;border:2px solid #F0E68C;"|
 
 
 
===== Forum =====
 
|-
 
|
 
Some links to active discussions and classic discussions on our forum:
 
 
 
|}
 
{| class="collapsible collapsed" style="width:60%;<!--float:left; border-color:white;-->"
 
!style="line-height:100%;text-align:left;padding:0px 5px;background-color:beige;border:2px solid #F0E68C;"|
 
 
 
===== Getting started =====
 
|-
 
|
 
* [[Help:Creating a page|'''Create a page''']]
 
...
 
|}
 
{| class="collapsible collapsed" style="width:60%;<!--float:left; border-color:white;-->"
 
!style="line-height:100%;text-align:left;padding:0px 5px;background-color:beige;border:2px solid #F0E68C;"|
 
 
 
==== Participate! ====
 
|-
 
|
 
; [[A:Service learning|Service learning]]
 
; Be an [[A:Internships|intern]]
 
; [http://blogs.appropedia.org/support-appropedia Donate]
 
; [[A:Sponsorship|Sponsor Appropedia]]
 
|}
 
 
 
This could sit alongside portal boxes, for a combination of nice visuals with the easy access info of the dropdowns. --[[User:Chriswaterguy|Chriswaterguy]] 18:09, 7 December 2011 (PST)
 
--[[User:Chriswaterguy|Chriswaterguy]] 18:09, 7 December 2011 (PST)
 

Revision as of 02:18, 8 December 2011

Clean boxes

I took this code from wikieducator:User:KTucker (and added different links) - I like the clean, compact look, and I can imagine using this style for boxes on the main page, maybe with a different font size.

Example links

If we use such a style extensively, we can make a new template to add to those at Help:Notices. Wikieducator has a template just for the style parameters, called {{round corners}} - that's another useful approach.) --Chriswaterguy 18:09, 7 December 2011 (PST)

Expandable sections

The expandable sections are also nicely done on wikieducator:User:KTucker - might be great for the main page. See my proof of concept at Appropedia:User experience/Dropdowns. (Needs to be on a page with __NOEDITSECTION__ & __NOTOC__ magic words, so I gave it its own page.) --Chriswaterguy 18:09, 7 December 2011 (PST)