The Tumblr uses the same method for login. The movement between the login and sign up is nice. The box expands o allow for another field. It is consistent in its design, and also has buttons to switch from sign up to log on.

The behance sign up uses a different method to signup. Instead of using a lightbox, a new page is used. This is a little inconsistent but differentiates between sign up and log in.

The Labbler sign up is consistent with the login, except with a few extra fields added at the bottom.

View high resolution

Like the way the help and directions appear on behance. On hover over the ‘help’ the instructions pop up. Although this goes against Galitz’s ideals of having the directions for a field above the task, aesthetically it looks more appealing.

Currently the directions are put at the bottom of the taskbar, however this looks untidy as some sections need more description than others. Also it takes up a whole strip along the bottom of the taskbar which could be utilised better.

examples of different login styles. Tumblr use whole page whereas Behance and Labbler uses a lightbox pop up. Think the lightbox method will be much better for dataform as want to minimise pages. Technically the site will only have three; home (prior login), actual building site, and logged off page.

There is also a difference in the fields. Tumblr and Labbler puts the data to enter inside the box, whereas behance uses headings next to the field. Not sure which will best suit dataform. The tumblr approch works well as there is less clutter, however so far there has been titles above the fields of entry i.e. on the ‘share’ page.

View high resolution

Kashflow’s ‘Logged out’ screen.

Nice idea to have a logged out screen, perhaps this is something that could be developed into my idea. After logging out they get options to follow or feedback on the product through social networks.

The only thing that doesn’t need to be on this screen is the ‘try kashflow now’ button, as surely the user has just logged out, so they are either in the process of trialing it, or have completed their trial and have purchased an account?

Examples of Kashflow’s ui.

In first image, the box expands to enable the user to edit details. This can be done in 2 ways; clicking on the edit icon in the top right, OR by clicking the address. This is offering 2 ways to perform the same task. this links to the research regarding two ways to do things for both experienced and inexperienced users. For example an inexperienced user would be more likely to click the icon than the address. By offering two ways to do this it eliminates frustration, as both ways offer the same thing, and doesn’t need instructions.

In the second image it shows the box once expanded. The editable information is in a slightly darker font. This subtly shows the difference between editable and none editable information. This is also defined by the box which indicate editable fields. The ‘save’ and ‘cancel’ buttons work well as they are visually different, so there is less chance of the user pressing the wrong button. However the only fault is that I think the buttons are too light.

Good design and the user - D. Norman

” well designed objects are easy to interpret and understand. They contain visual clues to their operation. Poorly designed objects can be difficult and frustrating to use” (p. 2)

“when simple things need pictures, labels or instructions, the design has failed” (p. 9)

“The fundamental principles of designing for the people: 1) provide a good conceptual model and 2) make things visible” (p. 13)

The natural evolution of design
“Much good design evolves: the design is tested, problem areas are discovered and modified…” (p. 142)
“Natural design does not work in every situation: there must be enough time for the process to be carried out and the item must be simple” (p. 142)

“Designers go astray for several reasons. First, the reward structure of the design community tends to put aesthetics first…Second, designers are not typical users. They become so expert in using the object they have designed…Third designers must please their clients, and the clients may not be the users” (p. 151)

Norman, D. A. (1998) The design of everyday things. London; MIT Press. p. 151.

Seven principles for transforming difficult tasks into simple ones

1. Use both knowledge in the world and knowledge in the head
2. Simplify the structure of tasks
3. Make things visible; bridge the gulf of execution and evaluation
4. Get the mappings right
5. Exploit the power of constraints; both natural and artificial
6. Design for error
7. When all else fails, standardize

Norman, D. A. (1998). The design of everyday things. London; MIT Press. p.188-189

Nice brand guidelines video from MTV. Nice way to portray the brand and alternative format to pdf or printed guidelines,

View high resolution

Nice style. Particularly the top one, like the 3D style.

(Source: chutochku-inspiration)

Like the way that the behance toolbar can be moved around. Something like this could be used in my new idea? Holding pieces of pie charts etc