Chapter 3
[ 57 ]
Here's a run down on the screenshots (from top left):
1. Opera Mini??”test page??”clicking to edit a text field
2. Opera Mini??”test page??”full screen text field editing
3. Opera Mini??”test page??”select drop down
4. Opera Mini??”test page??”full screen view of select options
5. Opera Mini??”test page??”text area, checkbox, and submit button activation
6. Motorola v3i??”POTR homepage??”navigation menu
7. Motorola v3i??”POTR homepage??”links, select drop down
8. Motorola v3i??”POTR homepage??”radio button style select drop
down rendering
Building Pizza On The Run
[ 58 ]
9. Motorola v3i??”login form??”inline text field editing
10. Sony Ericsson k750i??”login form rendering
11. Sony Ericsson k750i??”inline radio button style rendering of drop downs
12. Samsung Z105's rendering of select drop down & POTR homepage
The screenshot above shows how Openwave browser renders the POTR
homepage. It provides auto-completion by default on text fields, and you have
to activate editing by pressing the softkey. Select drop downs are shown on the
same screen.
The difference in form control rendering affects usability! Imagine a page with six
drop downs to select starting and ending dates.
Pages:
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93