LinuxMCE Forums

General => Developers => Topic started by: tschak909 on August 20, 2009, 07:45:56 pm

Title: Screen Refactored: Call in Progress
Post by: tschak909 on August 20, 2009, 07:45:56 pm

Hello everyone,

As I use the media director phone every day, I've been systematically improving its UI.

One of the big problems with the original Call in Progress screen was that the keyboard at the bottom was completely useless.

I have since removed it, replaced it with a number pad, and re-positioned existing objects on screen to something a bit more aesthetically pleasing. The dial pad during a call will emit touch tones to the call, allowing for navigation of voice prompted menus.

Here are some screenies:

http://www.localeconcept.com/pub/new_callinprogress/CallInProgress-UI1.jpg
http://www.localeconcept.com/pub/new_callinprogress/CallInProgress-UI1-PDA.jpg
http://www.localeconcept.com/pub/new_callinprogress/CallInProgress-UI2.png

And a little demo video:

http://www.youtube.com/watch?v=HceziNUq0II

Enjoy,
-Thom

Title: Re: Screen Refactored: Call in Progress
Post by: los93sol on August 20, 2009, 08:32:44 pm

Nice job Thom!  The layout you came up with looks much more usable.  I have one suggestion which would make this even better, and the good news is it's quick and easy!  :)  Have you thought about placing letters on the number keys like a hardphone would have?  I have found that calling some customer service numbers like 1-800-DIRECTV can be quite difficult if you can't remember which letters are on which number.  For example
  1     2      3
       ABC  DEF

  4     5      6
GHI   JKL  MNO

...you get the idea.  Anyways, looks great!

Title: Re: Screen Refactored: Call in Progress
Post by: tschak909 on August 20, 2009, 08:46:01 pm

yeah, i'll do that when I can. The numbers on the pad are graphic images, so they can be replaced. I will have to make a separate set for the security panel...

-Thom

Title: Re: Screen Refactored: Call in Progress
Post by: merkur2k on August 20, 2009, 11:35:51 pm

it may not be a bad thing to use the same buttons for the security pad. people may want to use a word for a code or something. something to consider anyway.

Title: Re: Screen Refactored: Call in Progress
Post by: JDFire on August 22, 2009, 08:34:26 am

By what Thom said before about the numbers are images. Has there been any thought about allowing templates to be made for all the images? Like for different themes and such. I understand this might not be on the top of everyone's list but it might be something to think about.

JD

Title: Re: Screen Refactored: Call in Progress
Post by: tschak909 on August 22, 2009, 09:04:22 am

please watch my designer and skin screencasts, which are in the wiki in the Developers Guide.

-Thom

Title: Re: Screen Refactored: Call in Progress
Post by: tschak909 on August 23, 2009, 10:14:25 am

I have done some work to support pictures for contacts, as suggested by the call in progress screen:

http://www.localeconcept.com/pub/new_callinprogress/EditContact.png
http://www.localeconcept.com/pub/new_callinprogress/callingin.jpg
http://www.localeconcept.com/pub/new_callinprogress/callinprogress.jpg

hopefully, these are self explanatory. I still want to do some refinement later.

Enjoy,
-Thom

Title: Re: Screen Refactored: Call in Progress
Post by: dlewis on August 23, 2009, 04:30:31 pm

Good stuff Thom.

Title: Re: Screen Refactored: Call in Progress
Post by: hari on August 24, 2009, 01:56:47 pm

Awesome thom!!!

keep up your great work!

best regards,
Hari

Title: Re: Screen Refactored: Call in Progress
Post by: totallymaxed on August 28, 2009, 03:26:59 pm

Great work Thom :-)...love it!

...text wrapping & placement in buttons etc needs some re-thinking (no a critique of your screens at all...it just reminded me of how hard it is to get the text layout looking 'right'...in many cases it is this one single system wide limitation that people most often pick us up on...we must fix that so that new UI work like yours can 'shine')

All the best

Andrew