Monthly Archives: November 2006

Post it UI development

post-it-notes-clock.jpg

Intro

Post it notes are a useful tool in UI design. This project makes full use of them.

Brief

Design an alarm clock that has just one button and has a colour screen size no bigger than 76mm square (215px) at 72dpi. (co-incidentally the size of a post it sticker)

Model the user and the user scenario.

Make a user. Give him or her a name. Describe their life. What do they do? What do they look like? What do they think about alarm clocks? Where would they buy one? Why? What choices do they make? How much will they spend?

1. Create a storyboard describing the character. Create the storyboard so that it reads on A2 size paper. Print it out.

2. Put Post it notes on the storyboard where something is happening that can influence the design of the clock.

3. Create a second story board where the character that you have created has to get up or in any other circumstance use an alarm clock.

4. Put Post-It notes on the storyboard where something is happening that will influence the design of the clock.

5. Create a full sequence of interactions that the character has when using the clock. Draw the interactions out using Post it notes.

6. What shape is the clock? How much of the possible screen size does your design use?

7. Present the final design on your web site. Present your work using the following sections: Problem, User, Scenario, Interaction sketch up, Solution.

(22 marks)

Progress crit: Mon 13 (User modelling)

Link to assignments marking scheme

Assign 1

There are three parts to this assignment.

1. Drawing. Hand in the best drawing of the lofted shape

2. 3d visual awareness. The channel 4 TV programme intervals features the number 4 being made visually using power cables and other items. Using found objects take photographes to make up your own name. If you have an O in your name you could use a wheel to make the O. An E might be made from a gate and turned on its side. Present the finished series of photos mounted on foam core, spelling out your name.

Here are some examples:

andrewreid.jpg

keithdonaghy.jpg

niallcarlin.jpg

3. Egg cups. Using contsructed persepctive drawings do 5 pages of A3 sketch work developing designs for an egg cup.

Design the egg cups in three different styles

1. Ancient (Greek, Celtic, Aztec, Roman, Egyptian)

2. 60’s or 70’s (Easy Rider, Dirty Harry)

3. Futuristic

DES106 Intro to Design

This area of the site deals with part (a third) of the DES106 module Introduction to Design. This part of the module introduces 3d Form Design.

An important part of working with 3D is drawing. It is necessary to be able to deal with sizes and relative volumes and to quickly be able to construct a persepctive drawing.

Here are some basic warm up exercises.
linesquare.jpg

1. On A3 paper. Draw a 100mm straight line. Do not use a ruler. Measure it when you have it done. Write the dimension down. Put the ruler away. Draw it again.

2. Draw a 100mm square. Do not use a ruler. Measure it when you have it done. Is it square? Draw it again.

3. Draw a 100mm cube in perspective from above. Is the perspective realistic?

cubes.jpg

4. Draw another 100mm cube. Cross the squares. Draw in a 50mm circle in perspective on each side. What is the differeence between a circle in perspective and an elipse?

5. Draw another 100mm cube. Cross the squares. Make diamonds. Join the dots to construct a diamond square in perspective.

double.jpg

6. Draw a 100mm square. Attach another square onto it to make a 100mm x 100 x 200 rectangle.

shapes.jpg

7. Create the shapes above using 100mm squares
squareson.jpg

8. Apply the shapes to the double cube as per above.

9. “Loft” the form and produce 3 clean line drawings in perspective this way up and upside down and sideways facing up. Also produce a “plan view”.

10. There are lots of different ways to “loft” the form. Try to find an interesting way. Here is a “vanilla” soloution.

finsihed.jpg