| Version 20 (modified by nkinkade, 4 years ago) (diff) |
|---|
Intro
This page is a design guideline for the default phoneui.
Human Interface Guidelines
We need to write our own, many useful examples: Examples.
DISCLAIMER
Screens on this page are mostly in mockup or branstorm stage, or they are just showing design from other app on which we want to base. Please don't be suggested too much and if you have some good idea - add it here!
Notifier
I don't know what to do with that HoverSel?:
I don't use it at all in "real life" usage. Any better ideas for that space?
Generally - I think opimd-notifier design is the way to go. After adding configuration option of being dialog or fullscreen, and after changing what is described on sketch: "Action" button instead of "Reply" button, which displays InWin? with few buttons: "Reply", "Forward", "Dial" and maybe "Delete".
artek: IMO notification about new message should be show in upper bar, as it is in the Android. After touch upper bar, it expand, i choose message, and i automaticly move to message app.
I agree with artek. I think that notifications should be made via an icon in the Illume shelf, that upon being touched will expand to a nice window. I find things auto-raising to be somewhat intrusive. The one big problem with this approach is that it's reliant on Illume. nkinkade - Mon Aug 10 13:51:44 EDT 2009.
Contacts
List of contacts. Every list item has contact photo on left and "quick dial" button on right, which dials first phone number (if contact has no phones, then e-mail, if not then something else... and if contact doesn't have anything, then don't display it at all). Every list item contains two lines of text: contact name and main field (phone, then e-mail, then ...) with type icon.
On right of list are chars, as in Qtopia. After clicking on some char list jumps to first contact starting on given character. If there is no contact starting at some char, it isn't displayed in list. Good "fancy" thing would be showing zooming-glass when holpding char, as in Qtopia keyboard.
Single click on contact display contact view:
I would like to see it a little bit more like 2007.2, but overall idea can be seen on this screen:
Contacts actions in contact view:
When multiple phones/mails are available and it's unclear which to select (only from contact view, from contacts list it selects the first):
Contact view should also have "contact history" which all calls and messages from/to given contact (as in 2007.2).
Messages
I think I like the apathy design for the actual messages, example:
I also think we should write our message (to be written) inside a bubble and we also need a char counter. is there anything else I'm missing?
As for the main window, I want to see both per contact (like in 2007.2) grouping (with info) and classic messages list (sorted by time of arrival)
Description of the UI, maybe sketches?
PhoneLog?
I like the current PhoneLog? design, (except for the fact that it's gtk+ and the buttons row) so I tried to make those changes show in the pictures below: Just try out pyphonelog to understand the feel and usability as it's a lot clearer that way.
The buttons should be stretched, they are not here as I'm not even slightly talented in GIMP :)
- Incoming:
- Incoming expanded:
- All:
Dialer
No solid ideas yet. Maybe it could stay as is, but with button for phonelog added.
Active Call
No solid ideas yet. if you sketch something, don't forget call waiting, speaker, conference calls, volume control and etc.
Error Handling
I like opimd-utils error handling, maybe that's the way to go:
Others
Some mockups are available at http://www.alasal.be/openmoko/shr2/ . Maybe we'll be able to reuse ideas/design.
Attachments
-
all.png
(41.3 KB) -
added by TAsn 4 years ago.
-
incoming.png
(45.2 KB) -
added by TAsn 4 years ago.
-
incoming-expanded.png
(55.0 KB) -
added by TAsn 4 years ago.
-
contacts-popup.png
(85.7 KB) -
added by TAsn 4 years ago.
-
contacts-hover.png
(73.1 KB) -
added by TAsn 4 years ago.
-
contacts-search.png
(78.8 KB) -
added by TAsn 4 years ago.
-
notifier-error.png
(122.5 KB) -
added by TAsn 4 years ago.
-
notifier-hover.png
(118.2 KB) -
added by TAsn 4 years ago.
-
notifier-message.png
(120.4 KB) -
added by TAsn 4 years ago.
-
notifier-reply.png
(118.3 KB) -
added by TAsn 4 years ago.
-
contact.jpg
(139.6 KB) -
added by TAsn 4 years ago.
-
contacts.jpg
(111.6 KB) -
added by TAsn 4 years ago.
-
notifier.jpg
(119.8 KB) -
added by TAsn 4 years ago.
-
message.jpg
(142.1 KB) -
added by yprum 4 years ago.
-
newmessage.jpg
(52.9 KB) -
added by yprum 4 years ago.
-
incall.jpg
(66.5 KB) -
added by yprum 4 years ago.
-
contact_proposition.png
(49.7 KB) -
added by fylefou 4 years ago.
a proposition of ui for contact selection
-
contacts-sugestion-heinervdm.png
(113.0 KB) -
added by Heinervdm 4 years ago.
-
in_call5.png
(139.2 KB) -
added by jesusmccloud 4 years ago.
active call
-
in_call4.png
(86.1 KB) -
added by jesusmccloud 4 years ago.
active call variant
-
in_call3.png
(100.7 KB) -
added by jesusmccloud 4 years ago.
active call variant














