Ottonavi HU: How to customize (a bit) the UI

I took clayfree's icons and photoshop'd this home screen.

Would this mockup work? Do you think is it possible to change the analog clock to digital?

 

Great work Bulle! I loaded it for my drive to work. Now that it's loaded I can do a little reverse engineering and make some adjustments . I will reduce the sizes about 25-30% and they will fit nicely with the type below. I'll post some new graphics later today.

 

OK, done. These should fix the sizing issues.

http://dl.dropbox.com/u/6709347/Metal%20buttons%20Small.zip

 

Looks great! Such an improvement over the first icons. I like the title screen you made when selecting the skin!

Thanks for the additional graphics. I can change the lower bar opacity and it will look like dehhh's comp.

Bulle I'm game to make more graphics if you don't mind changing them out and doing the builds. I think we can really improve the interface. Here's some things I would like to take a look at:

The 9 icons on the apps screen
The default art on the music screen
Can you change the boot screen for Ottonavi?
The radio screen is a mess but that's a lot of text specs and spacing

Also: If you have the ability to move elements & type around I could work up some homescreen options to look at. For example one might look like dehhh's comp the now playing displayed in the center under the clock.

What would you like to change?

 

Can you guys change the time underneath the analog clock to a different number style? The current time style looks ugly and does not fit any of the font style in the unit.

 

Totally agree Dehhh, that font really bugs me. It's also redundant to have an analog clock sitting on top of a digital clock

I was thinking of working on a home layout that featured "now playing" more prominently and possibly show the artist/album art. That all depends on what Bulle thinks can be done.

 

This is very helpful! I can change out the clock font. I can also look at some very small icons for artist info, etc. I need a little time to build a layered screen, that will help me get all the elements just right.

Bulle, are the clock hands textures? If so we could always use the hack of loading a clear png

 

Bulle can you verify the information in the fields:

4 - file type, current/total(MP3 5/60)
11 - #, title (02 You Don't Know How It Feels)
12 - ?
13 - ?

2 - month, date, year (February 21, 2012
3 - day of week (Tuesday)
15 - ?
16 - ?

I'm building a screen now
Thanks!

 

I'll look at mine tonight ... I was trying to set up an accurate template.

I had an idea while working on this. What if we revised the home screen to be generic for lack of a better term. In other words new icons, ditch the analog clock and use clean type in white(or light grey) for all the information. Then the entire look can be changed with just the wallpaper which could be designed around the information. Here are 3 examples and the only difference is the wallpaper.







I was able to create 3 distinct looks in about 30 minutes. Using this method we could accomodate many more styles easily and everyone could load wallpapers when they want a change. Even the shaded bar at the bottom could be built into the wallpaper. Of course the underlying screens would remain the blue.

 

+1 for the middle one. that is sweet!. I've been hesitant to buy one of these import oem style units cause a couple reasons and one was the crappy looking display. just changing the color to blue was nice but now you guys are making magic happen and it's cool.

jeff in long beach

 

OK, here's another approach. If we're stuck with the clock hands then let's design around them. I could give you a blank png for the digital clock numbers and it would go away. Then we're left with buttons, analog clock and the dynamic info on each side. Here are a couple if ideas for how that could look:





EDIT: one more