Basic Cosential EIM task screen
We are building a new iPhone application and have learned a number of things about how to design for the interface. For the example here, I will walk through our thinking for the Create Task Page.
In building the application, we first had to learn what we could and could not do. Therefore, we did not put too much time into the interface, as we had a tremendous amount of work in SQL Lite and Objective C to do to communicate with our Cosential web service. So for the first go round we just mocked up a simple interface.
After we got it working, we realized that this was never going to work. So we began to think about how people add tasks. Most of the time, people only fill in the subject of a task. So we decided to rearrange the screen with the most important things at the top and progressively moving down the page. The other thought was that when a person added a task, there should be as few clicks as possible, so the cursor should be in the field and the text entry tool should already be available. With this in mind, we had to design the most important things above the text entry tool so this limited the space we had to work with. I used OmniGraffel Professional and was able to find some templates with iPhone templates.
Cosential iPhone Task Add
As you can see this design rearranges the screen in a more logical way. The Tabs for Comment, Due Date and Context are just place holders for icons we are making. We rebuilt the page and played with in in the simulator and it worked just fine. One of the big challenges was dealing with the Context tab. The Icons are not meant to have any text to keep the page simple. Once a context is set, it could be a phone call or a task, and in the future, we plan to add other contexts so the icon which denots the kind of context has to dynamically change. The other icons have three states, Normal, depressed and data entered state.
As you can see this is clean, simple and fast to use.
Add New Comment
Viewing 5 Comments
Thanks. Your comment is awaiting approval by a moderator.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Add New Comment
Trackbacks
(Trackback URL)