Difference between revisions of "Appropedia talk:User experience"

From Appropedia
Jump to navigation Jump to search
(Great Post)
 
(Ideas for a neater look: Clean boxes; Expandable sections)
Line 1: Line 1:
You certainly have some agreeable opinions and views. Your blog provides a fresh look at the subject.
+
== 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.
 +
 
 +
{| align="center" width="25%" style="border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75);; color:midnightblue; background-color:#F0E68C"
 +
! Example links
 +
|- style = "color: navy; background-color:lightyellow;"
 +
|
 +
<small>
 +
* [[Appropedia:Service learning|Service learning]]
 +
* [[Appropedia:Portals/Intros|Portals overview]]
 +
* [[Water]] <sup>({{H:title|Busy with this now ...|wip}})</sup>
 +
* [[Solar]]:
 +
** [[Passive solar]]
 +
** [[Solar hot water]]
 +
** [[Photovoltaics]]
 +
** [[Solar thermal]]
 +
** [[Solar thermal enhancements to conventional power plants]]
 +
</small>
 +
|}
 +
 
 +
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 <nowiki>{{</nowiki>[[Template:Round_corners|round corners]]<nowiki>}}</nowiki> - that's another useful approach.) --[[User:Chriswaterguy|Chriswaterguy]] 18:09, 7 December 2011 (PST)
 +
 
 +
== Expandable sections ==
 +
 
 +
The expandable sections are also nicely done on [[wikieducator:User:KTucker]], along the lines of {{tl|pv project}}:
 +
 
 +
{{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:09, 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, along the lines of {{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):

This could sit alongside portal boxes, for a combination of nice visuals with the easy access info of the dropdowns. --Chriswaterguy 18:09, 7 December 2011 (PST) --Chriswaterguy 18:09, 7 December 2011 (PST)