Paroli UI/Theme proposals
Hello! I will now present a proposal that I have made for paroli. Each photo comes with it’s own description. These are just mock-ups and are meant to be a base proposal for further development of paroli. I am not a developer and so I am not familiar with potential limitations. So there might be stuff here that in reality won’t work with paroli.
Layout
The initial layout ain’t changed, it still has the top shelf, the main area where the clock and other info resides and the launcher. I want to introduce some new ideas I have regarding the shelf, I know that the shelf ain’t a part of paroli, but I’d love to change this because it’s a tidy and neat way to store dialogue boxes, think of android here, except that my idea goes further than just a dialog box. I want it to become a placeholder for alot of stuff; input fields, display of incoming/outgoing calls and even messages, see images below to get an idea. One scenario could be when writing a new message the top shelf slides down and the launcher area is replaced by a keyboard.
Navigation
My initial thoughts was that I wanted to change the way we typically navigate in paroli, for example with the current UI, you would have to go by a 3-step navigation. I came up with a way that in my opinion is alot cleaner, and better. Instead of being taken away from the main screen, a menu slides left-to-right with sub-choices. This gives easy access to every single configuration that paroli might handle in just 2-steps.
Give the user feedback!
Yes oh yes, we want to be notified … and we should be! Within each section of the launcher I had an idea to display quick information automatically or when the user requests it. If a user calls you and get no answer, a missed call notice will be displayed in the appropriate section.
Theme
We all love retro! … Right? My initial thoughts when picking out colors and graphics was to give it a bit of a retro look, reflecting the freerunner itself ;) Also, I’m a big fan of contrasts which is the way to go for readability and user-friendliness. Thirdly I wanted it to still be quite minimalistic and leave room for the users to change backgrounds and such, maybe even create their own color profiles, the possibilities are endless.
Actions
Even though the look is quite retro’ish there’s nothing like a good animation, here’s a list of thought’s I’ve had.
- The shelf could slide up/down.
- Notifications could fade in/out.
- When pushing a menu icon in the launcher the menu for that category slides out from left to right, pushing any other menu icon should slide the current menu back again.
- When writing messages the message itself is displayed in the shelf that is dropped down, if the message gets too long it should be scrollable inside the shelf.
Outro
I hope you guy’s enjoyed my little walk-through ;) Please don’t hesitate to comment in here, especially if you have other cool ideas or would like to see some changes made.
wow! nice to see some people with design talend are in the community. this looks really impressiv i hope the paroli devs are pick up some ideas from your mookup. but at the moment i hope we can run paroli on shr as the main phone app.
Hey Daniel, my first commenter! I Just released this site yesterday:) Thanks for the kind words. I must say I really enjoyed your contributions to the SHR Logo Contest, awesome work man!
Very nice design and seems to be very though-out.
Would love to see this implemented IRL.
Good luck and keep doing this stuff :-)
Jon Kristian,
nice work on the graphics! I hope these give good ideas to the devs out there!
Very nice! i like it..
however i’d rather have paroli as the main ui for the phone, and thus would like to have a way of starting other applications from it, i thought of 3 step navigation, where you first choose phone-realted optins, applications, settings and perhaps something else.. just a thought.
Amazing work ;)
Very nice work, we really need designers on this platform. Incoming and outgoing should be arrows up and down I think, it makes more sens IMHO. I like the icons, but there should be some alternatives, with the same simplistic design.
I hope someone implements this. I do not know enough edje myself just now, but who knows…
Hello Jon,
thank you…, it looks great for me!
This is, what I’ve been waiting for a long time.
I really hope, it will be implemented in some way.
Ciao
Walter
I like the layout and the retro-ish style. Contrasts are good. However, I suspect the icons on the horizontal sub-choice menus could be a bit small for the hi-res Freerunner screen (assuming you’re aiming for that target). The same goes with some of the text; it looks perfect on a PC, but on the Freerunner screen it will be a PITA small font.
Hello Eivind, thanks for the feedback:) I think I disagree with you on that point, try comparing my screens with android for example. However if this turns out to be true, it will be quite easy to fix, as everything will be vectorized in the end.
I have heard that some people are trying to resize my screens to fit on a freerunner, and would like to say that this approach will give a wrong image of what it would look like. Not only will it make the graphics garbled, but these are mock-ups, and not with real measures.
Hello from Russia!
Can I quote a post in your blog with the link to you?
Sure, no problem.