PROBLEMA [HTML] consiglio dal web designer

BigIssue

Utente Attivo
221
18
CPU
intel dual core n3050
Scheda Madre
asus x540s
RAM
4gb
GPU
intel HD
OS
Windows 10
Buonasera,
Sto realizzando un sito di comparazione prezzi Zab***.it
Sto costruendo graficamente un piccolo pannello di amministrazione.
Riguardo a mostrare tante informazioni, diciamo 15 campi con una tabella su dispositivi smartphone volevo un parere su quale fosse la tecnica più adatta.

Posto un mockup della grafica per avere un idea di cosa intendo.
Nella grafica sono mostrate le informazioni sui prodotti di una lista, due prodotti del 31 Maggio caricati sulla piattaforma di comprazione prezzi per conto di Footlocker.

In larghezza il telefono è piccolo. Ho scelto di avere ciascuna colonna di informazione per riga, il risultato è che 15 campi riempiono di gran lunga la pagina del telefono.
Un consiglio?
 

Allegati

  • zabmanageproductshop.jpg
    zabmanageproductshop.jpg
    145 KB · Visualizzazioni: 94
  • zabmanageproducts.jpg
    zabmanageproducts.jpg
    95.7 KB · Visualizzazioni: 42

Skills07

Head of Development
Staff Forum
Utente Èlite
35,429
11,501
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
x me strutturato un pochino male e poco responsive
 

BigIssue

Utente Attivo
221
18
CPU
intel dual core n3050
Scheda Madre
asus x540s
RAM
4gb
GPU
intel HD
OS
Windows 10
x me strutturato un pochino male e poco responsive
Vero è poco responsive. Per il momento deve andare solo sullo smartphone. Come posso fare per tutte quelle informazioni in tabella? In che senso strutturato male? Intendi non si capisce cosa si vuole fare?

Il cliente della footlocker si collega alla piattaforma, carica in una pagina il catalogo dei suoi prodotti. In questa schermata vede nella lista di oggi i prodotti che ha caricato, e puo eliminare un articolo o modificarlo.

Se vuole vedere la lista di articoli dell'altro ieri puo farlo.

Poi farò che è possibile organizzare i prodotti del negozio footlocker in liste per poi pubblicarle sulla piattaforma di comparazione prezzi. Es lista calze rosse e lista calze nike sono pubblicate sulla piattaforma Zab***.it
 

Skills07

Head of Development
Staff Forum
Utente Èlite
35,429
11,501
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
per me fai prima a farti una bella tabella con bootstrap x mostrare le cose
 

BigIssue

Utente Attivo
221
18
CPU
intel dual core n3050
Scheda Madre
asus x540s
RAM
4gb
GPU
intel HD
OS
Windows 10
Ultima modifica:

Skills07

Head of Development
Staff Forum
Utente Èlite
35,429
11,501
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
io userei bootstrap decisamente meglio
 

Moffetta88

Moderatore
Staff Forum
Utente Èlite
20,551
12,942
CPU
i5-4690
Dissipatore
DEEPCOOL CAPTAIN 240EX
Scheda Madre
MSI Z97 U3 PLUS
HDD
KINGSTON SSD KC400 240GB
RAM
24GB BALLISTIX SPORT @2133MHz
GPU
STRIX GTX980 DC2OC
Audio
INTEGRATA
Monitor
AOC G2590VXQ
PSU
BEQUIET! System Power 7 500W
Case
DEEPCOOL MATREXX 55
Periferiche
NESSUNA
Net
EOLO 100
OS
UBUNTU/WINDOWS11
Non uso bootstrap uso zurb foundation
Ti sei andato a tirare una mazzata sui piedi che non hai idea.
A meno che tu non sia in possesso di certificati foundation (quindi che sei espertissimo del prodotto), hai scelto un framework praticamente privo di supporto della community, il che rende il prodotto un qualcosa di nicchia.

Se sei alle prime armi, ma anche se non lo fossi, ti consiglio vivamente anche io bootstrap.
 

BigIssue

Utente Attivo
221
18
CPU
intel dual core n3050
Scheda Madre
asus x540s
RAM
4gb
GPU
intel HD
OS
Windows 10
Ti sei andato a tirare una mazzata sui piedi che non hai idea.
A meno che tu non sia in possesso di certificati foundation (quindi che sei espertissimo del prodotto), hai scelto un framework praticamente privo di supporto della community, il che rende il prodotto un qualcosa di nicchia.

Se sei alle prime armi, ma anche se non lo fossi, ti consiglio vivamente anche io bootstrap.
Alla fine ho scelto di seguire il consiglio:uso bootstrap. Inoltre ho scelto di presentare le informazioni in una tabella che si allarga in orizzontale anche se gli elementi vengono facilmente nascosti ma non è richiesto di vedere tutti i campi in verticale.

Inviato da BLN-L21 tramite App ufficiale di Tom\'s Hardware Italia Forum
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!