This post was originally published as is in the list of the “pkp tech cmte” but we thought it was a discussion that need to be taken open with contribution of the wole community.
If you got stuck in my poor English and the informal writing style, just think in how important is the surrounding question is “how new OxS tools should bee from a user interface and user experience perspective”?
Feel free to comment:
Dear fellows (and specially Kevin and Alec),
It’s not a secret… I’m a big fan of codrops.
I love Mary Lou’s work and in interface design I think they are creating stuff a few years forward anybody.
And this it’s a fact. Two years ago I share with you a link to their work that IMHO could be the a wonderful clean and clear inspiration for OJS:
Today, this frontend (without flip-page transition, that is cool at the begining but after 10 times it’s annoying) is still very close to my ideal UI/UX for OJS and very near in philosophy to the approach seen in lens http://lens.elifesciences.org/06351.
This is why I feel confident to share a new link that I think could be a good inspiration for OMP:
Again, IMHO, they created a clean interface where technology is not intrusive… is there to do useful stuff and create an very pleasant web experience.
And after this I follow “digging” (probably procrastination it’s the word) and I found some resources that I think could be also useful for UI/UX team.
Yes, I know most of this effects are not crossbrowser or not accessible or responsive ready. I just suggest them as ideas to evaluate and not as simple “snippets”:
Vertical Icon Menu in combination with former link?
Article Intro Effects for a dynamic header
About Tabs to help with tab issues
Caption hover effects:
Modals they could be cool:
- http://tympanus.net/Development/ModalWindowEffects/
- http://tympanus.net/Development/FullscreenOverlayStyles/
About menus with a few more UI/UX experiments
Transitions my rule for this is “a transtion is working fine if a regular user don’t notice is there”:
- http://tympanus.net/Development/PageTransitions
- http://tympanus.net/Development/FullscreenLayoutPageTransitions
- http://tympanus.net/Development/FlipboardPageLayout
Take care,
m.