Il Lab è aperto!

Organizzazione della Homepage - Una sintesi


#28

Scrivo qui, se c’è un post sui ug che ora non trovo spostate lì.
Da qualche giorno (immagino dal restyling ma non ho tracciato il momento preciso) nella visualizzazione da mobile non si vedono più le immagini degli articoli “feat”, mentre si vedono quelle di rapide e feed (e quelle di #hoolympic, i cui post tecnicamente dovrebbero essere feat, probabile discriminante è che sono stati inseriti prima di un certo momento).
Il problema si verifica su diversi smartphone (ho testato Note3 e iPhone6): se si mette invece lo smartphone in posizione orizzontale anzichè verticale le immagini appaiono.
@piero_tasso


#29

Sì, ne sono al corrente ma non ho più sistemato (anche perché volevo provare per un po’ e valutare cos’è meglio):

le immagini da mobile non si vedono perché il tema di base è stato aggiornato e tra le novità c’è un bel “display: none” per tutte le immagini se il sito viene visto a determinate risoluzioni (schermi piccoli).
Le immagini che si vedono da cellulare sono quelle caricate tramite la personalizzazione del nostro tema, che sfuggono a quella nuova regola.

Non ho ancora deciso se nascondere tutto o mostrare tutto :slight_smile:
soprattutto - ma poi mi sono un po’ perso per strada - volevo provare a fare una cosina per cui da telefono le immagini si vedono ma tagliate (non deformate), per ridurre l’ingombro verticale.


#30

Per me è da mostrarle sempre: il 1080x1920 del Note3 non è proprio una risoluzione bassa.
Sul fatto di tagliare le immagini da mobile ci può stare, ma occhio che in questo modo taglieremo anche i soggetti dell’immagine (250px è già poco per trovare soggetti adatti)


#31

la presenza o meno è data dalla larghezza in pixel del viewport, quindi in realtà nei device piccoli non dipende dalla risoluzione effettiva dello schermo (per questo anche nel note3 spariscono).
La mia idea era rendere visibili le immagini procedendo a una ritagliata delle sole immagini di default. Ma devo prima rimettermici


#32

Sulle categorie abbiamo fatto delle modifiche (che voi non notate perché è un cambiamento interno), inoltre l’anno scorso avevamo già fatto un timido tentativo di pensare dei cambiamenti. È una modifica molto grossa e importante, che dobbiamo pensare bene.


#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.