Prototyping user interactions in web apps
Upcoming SlideShare
Loading in...5
×
 

Prototyping user interactions in web apps

on

  • 1,908 views

This talk will guide you through the prototyping of javascript interactions in web applications using a great and fun tool called iXEdit.

This talk will guide you through the prototyping of javascript interactions in web applications using a great and fun tool called iXEdit.

Statistics

Views

Total Views
1,908
Views on SlideShare
1,903
Embed Views
5

Actions

Likes
1
Downloads
4
Comments
0

2 Embeds 5

http://www.linkedin.com 3
http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Prototyping user interactions in web apps Prototyping user interactions in web apps Presentation Transcript

    • YOU TALK JAVASCRIPT? PROTOTYPE IT WITH IXEDIT. Patrick NDJIENTCHEU, , Billing designer at Orange Cameroon, Software Engineer at koutchoumi.com, patrick@koutchoumi.com p 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 2009. A pure Lions fan ☺ pu e o s a
    • WHAT IS THE PLAN? The need for j p pp javascript in web apps Why does prototyping matter in user interface design? Prototyping javascript interactions: IxEdit Demo
    • JAVASCRIPT GREATLY IMPROVES USER EXPERIENCE More efficiency More f M fun Better form experience Brings Desktop UI patterns to the web
    • JAVASCRIPT: BETTER FORM EXPERIENCE > Dependant combo box: « Ville » and « Quartier » > I t t feedback Instant f db k
    • JAVASCRIPT BRINGS DESKTOP UI PATTERNS TO THE WEB > Modal dialog >T b Tabs
    • PROTOTYPING MATTERS IN UI DESIGN UI design is an iterative process. > In early stages of « implementation », you prototype. > More prototypes mean better UI. > Cheap prototypes mean faster results.
    • PROTOTYPING STATIC STATES > Paper prototyping > Balsamiq Mockups
    • PROTOTYPING JAVASCRIPT INTERACTIONS: IXEDIT IxEdit (ixedit.com) is a JavaScript-based interaction design tool for the web. It helps d i h l designers practice j ti javascript and DOM i t d DOM- scripting without coding. It is useful to try various interactions rapidly in the prototyping phase. It’s free and absolutely fun to use ☺
    • SOME INTERACTIONS WITH IXEDIT
    • 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]? IxEdit generates Javascript code designed to work with JQuery and JQueryUI. This code is cross-browser compatible: p Internet Explorer 6+ Firefox 2+ Safari S f i 3+ Opera 9+ Chrome. Once you are done with the design, just remove IxEdit javascript and css i l i I Edit j i t d inclusions f from th h d the head element of the HTML.
    • DEMO TIME Want to W t t see more? L t’ d ? Let’s demo it!
    • Q QUESTIONS ?
    • THANK YOU YOU. Be h Lions you want to see. B the Li http://www.koutchoumi.com http://slideshare.net/pattchen http://facebook.com/pattchen Feedback? patrick@koutchoumi.com