PROTOTYPE IT WITH IXEDIT.
Patrick NDJIENTCHEU, ,
Billing designer at Orange Cameroon,
Software Engineer at koutchoumi.com,
BARCAMP CAMEROON, YAOUNDE, 12 June 2010.
WHO I AM ?
Software Engineer working as Billing designer
at Orange Cameroon since October 2007.
Project Lead of koutchoumi.com : a real
estate ads website launched in december
A pure Lions fan ☺
pu e o s a
WHAT IS THE PLAN?
The need for j p pp
Why does prototyping matter in user interface
Better form experience
Brings Desktop UI patterns to the web
combo box: « Ville »
and « Quartier »
> I t t feedback
Instant f db k
> Modal dialog
PROTOTYPING MATTERS IN UI DESIGN
UI design is an iterative process.
> In early stages of « implementation »,
> More prototypes mean
> Cheap prototypes mean
PROTOTYPING STATIC STATES
> Paper prototyping
> Balsamiq Mockups
design tool for the web.
It helps d i
h l designers practice j
i t d DOM-
scripting without coding.
It is useful to try various interactions rapidly in the
It’s free and absolutely fun to use ☺
HOW IT WORKS [DEVELOPMENT]?
Your favorite browser is your dev environment:
Safari 3.1+, Chrome, Firefox 3+, or Internet Explorer 7+.
Eventually, Google Gears to use the local database.
Then, it’ amazingly simple:
Th it’s i l i l
HOW IT WORKS [DEPLOYMENT]?
with JQuery and JQueryUI.
This code is cross-browser compatible:
Internet Explorer 6+
S f i 3+
Once you are done with the design, just remove
I Edit j i t d inclusions f
from th h d
element of the HTML.
W t t see more? L t’ d
? Let’s demo it!