This is a basic round-up of the design process that I usually carry out when a project arrives and I am involved on it. Not all elements are used all the time, but the majority of them are quite consistent.

1. THE DESIGN PROCESSTHE DESIGN PROCESS
Things that I usually use and
do when I participate on a
project
byMonicaMessaggiKaya(June2013)

2. STEPSSTEPS
Meeting with people
projectmanager/otherdeveloper
Sketches
paper,post-it,napkin,paperbrowser
Low-fidelity Mockup
( )balsamiq Blockbooksexample

3. STEPSSTEPS
High-fidelity Mockup
(htmlprototype)
, , ,Bootstrap Foundation Gumby others
Interactions and Iteractions
present>fix/suggest/interrupt>develop>test
"Lather,rinse,repeat"

4. INSPIRATIONINSPIRATION

5. INSPIRATIONINSPIRATION
,magazines,leaflets, , ,
typography( - ),known ,
andallthat"designertalk"
, ,
,
books/articles/tweets/search
websites posters adverts
1 2 brands nature
COLOURlovers Kueler subtlepatterns
sidebar.io smashingmagazine

6. TECHNIQUESTECHNIQUES
sketch
(whole,part,detail)
copy & paste
("creativesteal")
"foundation first" approach
tweaks
(onexistingorpreviousprojectdesigns)

7. TESTINGTESTING
User testing / Usability / Accessibility
What?colour,font,labels,images,content,layout,steps,screensizesor
devices,OSs,browsers ( , )-"quickwins"Browserstack Zurbapps
When?ideallyoftenandearly
Who?colleagues,projectmanagers,users,ARACU
Why?catchpossibleproblems,discoveruseoffeature,identify
compatibledevices/browsers,makeitagoodexperience

8. "Stairway to Heaven"
'Causeyouknowsometimeswordshavetwomeanings.

9. TOOLSTOOLS
Paper,
/
,
, , (other )
/ /CSSpre-processors
( , , )
,javascript
Opera , ,"inspectelement"
paperbrowser
Balsamiq
SublimeText Notepad++
Photoshop,Illustrator Pixlr
Bootstrap Foundation Gumby FFF
SASS LESS
compass.app codekit codepen.io
jQuery
Dragonfly Firebug
Zurbapps
Browserstack

10. THOUGHTSTHOUGHTS
Thedesignprocesshasaflowbutdoesn'tneedtohaveallsteps
Getinspired!
Weallhaveblocks(designerordeveloper)
Usethetoolyouarecomfortablewith,
buttrytousethe"righttoolforthetask"
Test,evenwithjust3-5people
(notetoself!!!)

12. CREDITSCREDITS
"Inspiration"image: AugustEmpress
"EverythingwillbeOKintheend"image: (HP5267)HaroldsPlanet
image"That'sallfolks"
Theseslideswerecreatedusinghttp://slid.es/
http://monicams.com
@monicams