PLANTER/refs portades

De GERMINADOR wiki

Dreceres ràpides: navegació, cerca

Webs que ens serveixen de referència pel disseny de portades de presentació de Wikipool, TELPs o el propi projecte PLANTER i les pàgines d'informació associades.

[edita] Webs software lliure

Webs de software lliure que tenen una especial preocupació per qüestions de comunicació i presentació i que poden ser una referència a tenir en compte.

7-1-2008 captura de pantalla de http://www.gimp.org  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.gimp.org
Clica la imatge per veure-la a mida real

Web de Gimp

The Gimp és un programa de creació i tractament de gràfics digitals. És una aplicació d'escriptori, equivalent lliure a Photoshop. La web oficial permet descarregar el programa, enllaçar als manuals, seguir el desenvolupament,etc...

La il·lustració i el títol dónen identitat al programa i identifiquen clarament la versió actual. El botó de "download" acompanyat d'una icona és molt clar.

Un text breu d'un sol paràgraf amb enllaços explica el que és. Un segon paràgraf la completa.

El menú lateral dóna accés estructurat a informació i pàgines complementaries.

S'incorpora automàticament les notícies d'actualitzación si releases; les icones ajuden a destactar i diferenciar la informació.


7-1-2008 captura de pantalla de http://www.wordpress.org  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.wordpress.org
Clica la imatge per veure-la a mida real

Web de Wordpress

Wordpress és un dels programes per fer funcionar blogs més estesos. La web oficial del programa permet descarregar-lo, accedir a àrees de suport, temes i plugins, seguir el desenvolupament, etc...

És una web molt clara. Nom/logo del programa, text breu explicatiu; captures de pantalla; enllaços bàsics.

El text està en dues parts, de benvinguda i per si ja coneixes el programa. 3 paràgrafs que van al gra i amb enllaços per ampliar info. Podem veure fins a 4 captures de pantalla de parts del programa.

En conjunt és una web molt néta i on la informació està ben estructurada.


7-1-2008 captura de pantalla de http://www.mediawiki.org/wiki/MediaWiki  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.mediawiki.org/wiki/MediaWiki
Clica la imatge per veure-la a mida real

Wiki del software Mediawiki.

Mediawiki és un dels programes per fer funcionar wikis més estesos. La web oficial és també un wiki, que serveix com espai de documentació i suport.

Tot i que és un wiki que serveix de manual i moltes coses la portada és també molt clara. Aquí es diferencia molt clarament segons el tipus d'aproximació al programa: usuari, administrador de sistema o desenvolupador. Això es diferencia bé amb un títol i un icono; i es dónen uns pocs enllaços molt clars per cada aproximació. L'explicació superior relativament breu explica tant el que és el programa com el que pots trobar al wiki.


7-1-2008 captura de pantalla de http://www.getmiro.com/  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.getmiro.com/
Clica la imatge per veure-la a mida real

Web de Miro

Miro (abans getdemocracy) és un programa d'escriptori per convertir l'ordinador en una TV a través de continguts audiovisuals procedents de diverses fonts. La web oficial explica el projecte i les seves característiques i permet descarregar el programa.

Un esforç de síntesi important:

  • 3 frases defineixen 3 aspectes del projecte/programa (software lliure, ordinador com a TV, perquè serveix)
  • canvi d'idioma, feed RSS i link a organitzadors molt clars a dalt de tot de la pàgina
  • 5 punts defineixen 5 trets característics/diferencials: icona+frase+canvi en gràfic lateral al mouseover (captura pantalla + text info extra)
  • Botó de "Download" clar i destacat, text+icona. Detecta automàticament sistema operatiu de l'usuari.
  • Menú bàsic de continguts web en 7 apartats en horitzontal

Hi ha informació extra ben estructurada a la que podem accedir fent rollover avall.


7-1-2008 captura de pantalla de http://www.openoffice.org  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.openoffice.org
Clica la imatge per veure-la a mida real

OpenOffice és un paquet ofimàtic en software lliure, desenvolupat amb el suport de Sun. És un conjunt d'aplicacions d'escriptori. La web oficial permet descarregar el programa, seguir el desenvolupament, conèixer i implicar-se en el projecte, etc...

És una web típica de software lliure, amb informació de les darreres actualitzacions en portada però amb un encapçalament on s'informa breument sobre de què es tracta i es permet descarregar el programa.

Encapçala el logo del programa i del website, seguit d'un menú horitzontal de 7 apartats seguint les recomanacinons habituals d'usabilitat. Destaquen 3 "botons" o requadres d'accés a: idiomes, informació per novells, descàrrega del programa (on s'indica la versió). Són àrees de color amb text i un gràfic de fons. El botó de descàrrega és de color verd com sol ser característic. Títol sintètic (free office suite) i explicació en un sol paràgraf amb enllaços. Imatge (que canvia) que dóna caràcter al site, llista clara de components (programes) del paquet ofimàtic en forma d'icones d'escriptori.


[edita] Canals de xat i similars

Webs que presenten canals de chat o sistemes similars de "sales" en una sola portada i que poden ser una referència per donar accés i mostrar l'activitat des de portada tant de les pools de Wikipool com dels blocs de dibuix de Telps.

7-1-2008 captura de pantalla de http://www.iscribble.net/draw.html  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de http://www.iscribble.net/draw.html
Clica la imatge per veure-la a mida real

Portada de iScribble

iScribble és un software de dibuix col·lectiu online. S'organitza en canals (o taulells, boards) on es pot entrar i dibuixar conjuntament amb altres persones, compartint àrea de dibuix i canal de xat.

La captura no correspon a la portada del programa sinó a la subportada on podem veure als taulells actius i entrar-hi. Sobta que desapareix qualsevol tret identificador del programa, com ara el nom o el logo.

Distingeixen per color els taulells públics (blau) dels privats (verd) que tenen en un tractament diferent. Això s'explica en la meitat esquerra de la pantalla on també tenim un llistat d'usuaris registrats connectats i un canal de chat genèric.

La part dreta de la pantalla serveix per al llistat de taulells en columna (aproximació similar a la que estem pensant per Wikipool i Telps). Cada taulell és una caixeta de color blau o verd segons si és públic o privat. En la caixeta s'inclou el nom, els usuaris que hi estan dibuixant i el temps que fa que s'ha creat. No hi ha gràfics que permetin veure l'activitat. Un botó a la dreta permet posar el canal als nostres favorits. Amb un clic sobre la caixeta entrem al canal.

Un rollover vertical ens permet baixar per la columna.

El filtrat de taulells privats i favorits, així com la creació d'un nou taulell es resol amb pestanyes en horitzontal.


7-1-2008 captura de pantalla de la interfície del programa Miro  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de la interfície del programa Miro
Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de la interfície del programa Miro  Clica la imatge per veure-la a mida real
7-1-2008 captura de pantalla de la interfície del programa Miro
Clica la imatge per veure-la a mida real

Miro; tria de canals

Miro és un programa pensat per donar autonomia audiovisual que pretén convertir l'ordinador en una TV a través de la tria de continguts de diverses fonts i facilitant la creació de canals propis.

El menú lateral té les eines de cerca i canals que l'usuari ja ha triat.

L'àrea dreta és una mena de portada (el programa fa com de browser) que mostra continguts per triar. Té una capçalera amb menú de seccions tipus website seguida de 2 canals de vídeo destacats triats aleatòriament. De cada canal és mostra un gràfic representatiu, una breu explicació i els botons per veure'n els detalls ("i", en blau) o afegir ("+", en verd) el canal a la pròpia biblioteca. Els canals destacats van canviant automàticament si l'usuari no fa res.

Sota els destacats hi ha 3 columnes: categoria destacada (crec que també es tria aleatoriament), populars (populars today) i recents (just added). De la categoria destacada es mostren 4 canals (podem accedir a la resta en un link) amb opció també d'afegir i veure detalls. Les altres dues columnes mostren 7 canals informant del nombre de subscripcions que han rebut o dels shows que té, respectivament.

Sota les tres columnes tenim accés a la resta de categories. Si cliquem un canal també dóna informació molt clara dels continguts que té que podem afegir i/o salvar. A més ens suggereix altres canals que poden estar relacionats.