Author Topic: Screen Refactored: Call in Progress  (Read 4534 times)

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Screen Refactored: Call in Progress
« 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

los93sol

  • Guru
  • ****
  • Posts: 396
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #1 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!

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #2 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

merkur2k

  • Addicted
  • *
  • Posts: 513
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #3 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.

JDFire

  • Regular Poster
  • **
  • Posts: 18
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #4 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

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #5 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

tschak909

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #6 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

dlewis

  • Guru
  • ****
  • Posts: 401
    • View Profile
Re: Screen Refactored: Call in Progress
« Reply #7 on: August 23, 2009, 04:30:31 pm »
Good stuff Thom.

hari

  • Administrator
  • LinuxMCE God
  • *****
  • Posts: 2428
    • View Profile
    • ago control
Re: Screen Refactored: Call in Progress
« Reply #8 on: August 24, 2009, 01:56:47 pm »
Awesome thom!!!

keep up your great work!

best regards,
Hari
rock your home - http://www.agocontrol.com home automation

totallymaxed

  • LinuxMCE God
  • ****
  • Posts: 4660
  • Smart Home Consulting
    • View Profile
    • Dianemo - at home with technology
Re: Screen Refactored: Call in Progress
« Reply #9 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
Andy Herron,
CHT Ltd

For Dianemo/LinuxMCE consulting advice;
@herron on Twitter, totallymaxed+inquiries@gmail.com via email or PM me here.

Get Dianemo-Rpi2 ARM Licenses http://forum.linuxmce.org/index.php?topic=14026.0

Get RaspSqueeze-CEC or Raspbmc-CEC for Dianemo/LinuxMCE: http://wp.me/P4KgIc-5P

Facebook: https://www.facebook.com/pages/Dianemo-Home-Automation/226019387454465

http://www.dianemo.co.uk