<html><body>
<p><font size="2" face="sans-serif">Hi,</font><br>
<br>
<font size="2" face="sans-serif">Jens Vieler and to some part I had transformed ZORA, </font><a href="http://www.zora.uzh.ch/"><font size="2" face="sans-serif">http://www.zora.uzh.ch/</font></a><font size="2" face="sans-serif">&nbsp;to a responsive design about a year ago.</font><br>
<br>
<font size="2" face="sans-serif">A Prezi presentation (in German) gives some insights about the thoughts and the process:</font><br>
<br>
<a href="https://prezi.com/v2bmixzbaiox"><font size="2" face="sans-serif">https://prezi.com/v2bmixzbaiox</font></a><br>
<br>
<font size="2" face="sans-serif">There are two routes: The user and the technical route. The technical route has been discussed in other answers before (e.g. using the Bootstrap plugin from UEL).</font><br>
<font size="2" face="sans-serif">The user route is at least as important. It is mainly about getting all stakeholders onto the boat, i.e. social engineering.</font><br>
<br>
<font size="2" face="sans-serif">Important slides:</font><br>
<br>
<font size="2" face="sans-serif">&quot;Problem analysis&quot; - Analysis of the present content</font><br>
<br>
<font size="2" face="sans-serif">&quot;Why should we go to a responsive design&quot;?</font><br>
<br>
<font size="2" face="sans-serif">&quot;Dann ein Schlachtplan&quot; </font><br>
<font size="2" face="sans-serif">- which page types?</font><br>
<font size="2" face="sans-serif">- which functions?</font><br>
<font size="2" face="sans-serif">- which content for which end device? </font><br>
<font size="2" face="sans-serif">&nbsp; &nbsp;Be aware that this may be a difficult question and it is an important part of the process. There were many discussions with the OA team of the main &nbsp;</font><br>
<font size="2" face="sans-serif">&nbsp; library until we came to a consensus &nbsp;what can be left out and what must be taken over. </font><br>
<font size="2" face="sans-serif">&nbsp; Also, don't forget printing. And as others did, we decided that submission, review and administrative tasks are for desktop only.</font><br>
<font size="2" face="sans-serif">- new features?</font><br>
<br>
<font size="2" face="sans-serif">&quot;Mockups&quot; - is a very important step in the decision process; no discussion about color scheme, layout details etc.!</font><br>
<br>
<font size="2" face="sans-serif">&quot;BadHTML2GoodHTML&quot; - current Bootstrap plugin only acts on core components of EPrints - a lot of work has to be done too for plugins (e.g. IRStats2). Also, in many cases we had to</font><br>
<font size="2" face="sans-serif">modify the HTML output in the core directly.</font><br>
<br>
<font size="2" face="sans-serif">One good thing is, that not everything must be solved initially before going live, but can be adapted gradually.</font><br>
<font size="2" face="sans-serif">Before going live, we had about 75 requirements, most of those were solved. As I see from our JIRA log, that phase lasted from 09/2015 till 07/2016 and took 16 scrum meetings. </font><br>
<font size="2" face="sans-serif">I guess that two thirds of this phase was about social engineering, on third implementation. Both Jens and I work part time and have other projects too, so don't take the duration literally.</font><br>
<font size="2" face="sans-serif">After that, another 25 requirements were solved. That phase took another four months.</font><br>
<br>
<font size="2" face="sans-serif">Being now on a responsive design enables us to go the next step, improving accessibility, in collaboration with the disability office of the university and an external audit.</font><br>
<br>
<font size="2" face="sans-serif">Best regards,</font><br>
<br>
<font size="2" face="sans-serif">Jens and Martin</font><br>
<br>
<br>
<img width="16" height="16" src="cid:1__=4EBB0BF3DFBB5E8C8f9e8a93df9@lotus.uzh.ch" border="0" alt="Inactive hide details for &quot;Vials Moore, Adam&quot; ---14/07/2017 09:55:57---Hey all! As a summer project we're updating the CSS/HTML"><font size="2" color="#424282" face="sans-serif">&quot;Vials Moore, Adam&quot; ---14/07/2017 09:55:57---Hey all! As a summer project we're updating the CSS/HTML front end on our eprints front end (I know,</font><br>
<br>
<font size="1" color="#5F5F5F" face="sans-serif">Von:        </font><font size="1" face="sans-serif">&quot;Vials Moore, Adam&quot; &lt;Adam.Moore@liverpool.ac.uk&gt;</font><br>
<font size="1" color="#5F5F5F" face="sans-serif">An:        </font><font size="1" face="sans-serif">&quot;eprints-tech@ecs.soton.ac.uk&quot; &lt;eprints-tech@ecs.soton.ac.uk&gt;</font><br>
<font size="1" color="#5F5F5F" face="sans-serif">Datum:        </font><font size="1" face="sans-serif">14/07/2017 09:55</font><br>
<font size="1" color="#5F5F5F" face="sans-serif">Betreff:        </font><font size="1" face="sans-serif">[EP-tech] UX/UI Refresh - good practice advice sought</font><br>
<font size="1" color="#5F5F5F" face="sans-serif">Gesendet von:        </font><font size="1" face="sans-serif">eprints-tech-bounces@ecs.soton.ac.uk</font><br>
<hr width="100%" size="2" align="left" noshade style="color:#8091A5; "><br>
<br>
<br>
<font size="2" face="Calibri">Hey all!</font><br>
<br>
<font size="2" face="Calibri">As a summer project we’re updating the CSS/HTML front end on our eprints front end (I know, I love pain).</font><br>
<br>
<font size="2" face="Calibri">Last time round (2+ years ago) I just hacked the relevant CSS into template/default.xml and static/index.html – but now we have 2 repositories (both 3.3.15) on different servers and I’d really like to:</font><br>
<br>
<font size="2" face="Calibri">Update to at least bootstrap – so that it looks OK on mobile devoices / not horrible at different resolutions etc &amp;c</font><br>
<font size="2" face="Calibri">Make everything a little more clean and modular</font><br>
<font size="2" face="Calibri">Not have to do it lots of times (preferably!)</font><br>
<br>
<font size="2" face="Calibri">I do have some corporate CSS to include so can’t completely freeform . . . .</font><br>
<br>
<font size="2" face="Calibri">All advice appreciated</font><tt><font size="2">*** Options: </font></tt><tt><font size="2"><a href="http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech">http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech</a></font></tt><tt><font size="2"><br>
*** Archive: </font></tt><tt><font size="2"><a href="http://www.eprints.org/tech.php/">http://www.eprints.org/tech.php/</a></font></tt><tt><font size="2"><br>
*** EPrints community wiki: </font></tt><tt><font size="2"><a href="http://wiki.eprints.org/">http://wiki.eprints.org/</a></font></tt><tt><font size="2"><br>
*** EPrints developers Forum: </font></tt><tt><font size="2"><a href="http://forum.eprints.org/">http://forum.eprints.org/</a></font></tt><tt><font size="2"><br>
</font></tt><br>
<br>
</body></html>