Bridging UX and web development better results through team integration
This book prepares the reader to break down the walls of UX and Web development by teaching how to integrate with the team's developers. It examines the process from their perspective, discovering tools and coding principles that will help bridge the gap between design and implementation. With...
| Main Author: | |
|---|---|
| Format: | eBook |
| Language: | English |
| Published: |
Waltham, MA
Morgan Kaufmann
2014
|
| Subjects: | |
| Online Access: | |
| Collection: | O'Reilly - Collection details see MPG.ReNa |
Table of Contents:
- Minimum required documentationImplementation; Drawback 1: If you know how to code, you'll be tasked with coding instead of designing; Drawback 2: If you know how to code, you'll limit your creativity due to the known difficulty of implementation; Drawback 3: You'll marginalize your design skills to add coding skills; Benefit 1: Calling BS on coders; Benefit 2: Respect and credibility; Benefit 3: Speaking their language; Benefit 4: Knowledge of capabilities and difficulty of implementation; Benefit 5: Prototyping; Benefit 6: Reduced documentation; Benefit 7: Control; To code or not to code?
- Step 6Step 7; Step 8; Classy Code; 9 Looking Toward the Horizon; CSS Preprocessors; Feeling Sassy; Variables; Mixins; Extends; Nesting; Less is more; Stylus; Oh no, not the terminal!; Javascript Libraries; Harness Up Your App and Ride; Exercise #9: Test Harness; Not the End; References and Resources; Glossary; Index
- Front Cover; Bridging UX and Web Development; Copyright Page; Dedication; Contents; Acknowledgments; Preface; I: Working with Developers for Fun and Profit; 1 State of the Industry; 2 Looking for Group; Do's and Don'ts of Designer-Developer Relationships; Developer Personas; The old dogs; The designer wannabe; The young hipster; The super-efficient project manager; The spastic genius; 3 Collaboration Life Cycle; Requirements Analysis; Technical challenges; Technology stack; Task estimates; Task prioritization; Communication; Design; Code design; Documentation; Interesting Moments Grid
- Testing and EvaluationII: Sitting in the Driver's Seat; 4 Why HTML and CSS?; Share the HTML, Own the Style Sheet; Comments; Silly designer, IDs are for devs; Just say "No!" to inline styles; Own the CSS; Style Sheet as Design Specification; 5 Tooling Up; Integrated Development Environment; Choose Your Weapon; General text editors; HTML editors; The future of HTML editors; Browser Developer Tools; Safari Web Inspector; Chrome; Firebug; Firefox; IE F12; Diffing and Merging; Version Control; Exercise 1: Git 'er Done!; Putting it all Together; 6 Formatting Standards; Whitespace; Comments
- Formatting CSSDeclaration Order; More Tools?; Exercise 2: Format and Diff; 7 OOCSS; Ground Rules; Exercise 3: Using Sprites; Two Primary Principles of OOCSS; Separate structure and skin; Separate container and content; Exercise 4: Reduce, Reuse, Recycle; Creating Components; Exercise 5: A Practical Example of Reusable Components; Step 1; Step 2; Step 3; Step 4; Step 5; Step 6; Step 7; Step 8; Step 9; Step 10; Step 11; Step 12; Step 13; Step 14; Step 15; Step 16; Step 17; 8 Owning Behavior; Exercise 6: The Other Field; Exercise 7: Economy of Scale; Step 1; Step 2; Step 3; Step 4; Step 5
- Includes bibliographical references and index