WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Modulo dinamico non responsive  it

Autore: Roberto M.
Visite 310, Followers 2, Condiviso 0  

Torno sull’argomento perché, nonostante i miglioramenti introdotti, continuate a lasciare indietro aspetti fondamentali. Il modulo dinamico non è ancora realmente responsive: le immagini vengono tagliate in modo netto, rendendo i layout poco professionali e spesso inguardabili. Questo danneggia sia il vostro nome sia quello di chi realizza i siti con il vostro software.

Il problema nasce da un approccio che considero ormai superato:

“Impostare una struttura rigida e prevedibile per l’utente medio”.

Nel web moderno, invece, vale il principio opposto: “L’elemento si adatta al contenitore e al contesto”.

Sono due filosofie diverse, ma è necessario trovare una via di mezzo. Non potete continuare a proporre strumenti pensati per neofiti e allo stesso tempo vendere una versione Agency da 349€, che soffre degli stessi limiti strutturali.

Il punto critico è che un software che vuole essere anche professionale non può generare markup rigido, come ad esempio:

Codice<img style="width:600px; height:600px;">

Questo è un approccio da documento statico, non da web moderno.

Oggi lo standard è:

img{ max-width: 100%; height: auto; }

Cioè: “L’immagine non deve comandare il layout, deve seguirlo.” 

I miei CSS risolvono il problema proprio perché cambiano la regola di comportamento. Ed è esattamente ciò che dovrebbe fare anche il vostro software.  

Postato il
6 RISPOSTE - 2 UTILI
Incomedia
Eric C.
Incomedia

Buongiorno Roberto,
potresti confermarmi se ti riferisci all'oggetto Contenuto Dinamico?
Quali sono le proporzioni dell'immagine inserita in questo contesto?
Grazie.

Leggi di più
Postato il da Eric C.
Roberto M.
Roberto M.
User
Autore

Ciao ERIC! Ti confermo che si tratta del vostro oggetto Contenuto Dinamico.

La richiesta relativa alle dimensioni dell'immagine secondo me sposta però il focus sul punto sbagliato. Il problema non è la risoluzione dell'immagine sorgente, ma il comportamento del componente quando viene visualizzato in modalità responsive.

Un'immagine può essere anche di 7000px, ma se il contenitore impone proporzioni fisse e utilizza un comportamento tipo "cover", su dispositivi con rapporto diverso è normale che alcune parti vengano ritagliate.

Qui il tema non è quindi "quale dimensione deve avere l'immagine", ma quale controllo viene dato all'utente sulla gestione dell'immagine all'interno del contenitore:

  • adattamento proporzionale;
  • mantenimento delle proporzioni originali;
  • scelta tra cover e contain;
  • gestione del punto focale dell'immagine.

In altri ambienti questo comportamento viene gestito direttamente dal layout tramite CSS moderno, senza dover chiedere all'utente di preparare immagini con dimensioni specifiche per ogni scenario.

La mia osservazione quindi non riguarda la qualità dell'immagine utilizzata, ma la flessibilità del componente nel gestire correttamente contenuti diversi su dispositivi diversi.

Leggi di più
Postato il da Roberto M.
Incomedia
Eric C.
Incomedia

Buongiorno Roberto,
riverificando il funzionamento dell'oggetto, inserendo al momento del caricamento dell'immagine un valore in percentuale e lasciando vuoto l'altro campo, dovrebbe essere possibile ottenere quanto menzioni, potresti confermare se ti riferisci a un comportamento di questo tipo?

Leggi di più
Postato il da Eric C.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

Ciao Roberto, la soluzione proposta da Eric per le immagini è attualmente l'unica disponibile ed è già stata condivisa più volte.

Al di là di questo aspetto, resta il fatto che questo strumento è ormai obsoleto, non viene aggiornato da diversi anni e, di conseguenza, la sua utilità è piuttosto limitata. Credo inoltre che oggi sia anche poco utilizzato.

Leggi di più
Postato il da Giancarlo B.
Roberto M.
Roberto M.
User
Autore
Eric C.
Buongiorno Roberto, riverificando il funzionamento dell'oggetto, inserendo al momento del caricamento dell'immagine un valore in percentuale e lasciando vuoto l'altro campo, dovrebbe essere possibile ottenere quanto menzioni, potresti confermare se ti riferisci a un comportamento di questo tipo?

Ciao Eric,

ti ringrazio per la verifica e per il chiarimento.

Preciso però che la mia osservazione non era relativa al fatto che esista o meno una combinazione di impostazioni in grado di ottenere un risultato corretto. È evidente che, conoscendo il comportamento dell'oggetto e impostando determinati parametri, si possa arrivare al risultato desiderato.

Il punto è un altro: stiamo parlando di un oggetto che dovrebbe essere utilizzabile anche da chi non conosce nel dettaglio il funzionamento interno della gestione immagini.

Un utente che inserisce un'immagine all'interno di un contenuto dinamico dovrebbe poter ottenere un comportamento responsive prevedibile senza dover necessariamente conoscere regole come:

  • lasciare vuoto un campo;
  • impostare solo la larghezza in percentuale;
  • interpretare la differenza tra proporzione e ritaglio;
  • capire come il contenitore gestisce dimensioni fisse o variabili.

Ed infatti è il cliente che me l'ha fatto notare e che lui stesso aveva messo l'immagine. Ho risolto in due nano secondi con tre righe di codice . Ovvio che se avessi saputo metti qua lascia la vedi qui ecc.... sarebbe stato ancora + semplice.

Queste sono logiche corrette dal punto di vista tecnico, ma non necessariamente intuitive dal punto di vista dell'utilizzo.

Comunque rimango un po' perplesso, perché la sensazione è che ogni osservazione venga interpretata come una ricerca di una soluzione alternativa, quando invece il mio intento è evidenziare aspetti di usabilità e progettazione del componente.

Le soluzioni tecniche che ho proposto negli anni non nascono dal voler sostituire il software, ma dall'esigenza di dimostrare che con le tecnologie web attuali è possibile ottenere comportamenti più flessibili e prevedibili.

Il mio punto di vista è quello di chi utilizza WebSite X5 quotidianamente anche in contesti professionali: un componente moderno dovrebbe offrire un comportamento corretto di default, lasciando poi agli utenti più esperti la possibilità di personalizzare ulteriormente.

La programmazione e lo sviluppo web non sono soltanto trovare una configurazione che "faccia funzionare" una situazione specifica, ma progettare strumenti che riducano la complessità per chi li utilizza.

La mia osservazione quindi non vuole mettere in discussione la validità della soluzione indicata, ma evidenziare un possibile miglioramento dell'esperienza complessiva dell'utente.

Leggi di più
Postato il da Roberto M.