Orb Phone Interface Concept - Lock Screen (Updated 2/26/09)

[ace10134]

Hello XDA-ers!! Updates Recently Made 2/26/2009 4:20 PM US Mountain Time

I have a concept for an interface replacement for Windows Mobile. I've made a Youtube video showing what it would look like, but the video is just some screenshots that are stiched together to make a vid. If I could get the help of developers,then I could make this a reality.

The Youtube Vid: http://www.youtube.com/watch?v=91Iw7Z4-Rho

The video is just of the Lock Screen, and I haven't even put in the unlocking animation, just the sliding to unlock thing.


How this interface works:
So, you turn on your phone, and you're greeted with this unlock screen:

(Hopefully the picture above worked)
Updated 2/26/2009 4:20 PM US Mountain Time
If you had another program open when you turned off your phone, then your lock screen would have the program in the background instead of your wallpaper. So, if you had Internet Explorer running and then you turned your phone off, the next time you turn your phone on, you'll see this screen:

To unlock, you just drag the Start icon outside of the blue region as seen in the Youtube clip. Once it's outside of the blue region, you release, and the blue region and Start icon will disappear. Then you can begin using your phone. Here's the Internet Explorer unlocked:

The scroll bars in the Internet Explorer are for guidance only. You use kinetic scrolling to get around the page just like Skyfire or the iPhone browser. At the top of the page is the URL bar. Then on the left, in order, is the Back button, Foward button, Reload button, Home button, Favorites, and then other websites that are bookmarked to the side bar like msn, google, xda-dev, and cnet.

If you don't touch the screen after a few seconds, say 3 seconds, then all of the icons and scroll bars will disappear, leaving your webpage wide open to explore:

Yet you still may notice that in each corner there is a low glowing color, representing the 4 orbs. The top left is glowing orange, right green, bottom left blue, right yellow. This represents the four colors in the Start icon, if you noticed. The low glow from the corner tells the user that the menus are hidden but they are still there and accessible. The user would just tap the screen or move the webpage to bring up all of the menus.

If you want to go straight to your phone, then you can just drag the Start icon from the lock screen up to the phone, and it will start your phone. Same with the other icons.

Here's all of the icons labeled for the first unlock screen:

Phone Icon - Displays number of missed calls/voicemails. When clicked on, it shows missed calls/voicemails, contacts, history, dialer, etc.

Messaging Icon - Displays number of missed TXT's, Emails, and even Instant Messages. When clicked on, shows your missed messages, gives other messaging options, etc.

Notifications Icon - Displays number of any other notifications such as appointments, alarms, and tasks. When clicked on, it shows you the notifications, allows you to take action, etc.

Programs Icon - When clicked on, it allows you to launch programs, plus it shows your running programs so that you can easily close or switch to them.


The Orb icons in the corners will always be up in every program unless a program specifies them to hide. The Orb interface will completely replace the Windows Mobile interface. The interface is completely touch and finger friendly.

Go HERE to see an idea of what an incoming call would look like.

I need help to make this interface become a reality. I don't know programming and I could use help with icon design. If any of you can help me with this, then that would be great. I would love to see this interface rise up to the top with PointUI and others.

So write me a reply in this thread or anything. I need the help.


Thanks so much for watching the video and looking at the pics,

Andrew

 

[sracercelica]

I like the concept too bad I know nothing about programing!

 

[garsim]

wow
it's very beautiful!

 

[Keland44]

this looks like it could be a good concept for a wisbar desktop skin

 

[robi_90]

wow!look great!

 

[ace10134]

I'm thinking about trying to get A_C to help code it. He has done some good stuff with his S2U2 and S2P and everything.

Thanks for taking interest in this though, I'll give you guys a beta version when there is a beta

Andrew

 

[ace10134]

this looks like it could be a good concept for a wisbar desktop skin

I've also thought about using Wisbar Desktop but I want something that would be a full interface replacement, something thats really smooth, flashy, and beautiful. I could make a quick Wisbar theme, but I want this to be similar to PointUI's original interface.

Developers, where are you? lol. I guess I'll spend my rodeo break learning C++ or whatever you code in. Just kiddin, that would be a long rodeo break.

Honestly developers, anyone out there?

Keep up the hype about this though, it helps.

Thx everyone,
Andrew

 

[EnsconcE]

I like the concept, it brings everything to the desktop in a very simple way. Though i have a remark. The arrangement should be different in my opinion. The start-menu should be upper left and the notifications and messages should be in the lower right and left corner.

The start menu should be there because in your current proposition you break with the position of the start menu of the OS. If the upper left corner is the best place can be questioned. But by not breaking with the way the OS is structured you are making your desktop replacement easier to get used to.

The messages and notifications should be at the lower end of the screen because they "belong together". By putting them on the lower bar, they will "work together".

Though you could always let the user choose

 

[Ufufu]

This seems similar to the TAT concept that Meizu M8 copied (or was it vice versa? I don't think so).

See here for their unlocking ideas:

http://www.tat.se/site/showroom/prototypes_movies2.html

I think the "Boing" one is the prettiest.

 

[ace10134]

This seems similar to the TAT concept...

Yes the unlock thing is similar to TAT's drag and drop unlock or some of their others. TAT has some real amazing stuff, I think it inspired me some, but i thought of the original design of the 4 orbs in the corners way before I saw TAT.

If only TAT gave us some of their sweet stuff that they design.

The start-menu should be upper left and the notifications and messages should be in the lower right and left corner.

That's a good idea for the start menu since it's familiar with Windows Mobile, but my plan for this interface is for it to completely replace the Windows Mobile interface, so you would never see the original Start Menu again.

I haven't thouroughly thought out the icon placement yet, I worked up these rough images just this morning in about 3 hours.

Thanks for the comment, I'll consider upper right!

Andrew

 

[Keland44]

the tat stuff looks pretty nice definately interesting in see how this comes along
ace maybe if you look into some of the code for pontui you might be able to implement this with some work i think pontui is something like html or xml or something like that

 

[ace10134]

maybe if you look into some of the code for pontui you might be able to implement this with some work i think pontui is something like html or xml or something like that

I've also considered PointUI. Yet, I think the best way to make a perfected interface would be to write all of the code custom.

Thanks for writing, and yea, the PointUI 2 does have more customizability so I could look into that as an option.

Andrew

 

[meccax5]

why would you do anything that looks like msn explorer?

 

[ace10134]

why would you do anything that looks like msn explorer?

That looks like msn explorer???

That picture that your talking about is the internet browser, which is visiting the site msn.com

Some of the icons used in the internet browser are from Internet Explorer 8, but most of them are custom created. The theme was all created by me, I haven't seen msn explorer for ages.

Anyways I use msn for my mail, so I chose that webpage cuz that's how i get to my mail.


Andrew

 

[meccax5]

even those buttons on the corners look too early 2000's Windows. Not the icons but rather the color scheme in general. I dunno its just my opinion.

 

[ace10134]

even those buttons on the corners look too early 2000's Windows. Not the icons but rather the color scheme in general. I dunno its just my opinion.

Yea I could agree with that, I made the icons in Word 2007, so I didn't expect anything spectacular.

When do the developers sign on? Or are they all busy making other stuff?

 

[thundershadow14]

I like the concept, and I'm very willing to try and make it a reality. Once I get a phone, lol! I'm getting paid next week, so hopefully if everything goes as planned I'll have a new toy to start developing on!

 

[ace10134]

I like the concept, and I'm very willing to try and make it a reality.

Sweet! lol, yea, having a phone would help

I've also have a little incoming call concept drawn up here if you haven't seen it yet.

I think that if we made this interface a reality, it could be up near the top with PointUI and SPB Mobile Shell!

Thanks for replying and I hope you get a sick phone!

Oh and what do you write your programs in? I'd like to learn some programming too so I could maybe help develop this interface.

So write back here sometime if you'd like to start designing this!

Thanks,
Andrew

 

[bstylz911]

download link? i wanna try=]

 

[biosxjj]

beautiful!
mark.