Il Lab è aperto!

Organizzazione della Homepage - Una sintesi

#33

A post was split to a new topic: Disclaimer: sì o no

#34

per ora è stata ripristinata la visualizzazione delle immagini anche da mobile.
appena ho tempo faccio qualche prova per ridurre l’ingombro in verticale delle immagini automatiche (quelle di rapide e feed) da mobile

#36

Scusate, non so dove altro scriverlo…ma aggiungere come categoria degli articoli una voce “Hookii Vintage”, per riprendere articoli vecchi anche di dieci, venti, quaranta anni (nel qual caso sarebbero soprattutto, ovviamente pdf e jpeg…)?
Ad esempio tempo fa postai tra i commenti di un articolo sui Manga un lungo articolo a riguardo di Rodari. Avrebbe potuto essere una segnalazione autonoma, invece, ma nella categoria vintage.

#37

Mi piace, ma vedo solo un problema di diritti d’autore nel caso di file sciolti - a meno che tu non intenda link che puntano a scansioni o PDF da qualche altra parte.

#38

Stiamo rivedendo le “istruzioni” e la distinzione tra rapide e standard, per fare anche un po’ di chiarezza. Direi che, come si è sempre fatto, non c’è problema ad inviare anche una cosa molto vecchia (come standard, ma lo specificheremo nel caso nelle nuove, sintetiche e semplici, istruzioni).
Quanto sopra al netto di scansioni a pdf o jpg e del diritto d’autore.

Rinnovamento del sito
#39

Grafica della homepage

Non potendo aprire un nuovo argomento riesumo questo thread.
Ho provato a creare un’homepage un po’ diversa ed ho cercato, non so con che risultato finale, di renderla un pochino più pulita aggiungendo anche qualche idea che avevo in mente.
Una premessa obbligatoria è che mi sono solo divertito a spostare cose su photoshop, quindi non so cosa di quello che ho fatto sia effettivamente attuabile su Wordpress(ho il dubbio che sia molto poco).
In ogni caso ecco una lista delle cose che ho cambiato per ulteriore chiarezza:
•Cambiato colore alla cornice grigia
•Ho centrato la scritta hookii e le varie categorie rispetto alla pagina
•Ho spostato i tasti social in alto
•Ho modificato la zona Re-post per renderla un po’ più evidente
•Passaggio da tre colonne a due colonne nell’impaginazione
•Nella tabella(Recenti-Votati-Migliori) ho aggiunto le categorie “Feed” e “Rapide”(una delle quali sarebbe l’opzione predefinita al caricamento)

Versione nuova
Versione vecchia

Alcune critiche interessanti che sono sorte al bar:

1) Il logo messo in posizione centrale non convince
Ho provato a creare altre versioni seguendo i suggerimenti:
Versione nuova con logo decentrato
Versione nuova con notizia centrale

Personalmente nessuna delle due versioni mi fa impazzire; la versione iniziale mi sembra più bilanciata e pulita.

2) La riduzione delle colonne fa perdere di vista la categoria “Feed” e "Rapide"

L’ipotesi che avevo in mente era proprio fare in modo che il widget implementasse e visualizzasse, in maniera predefinita al caricamento della pagina, la sezione “Feed”/“Rapide” ed ognuno può giostrarsi tramite il widget quello che vuole visualizzare.

Rinnovamento del sito
#40

Bella. L’unica cosa che davvero non mi convince è avere le notizie feed e rapide nello stesso widget dei commenti: anche logicamente sono due cose diverse e manterrei la distinzione, per dare risalto ad entrambi.
Però effettivamente non saprei dove infilarli

#41

Riprendo volentieri la discussione iniziata al Bar. Prima di proseguire dovremmo partire da

0) Riduzione del numero di colonne da quattro a tre
Vogliamo davvero fare questo passo? Perché tutto il resto delle modifiche deriva da questa decisione. IMHO avere solo tre colonne di dimensioni identiche, in modo da avere il cosiddetto rapporto aureo, renderebbe la Home (e tutte le pagine, non ci scordiamo che quello che facciamo influenza il sito nel suo complesso) più armoniosa e gradevole, ma imporrebbe una redistribuzione molto attenta del contenuto attualmente distribuito sulle due colonne di destra.

1) Il logo messo in posizione centrale non convince
Resto della mia opinione, inoltre la versione con notizia centrale comporta uno spreco di spazio che non ci possiamo permettere. Quello che possiamo fare mantenendo la versione decentrata è ridurre il numero di voci del menu (avevo fatto una proposta in tal senso in un altro thread) in modo da poter inserire il widget della ricerca (o altro) allineato a destra rispetto al menu, in modo da risparmiare un po’ di spazio.

2) La riduzione delle colonne fa perdere di vista la categoria “Feed” e "Rapide"
Il problema è che la riduzione di visibilità è permanente: posso certo accedere all’una o all’altra categoria con un click, ma non ho più la comodità di averle subito visibili quando scorro la pagina, mentre chi ha poca confidenza con hookii magari non noterà nemmeno l’esistenza di quella che non sarà impostata di default. Potremmo invece sperimentare con una colonna di destra fatta così:

  • pulsante segnala
  • colonna Feed | Rapide | Migliori | Votati
  • minibox “Dal sito” (colore di sfondo diverso, in modo da staccare bene e renderlo più visibile)
  • colonna commenti Recenti
  • colonna “dal Lab”
  • box “Associazione hookii”: che comprenda sia le informazioni su hookii, sia l’attuale “Supporta hookii” e “seguici su”, di nuovo sfondo o altro che lo stacchi rispetto al resto
  • per data
  • Contatti, Disclaimer e Uso dei cookie come sono adesso

Sono molte informazioni, ma raggruppandole in box e alternandole in maniera adeguata non dovrebbero essere troppo pesanti. Eventualmente qualcosa (Contatti etc.) potrebbe andare in un footer. BTW, ne potremmo approfittare per aggiungere anche alla colonna Feed etc. il pulsante aggiorna, che al momento manca e costringe a un refresh della pagina intera per vedere se ci sono novità.

3) Fascia inferiore per i booxini
Nel mockup di Guybrush non sono presenti i booxini: dato che comporterebbero un’ulteriore aggravamento dell’unica colonna di destra, perché non ridurre il numero di articoli della colonna principale e aggiungere quattro booxini in fondo? Compattare un po’ la colonna centrale avrebbe senso comunque, dato che adesso il numero di articoli è davvero molto elevato, e ne potremmo ricavare uno spazio adeguato anche per usi futuri.

#42

Visto che, dal punto di vista tecnico, nessuno ha detto niente è corretto pensare che tutte le “modifiche” proposte siano effettivamente attuabili?

0) Riduzione del numero di colonne da quattro a tre
Tutta la modifica parte dall’assunto che ci sia una riduzione delle colonne, personalmente ho sempre inteso l’homepage su tre blocchi (il blocco degli articoli più le altre due colonne)
Attualmente il sito in generale fa quasi tutto carico sul primo blocco, è lì che c’è immagine e testo dei singoli articoli ed è lì che c’è disqus nelle pagine specifiche.
Quindi, oltre alla pura estetica dell’homepage, il fatto di allargare e rendere più spazioso questo blocco rendendo al tempo stesso un pochino più utilizzato il resto mi sembra un vantaggio.

Le restanti ed attuali due colonne sono invece sempre identiche in tutte le pagine.
•Nella seconda colonna c’è: “Dal sito”, “Re-post”, rapide, feed dal Post, calendario
Di questi, il calendario mi è sempre apparso, imho, sostanzialmente inutile e potrebbe essere eliminato del tutto.
Menzione speciale per “Re-post”: il sito si basa tutto su questa funzione ed ogni volta che lo vedo fatto in quel modo(e con quel nome) mi sento male.

•Nella terza colonna invece troviamo: la funzione ricerca, l’associazione, “Dal lab”, il widget(Recenti-Votati-Migliori), i booxini, “supporta hookii”, tasti social, contatti, disclaimer, cookies.
Contatti, Disclaimer e cookies credo, come @Rehdon, possano andare a piè di pagina.
Nel widget sinceramente mi sembra che la categoria “Migliori” possa essere tolta (visto anche che il primo articolo è “La differenza tra me cojoni e sticazzi”)

Per me uno dei problemi di hookii è credere che i nuovi utenti siano interessati al sito e quello che vuole diventare(vedi “Dal sito”, “Dal Lab”, “Associazione hookii”) e non vederli come semplici utenti interessati a leggere notizie e commentarle.
Fosse per me cercherei di fare una home più a misura di nuovo utente, per questo motivo sposterei “Dal sito”, “Dal Lab”, “Associazione hookii” da qualche parte con un bell’hyperlink senza mettere nulla di sostanzioso nel corpo vero e proprio del sito. Magari, visto che è nata da poco e necessita di spazio, la pubblicità all’associazione si può aggiungere alla sezione “Supporta hookii”.

1) Il logo messo in posizione centrale non convince
Certamente la versione decentrata è la migliore delle due(tra logo decentrato e notizia centrale), anche solo per l’abitudine che abbiamo a vederla in quel modo.
Porre però il problema sull’occupazione dello spazio dell’header mi sembra sinceramente sbagliato, preferisco un header pulito ad uno più carico di roba per risparmiare, alla fin fine, quantità minime di pixel.
Se il problema è invece prettamente estetico allora “de gustibus etc.”

2)La riduzione delle colonne fa perdere di vista la categoria “Feed” e "Rapide"
Ho fatto altre due versioni: la prima, che preferisco, segue la mia idea generale mentre nella seconda ho cercato di seguire i suggerimenti di Rehdon
In entrambe ho suddiviso i commenti recenti dal widget degli articoli come suggerito anche da @lara (ci sono quindi due widget diversi)

Nella prima, sempre a logo centrale, ho tolto molte cose che come ho detto a me sembrano superficiali(notizie dal sito, dal lab, notizie per data, compattato “supporta hookii” ed “associazione”). Mi sembra che la colonna di destra contenga tutti gli elementi essenziali per il sito senza perdere davvero nulla di significativo
• Versione 1

Nella seconda, a logo decentrato, c’è ancora praticamente tutto
• Versione 2

3)Fascia inferiore per i booxini
L’idea di mettere i boxini in fondo non mi convince sia dal punto di vista estetico sia da quello funzionale che obbliga gli utenti a scorrere tutta la home per arrivare all’agognato bar (scherzo ma non troppo, sa un po’ di percorso obbligatorio all’ikea).

Aggiungo un altro punto non prettamente grafico(forse lo dovrei mettere da qualche altra parte al lab?)
4) I Nomi di alcune sezioni possono essere migliorati?
Allora, questa è solo una piccola riflessione che ho avuto, per me nomi come “Rapide”, “Feed”, i nomi dei “Booxini”, “Re-post” creano solo confusione nel nuovo utente(solo “feed” ha senso vero e proprio), noi sappiamo benissimo cosa vogliono significare ma poterebbe non essere immediato per altri.
Purtroppo non so bene come modificarli ma pensavo che forse sarebbe meglio che “Feed” non desse subito l’idea che vengono utilizzati gli rss di un altro sito, mentre per “Rapide” e segnalazioni classiche invece cercherei di rendere ancora più chiaro, dal loro nome, che sono davvero segnalazioni degli utenti, cosa fondamentale di hookii.

#43

Erm, mi aspettavo anch’io qualche intervento su questo punto … altrimenti stiamo discutendo sul nulla :slight_smile: @piero_tasso? @crazyhg?

Replico brevemente ai vari punti che sollevi:

  • logo centrale: mi hai quasi convinto, però con quello decentrato hai anche varie voci supplementari (HOOKILAB etc.) e il widget della ricerca, non proprio due pixel risparmiati e basta, eh!
  • colonne separate per commenti e articoli: direi che ci siamo;
  • booxini a lato: anch’io li preferirei nella colonna di destra, non tanto per il Bar, che è praticamente sempre disponibile fra i commenti recenti, quanto per gli altri due; l’idea era che dovendo incolonnare due widget separati per commenti e articoli si finisse per avere una colonna di destra troppo lunga, ma dai mockup vedo che non è così, quindi bene come proponi;
  • nomi delle sezioni: assolutamente d’accordo per “Repost”, le “Rapide” è da un pezzo che lo dico che non si capisce, o si potrebbe capire il contrario.

Considerazione finale: limiterei questa discussione al layout, perché decidere cosa includere nella colonna di destra è questione completamente diversa. Ad esempio mi sembra che tu sottovaluti l’importanza di “Dal sito” (anche questa etichetta si potrebbe rendere più esplicativa, certamente) che ha la funzione di comunicare eventuali iniziative o discussioni in corso.

#44

Hai avanzato le proposte due giorni fa e non sono ancora riuscito a leggerle con calma :slight_smile:

Io di base penso possa essere il caso di ripensare da zero il tema, il problema mio è che non ho esperienze con i temi di WordPress.

Se vieni sabato prossimo a Bologna possiamo guardare nel merito, altrimenti io è improbabile riesca a guardarci prima.

#46

Auugghhhhh!!! Se declassi tutti gli studi HCI a un problema di “estetica” capisco come mai finisci per creare pulsanti lunghi tre chilometri! :wink: Ma in ogni caso sono due questioni del tutto separate, che anzi andrebbero discusse separatamente (hint: il titolo del thread è “Organizzazione della Homepage - Una sintesi”).

  1. Si può intanto partire da un’opera di razionalizzazione e pulizia della Home, per ora siamo allo stadio di ipotesi di riorganizzazione. Conosco il software che citi, ma sarebbe ancora meglio organizzare un po’ di user testing.

  2. Per valorizzare i commenti c’è la colonna apposita, quello che proponi temo che richiederebbe troppo spazio … quello che si potrebbe forse fare è includere il commento migliore sotto l’occhiello, ma avrebbe senso solo se fosse fatto in automatico, anche perché quando viene pubblicato un articolo non ci sono ancora commenti.

  3. O.o

  4. Vedi la discussione sulle etichette, certo si può fare meglio, ad esempio aggiungere dei tooltip.

#49

No. Soprattutto perché tutta la parte tecnica deve vedersela con le millemila personalizzazioni che abbiamo fatto nel sito, dovute agli automatismi. Cambiare la grafica, in wordpress, è complesso anche per questo. Non è ovviamente detto che siano cose infattibili, ma è necessario fare prove e vedere se le cose funzionano ancora.

#50

Questa mi piace moltissimo.
Non condivido alcune opinioni sull’utilità o meno, ma son tutte cose che si possono sistemare di conseguenza al layout principale.
Mi piace da matti il segnala alla redazione un articolo (lo voglio!)
Mi piacerebbe che la parte finale, quella che riguarda l’associazione e il lab, fosse in qualche modo evidenziata. Altrimenti messa là in fondo si perde nel nulla (forse lo fa già adesso).

Purtroppo sul lato pratico, ne so poco o niente anche io.
Ma sono disposta a spendere la mattinata a Bologna per parlarne a quattr’occhi.

#51

Innanzitutto grazie. In attesa di parlarne con calma a Bologna intanto butto lì un paio di suggerimenti marginali:

  1. ridurre il numero delle tag in cima alla home; in particolare i tag “media”, “TV” e “video” sono ridondanti e andrebbero raccolti sotto un unico tag “media”. E forse anche i tag tecnologia e internet potrebbero essere uniti sotto un’unica voce.

  2. se levate il calendario vi mozzo le mani.

  3. organizzare meglio e condensare gli spazi informativi dedicati al sito e all’associazione presenti nella colonna di destra. Attualmente ci sono il boxino 'associazione hookii", il boxino “supporta hookii”, il boxino “seguici su”, il boxino “contatti”. Va fatta una sintesi organica di tutti questi microspazi per creare un unico boxino che raccolga tutte le info sul sito e l’associazione.

  4. tutte le segnalazioni rapide che vengono spostate in home andrebbero corredate da immagini ad hoc per rendere la home più varia e interessante.

Mi fermo qui. Delle cose più complesse spero di poterne parlare a voce. Che per messaggio è praticamente impossibile, almèno per me.

#52

N. B. Qui non si parla più di “estetica”, ma di decisioni funzionali. Occhio che qui chiederei anche il parere degli editor

E qui però me la prendo male, perché questo vuol dire che gli editor devono smazzarsi il lavoro o rimettere mano a tutti gli automatismi. Ma cosa vi hanno fatto quelle povere immagini!

Edit: qui lo dico e poi smetto di seguire. In generale non va bene lavorare così, che ognuno dà dei pareri, soprattutto su una cosa come la grafica e le decisioni funzionali. Si fa un gruppo, si lavora appositamente valutando i pro e i contro

#54

Premesso che la distinzione fra layout e funzionalità l’avevo fatta anch’io qualche commento sopra, non capisco cosa vuoi dire: dobbiamo chiudere il Lab e delegare tutto a gruppi di lavoro? O possiamo discutere qui di un argomento specifico, magari cercando di ricondurre la discussione IT quando si divaga troppo?

#55

“In generale non va bene lavorare così, che ognuno dà dei pareri”

Sinceramente non capisco cosa vuoi dire, siamo nel Lab in un thread che pensavo servisse a raccogliere idee e pareri. Se pensate che questo tipo di argomenti sia meglio affrontarli in altro modo, ad esempio con gruppi di lavoro, e se addirittura “dovete prendere male” i suggerimenti (anche io tra parentesi “ho preso male” la tua risposta) allora tanto vale chiudere il thread. Chiudo qui l’OT.

#56

L’automatismo delle immagini per le rapide è la classica cosa sulla quale (fosse per me) metterei un veto a ogni ritorno al passato, se avessi quel potere. È appunto una cosa che ha alleviato il carico di lavoro degli editor e il problema della manodopera è andato sempre peggiorando.

Sul gruppo di lavoro vs proposte e brainstorming: secondo me le proposte non devono tirarsi appresso troppe aspettative, le esperienze del passato mi fanno invitare alla cautela.

Questo perché bisogna capire non solo quanto sia fattibile (e chi se ne può, sa e vuole occupare), ma anche bisogna capire quali sono gli obiettivi dell’interfaccia e su quello ragionare in maniera complessiva, altrimenti ci ritroviamo con l’equivalente di questo :smile: :

Poi su questo penso che sarà utile ascoltare il nuovo direttivo, potrebbe voler governare il processo e non sarebbe male

#57

@piero_tasso se leggi i commenti precedenti il leit-motiv è “cosa si può fare rispetto a quello che stiamo suggerendo?”: per cui se ci dite “questo non si può fare” oppure “questo si potrebbe fare, ma avrebbe un costo eccessivo in termini di risorse umane” per me almeno non c’è altro da aggiungere.