Sono coinvolto in un progetto per la riprogettazione di un sito esistente. Il team di designer ci ha consegnato - il team di progettazione - quattro prototipi HTML / CSS separati di come dovrebbe apparire il sito:
- Su un browser desktop.
- Su un dispositivo da tavolo, un design simile ma semplificato della vista desktop
- Uno smartphone high-tech, il design è simile a quello delle app per dispositivi mobili e molto diverso dai design per desktop e tablet. Inoltre, viene mostrato meno contenuto.
- Uno smartphone di fascia bassa, una versione semplificata del precedente design ma ancora molto simile.
Il mio primo impulso è stato quello di creare un prototipo HTML / CSS utilizzando Responsive Web Design e unire i prototipi creati dal team di progettazione, ma ora ho alcuni dubbi:
- La fusione di diversi prototipi potrebbe produrre codice di bassa qualità.
- Potremmo inviare codice / file ad alcuni dispositivi mobili di cui non hanno bisogno.
- Dobbiamo gestire la situazione in cui, ad esempio, alcune opzioni devono essere presenti nei tablet ma devono essere nascoste in Smartphone. Usare CSS per nascondere può essere uno spreco di larghezza di banda, quindi forse c'è bisogno di un codice lato server.
Per questo motivo, l'idea di creare due diverse applicazioni Web - o anche meglio, gestire due viste in una stessa applicazione web utilizzando un lato server Framework come Spring Mobile - era in fase di valutazione. Non sono un esperto di Responsive Design, quindi non voglio sapere qual è l'approccio migliore è questa situazione o il modo standard per affrontare questo problema.
PS: Se vale la pena di dire, sto costruendo un portale usando WebSphere Portal come portlet Container e costruendo i portlet usando Spring Portlet MVC.