Interaction Design Framworks

Rida Al Barazi is giving a talk about Interaction Design Frameworks and patterns for developers. He will be going through some concepts on how to implement the frameworks and patterns in Rails 3 using helpers, partials and unobtrusive javascript.

Transcript

1. Interaction Design Frameworks for Rails Rida Al Barazi Ruby Brigade Toronto
2. Hi!
3. Rida
4. Nulayer
5. Ruby
6. Ruby on Rails
7. this print for content only—size & color not accurate 7.5 x 9.25 spine = 0.75" 400 page count Carneiro Al Barazi Beginning Rails 3 THE EXPERT’S VOICE® IN WEB DEVELOPMENT Beginning Rails 3 CYAN MAGENTA YELLOW BLACK PANTONE 123 C Cloves Carneiro Jr., and Rida Al Barazi Companion eBook Available A beginner’s guide to building web applications with Ruby on Rails BOOKS FOR PROFESSIONALS BY PROFESSIONALS® Cloves Carneiro Jr., Author of Beginning Rails US $39.99 Shelve in: Rails/Web Development User level: Beginner www.apress.com www.github. com/ccjr/blog/ downloads www.github. com/ccjr/pizzaria  
   
    Companion eBook See last page for details on $10 eBook version ISBN 978-1-4302-2433-4 9 7814 30 224334 5 39 9 9 Rida Al Barazi Beginning Rails 3 Dear Reader, This book is for anyone who wants to learn how to develop Web applications using the Ruby on Rails Web framework. Starting with a thorough introduction to the Rails 3 landscape, we'll walk you through creating a couple of working applications, from installation to deployment, and everything in between. Rails 3 is modular for a reason: software is easier to write and maintain when it's divided according to areas of concern. Each chapter in this book is designed around a specific component of the framework. From modeling database rela- tionships with Active Record, to sending mail using Action Mailer, we show you how each of the components work together and where the lines of responsibil- ity are drawn. The result is that your knowledge will be focused, and you'll know precisely how the pieces fit together. Rails 3 is optimized for what most people need to do, most of the time, and this book is no different. We've focused on the techniques that we, as Rails developers, use on a daily basis. With the help of online tools, such as Github, it’s easy to follow along and use the code in the book. After building a blog application throughout the book, we've created an e-commerce Web site in the last chapter, using a faster pace, and demonstrating the thought process that we use when building applications for real clients. In this book you'll find advice, and practical solutions to common problems. We'll show you what we think are the best tools and techniques to use when working with Rails, and what we've found to be best practices. We hope you'll find it useful, informative, and even entertaining. Cloves Carneiro Jr. and Rida Al Barazi THE APRESS ROADMAP Beginning Ruby on Rails E-Commerce Practical Rails Plugins Practical Rails Projects Beginning Ruby: From Novice to Professional Beginning Rails 3 Beginning Rails 3
8. @rida
9. rida.me
10. Interaction Design Frameworks
11. The beginning
12. Usability
13. How users interact with your product
14. How to lead the users toward specific action
15. How we can make it ‘easy’ to find what you’r looking for
16. So
17. What does that mean to us? Developers?
18. We should..
19. Learn it!
20. Understand it!
21. Implement it!
22. Usability studies are made based on problems
23. The site is not usable
24. Users are not clicking on the purchase link
25. Users think the application is ‘stupid’
26. Or worse
27. The feel they’re stupid when using the product
28. Solutions?
29. Building Blocks
30. Interaction Design Patterns
31. Common Solutions to Common Problems
32. in Specific Contexts
33. Designing Interfaces
34. Examples
35. Input Hints
36. Good Defaults
37. Row Stripping
38. Dropdown Chooser
39. Edit in place
40. In Rails?
41. Helpers
42. Form Helpers
43. Cycle()
44. ?
45. ?
46. Shouldn’t Be Part of Rails
47. Specific Implementation
48. Rails is a ‘FRAMEWORK’
49. But why form helpers?
50. It’s a common problem
51. Build your own Form Builder
52. Common Solution?
53. Let’s build generators and builders
54. Patterns Libraries
55. Yahoo Design Pattern Library
56. 2. Components
57. Partials
58. Sidebar
59. Header
60. Sidebar Block
61. 3. Interaction Design Frameworks
62. Bigger building blocks
63. Contains both Components and Design Patterns
64. Elements
65. Elements can be Pages
66. Or another building block
67. Example
68. Catalog Framework
69. 1. Category page
70. 2. Gallery Page
71. 3. Content Page
72. 4. Guided Links
73. 5. Support Exploration
74. How do we do it in Rails
75. RESTful implementation
76. Think API
77. Ajax
78. unobtrusive js
79. HTML5 & CSS3
80. Implement your controllers properly
81. We should all know about usability
82. It’s a part of our job
83. Questions?
84. Thank you!