Re: [IxDA Discuss] Forms design / labels inside the fields

2010-02-09 Thread Nathanael Boehm
Hi Maciej,

We had this discussion over at UX Exchange a few months back
(http://uxexchange.com/questions/309/form-field-inside-labels-usability-and-accessibility)
and in response I put together a prototype interaction pattern for
form labels inside fields that displayed the label underneath the
form field when the cursor was in the field and reinstated it if the
user cleared the field or left it blank. Also provided for alternate
styling for displaying labels vs user data inside the field.
Accessible too, though being a prototype could use some work:

http://sandpit.purecaffeine.com/text_in_form_field.html

Cheers,

Nathanael Boehm


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49165



Welcome to the Interaction Design Association (IxDA)!
To post to this list ... disc...@ixda.org
Unsubscribe  http://www.ixda.org/unsubscribe
List Guidelines  http://www.ixda.org/guidelines
List Help .. http://www.ixda.org/help


Re: [IxDA Discuss] Profile vs. Persona

2008-06-04 Thread Nathanael Boehm
Profiles are *types* of users. Personas have real names (of obviously
ficticious users) :-)

A lot of overlap in content especially at a high level, but a different
approach and a different use.

Personas are generally open to deeper exploration of habits and small
details that might not seem relevant and wouldn't be included in a profile
(with its scientific approach) but can help designers think laterally about
catering for users' needs and behaviours.
-- 
Nathanael Boehm
:: http://www.purecaffeine.com
:: [EMAIL PROTECTED]
:: Canberra, Australia
:: 0409 288 464

On Wed, Jun 4, 2008 at 4:23 PM, FoongYeen Chan [EMAIL PROTECTED]
wrote:

 Persona provides an illustration of a virtual user. There are more
 information that you can extract from a persona such as user's profile,
 goal, task to be completed, how he/she use the application tool, their
 daily
 life, behavior, common practice, user expectation, etc. All these
 information are good inputs for brainstorming and developing a new product.
  
 Welcome to the Interaction Design Association (IxDA)!
 To post to this list ... [EMAIL PROTECTED]
 Unsubscribe  http://www.ixda.org/unsubscribe
 List Guidelines  http://www.ixda.org/guidelines
 List Help .. http://www.ixda.org/help


Welcome to the Interaction Design Association (IxDA)!
To post to this list ... [EMAIL PROTECTED]
Unsubscribe  http://www.ixda.org/unsubscribe
List Guidelines  http://www.ixda.org/guidelines
List Help .. http://www.ixda.org/help


Re: [IxDA Discuss] How to make links look like links?

2008-06-03 Thread Nathanael Boehm
It shouldn't just be colour contrast but also brightness contrast. Using HSB
instead of RGB mode is useful for this. I recently put together a 12 hue x 4
brightness levels (48 colours in total) scheme for a site that heavily
relies on colour/contrast as an aid for identifying screens and screen
components - but using the HSB approach helped keep consistency of contrast
where required and meant I didn't need to come up with 48 individual
colours. I digress. But if you find that underlines on links make reading
the text difficult then you can use bottom borders on the links instead of
applying underline text decoration. That way you can change the colour of
the underline so it doesn't have to neccessarily match the link colour. Use
wisely.

-- 
Nathanael Boehm
:: http://www.purecaffeine.com
:: [EMAIL PROTECTED]
:: Canberra, Australia
:: 0409 288 464

On Wed, Jun 4, 2008 at 10:15 AM, Juan Lanus [EMAIL PROTECTED] wrote:

 As I read this, and without having tried it ... a suggestion.
 Well, some users are more prone to mousing than others, for example kids.
 The idea is to set the content, if possible, in a container (for example, a
 div).
 Then to highlight all the links when the user is mousing over the
 container,
 all the links inside the container at once.
 Depending on the relative size of the container, this feature might greatly
 reduce the risk that the user didn't notice the links, without the
 distracting affect of the links interspersed into text intended to be read.
 The user can read the text in a single swoop and after grab the mouse and
 get into the links.
 --
 Juan Lanus
  
 Welcome to the Interaction Design Association (IxDA)!
 To post to this list ... [EMAIL PROTECTED]
 Unsubscribe  http://www.ixda.org/unsubscribe
 List Guidelines  http://www.ixda.org/guidelines
 List Help .. http://www.ixda.org/help




-- 
Nathanael Boehm
:: http://www.purecaffeine.com
:: [EMAIL PROTECTED]
:: Canberra, Australia
:: 0409 288 464

Welcome to the Interaction Design Association (IxDA)!
To post to this list ... [EMAIL PROTECTED]
Unsubscribe  http://www.ixda.org/unsubscribe
List Guidelines  http://www.ixda.org/guidelines
List Help .. http://www.ixda.org/help


Re: [IxDA Discuss] [ixda] horizontal log in fields on web apps

2008-06-03 Thread Nathanael Boehm
Just keep in mind accessibility too if you're going to be putting the visual
label inside the form field as a value attribute instead of a label before
the field, as well as issues when no JS enabled/supported. Not a major
problem, but just make you consider those two requirements ... it can be
annoying have to manually strip out the contents of a field when there's no
JS to do it for you - especially if you're using a screen-reader and don't
notice that you're submitting a search query for Search archives ...design

-- 
Nathanael Boehm
:: http://www.purecaffeine.com
:: [EMAIL PROTECTED]
:: Canberra, Australia
:: 0409 288 464

On Wed, Jun 4, 2008 at 12:13 AM, Bob Sampson [EMAIL PROTECTED] wrote:

 I think a major contributor to usability in fields like that are
 watermarks in the textboxes to make them stand out more. Kind of like
 the Search Archives... searchbox on this ixda site in the
 rightnav. I think nowadays you can even dump the labels and put them
 right in the textboxes.

 [Email ]  [Password ]


 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
 Posted from the new ixda.org
 http://www.ixda.org/discuss?post=29751


 
 Welcome to the Interaction Design Association (IxDA)!
 To post to this list ... [EMAIL PROTECTED]
 Unsubscribe  http://www.ixda.org/unsubscribe
 List Guidelines  http://www.ixda.org/guidelines
 List Help .. http://www.ixda.org/help




-- 
Nathanael Boehm
:: http://www.purecaffeine.com
:: [EMAIL PROTECTED]
:: Canberra, Australia
:: 0409 288 464

Welcome to the Interaction Design Association (IxDA)!
To post to this list ... [EMAIL PROTECTED]
Unsubscribe  http://www.ixda.org/unsubscribe
List Guidelines  http://www.ixda.org/guidelines
List Help .. http://www.ixda.org/help