Överst på alla våra sidor och guider ligger ett över 10 år gammalt design-element. Vår sajtnavigator. Via den kan man se om man är inloggad på communityn, man kan logga in, man kan ta sig till våra olika delar av FFU (om oss, bloggen, med mera), och man kan framförallt se en översikt på alla våra spelguider och snabbt öppna en av dem. Detta är den tredje versionen av denna navigator.
![](https://dev.ffuniverse.nu/wp-content/uploads/2015/02/Screen-Shot-2015-02-18-at-10.05.22.png)
FFU-navigatorn version 3 (nuvarande per 2017)
Version 4
För ett par år sedan började jag smått designa om den (äntligen) – version 4. Dessvärre var jag tvungen att pausa det jobbet lite. Såhär såg den ut då jag la projektet på hyllan.
![](https://dev.ffuniverse.nu/wp-content/uploads/2015/10/2015-10-04-1024x352.jpg)
FFU-navigatorn version 4 (aldrig lanserad)
Och bra det pausades. För med tiden föddes en helt ny design, löst baserad på det jag kom fram till först, men extremt mycket renare och enklare – väsentligt mycket bättre. Som ni ser är version 4 ganska rörig, full av små små detaljer.
Version 5
![](https://dev.ffuniverse.nu/wp-content/uploads/2017/12/Screen-Shot-2017-11-23-at-08.14.44-1024x246.png)
FFU-navigatorn version 5 – utkast
Såhär ser den ut just nu, i tidigt designstadium. Version 5. Berikad med fullt stöd för mobila enheter, för listning av alla våra guider (även de som inte får plats i menyn, de visas omedelbart då man lägger muspekaren över “Fler spelguider”), och små fina animationer. Ny är också vår logo med Mog, den använder vi redan på Facebook, Twitter, och på många andra platser.
Ute är formuläret för att direkt logga in på communityn, och borta är också sista nyheter (eftersom vi inte postar så brutalt ofta). Tanken är att introducera någon form för hint likt Trello gör det för att påkalla uppmärksamheten till något nytt som hänt, men det kommer efter lansering.
Tidigare versioner har jag alltid designat i Photoshop, men denna gång “designade” jag dem från grunden direkt med CSS och HTML i Firefox Developer Edition. Detta har gjort att jag omedelbart får något testbart, som lätt kan ändras på, och ingen tid läggs i Photoshop. “Code first”!
Förhoppningsvis blir vår nya FFU-navigator färdig och lanseras i starten av 2018. Men först ska den kännas perfekt på liten som stor skärm (över 50% av våra besökare använder mobil).