smashing magazine PDF: 1 to 10 of 98 results fetched - page 1 [an]

User Experience Revolution (Smashing eBooks)
Do you feel like the only person at your company who understands what a huge competitive advantage a good user experience provides? Are you frustrated that your management team doesn’t see the value of creating great user experiences? Do you struggle to convince colleagues to approach projects from a users perspective?Many companies try to create a great experience for customers. But few are willing to make the changes required to deliver on that promise. In fact most don’t even realize just how bad their experience can be.This eBook is for anybody passionate about user experience, but who is in a company that needs an extra push. You might be a designer, marketer, content specialist or any one of many jobs concerned about user experience. You don’t need to be a manager, although you might be. You don’t need to be an expert in user experience. You just need a willingness to challenge the way your company does things and be relentless at putting the user first.Table Of ContentsChapter 1: Getting real about user experience designChapter 2: How to sell the benefits of user experience designChapter 3: Create customer experience evangelistsChapter 4: Raise the profile of the customerChapter 5: Get managerial supportChapter 6: Develop a proof of conceptChapter 7: Establish better working practicesChapter 8: Transform the organisational cultureChapter 9: A vision of a UX-focused company
Author: Paul Boag
Published by: Smashing Media AG | Publication date: 04/02/2017
Kindle book details: Kindle Edition, 219 pages

Smashing Book 5: Real-Life Responsive Web Design — Part 1
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why Smashing Magazine created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges.The Smashing Book 5: Real-Life Responsive Web Design is Smashing Magazine’s brand new book with smart front-end techniques and design patterns derived from real-life responsive projects. Part 1 features 7 chapters on responsive workflow, SVG, Flexbox, content strategy, and design patterns — just what you need to master all the tricky facets and hurdles of responsive design. Written by Daniel Mall, Ben Callahan, Eileen Webb, Sara Soueidan, Vitaly Friedman and Zoe M. Gillenwater.Please note that the corresponding Part 2 is also available with even more responsive web design tips and tricks — among others on web fonts, responsive images, email design, performance, debugging and optimizing for offline.TABLE OF CONTENTS:•A Responsive Way Forward — written by Vitaly Friedman•The Modern Responsive Designer’s Workflow — written by Dan Mall•Responsive Process — written by Ben Callahan•Responsive Design Patterns And Components — written by Vitaly Friedman•Content Choreography In RWD — written by Eileen Webb•Mastering SVG For Responsive Web Design — written by Sara Soueidan•Building Advanced Responsive Modules With Flexbox — written by Zoe M. Gillenwater
Published by: Smashing Magazine | Publication date: 06/24/2015
Kindle book details: Kindle Edition, 446 pages

CSS Essentials (Smashing eBook Series 18)
#18 - CSS EssentialsWhen developers push aside CSS to concentrate on JavaScript performance, they might be overlooking some great applications of CSS. This eBook, "CSS Essentials", explores some practical implementations of CSS, including usage of pseudo-elements in CSS, decoupling HTML from CSS, Modern CSS layouts with equal height columns, taming CSS selectors, and many others. These techniques will help improve both the performance and maintainability of your Web pages in various browsers.TABLE OF CONTENTS- Backgrounds In CSS: Everything You Need To Know- The Mystery Of The CSS Float Property- The Z-Index CSS Property: A Comprehensive Look- CSS Sprites: Useful Techniques, Or Potential Nuisance?- Modern CSS Layouts: The Essential Characteristics- Modern CSS Layouts, Part 2: The Essential Techniques- Writing CSS For Others- Decoupling HTML From CSS- CSS Specificity And Inheritance- Equal Height Column Layouts with Borders and Negative Margins in CSS- !important CSS Declarations: How and When to Use Them- CSS Sprites Revisited- Learning To Use The :before And :after Pseudo-Elements In CSS- Taming Advanced CSS Selectors- Six CSS Layout Features To Look Forward To
Published by: Smashing Media GmbH | Publication date: 05/31/2012
Kindle book details: Kindle Edition, 338 pages

The Sketch Handbook
If you're designing for the web today, you are probably using Sketch. We do, too, so we created The Sketch Handbook: our brand new Smashing book, filled with many practical examples and tutorials in 12 jam-packed chapters. This book will help you master all the tricky, advanced facets of Sketch, so that you’ll become more proficient and fast when using the app.The Sketch Handbook will guide you through every aspect of Sketch: from smart guides and layer manipulation to responsive baseline grid, nested symbols and group resizing. Whether you are a beginner to design or just started to use graphic apps, it will teach you the techniques you need to start designing user interfaces in Sketch.What’s in it for you? Well, you’ll get a valuable overview of many different topics and techniques that are bound to make your design workflow more efficient and future-proof. You’ll learn how to design an advanced multi-screen mobile app, a responsive article and a variety of icons, for example, and dive deep into organizing the artboard, optimizing for Retina screens and exporting your assets for iOS and Android. Icon and logo design and export are also covered along the way. Finally, you’ll learn about the most recommended plugins and a number of useful tips, tricks and best practices. Everything you wanted to learn about Sketch, in one place.Table Of Contents1. An Introduction To Sketch2. Designing An App3. The Power Of Iterations And Artboards4. Creating A Logo For The App5. Creating The Overview Page6. Exporting7. Design The Article Page8. Going Responsive9. The Final Breakpoint: Desktop Widescreen10. Designing The Category Icons11. Export The Category Icons12. Mini Projects
Published by: Smashing Magazine GmbH | Publication date: 12/01/2016
Kindle book details: Kindle Edition, 447 pages

Responsive Web Design: Solutions For Responsive Images (Smashing eBooks)
With the limitations that the img tag brings along, images have long been a major obstacle when wanting to create truly responsible, fast, responsive websites. Luckily, the upcoming picture element and srcset/sizes are about to finally change this. However, even in the meantime, while browser vendors are still busy implementing the new specification, you can already start to incorporate truly responsive images into your website. There are a number of smart solutions to close up the existing gaps: polyfills, fallbacks for legacy browsers, and clever approaches that were created on the fly due to missing alternatives. To help you review and understand different methods, we’ve compiled a selection of the different techniques in this eBook. It features practical advice on every implementation, as well as tips on tackling the art direction and resolution-switching use cases that a growing device landscape has brought along. As you will notice, there is no reason to wait anymore; you can already cater for responsive images today!TABLE OF CONTENTS:- Picturefill 2.0: Responsive Images And The Perfect Polyfill- Responsive Images Done Right: A Guide To And srcset- Automate Your Responsive Images With Mobify.js- One Solution To Responsive Images- Addressing The Responsive Images Performance Problem: A Case Study- Clown Car Technique: Solving Adaptive Images In Responsive Web Design- Simple Responsive Images With CSS Background Images- Responsive Images With WordPress’ Featured Images- Responsive Image Container: A Way Forward For Responsive Images?- Rethinking Responsive SVG
Published by: Smashing Magazine GmbH | Publication date: 07/23/2014
Kindle book details: Kindle Edition, 174 pages

The Mobile Book
The future is mobile. As more and more people are turning to mobile devices, designers and developers are facing new challenges and opportunities. Web design has to adapt. But before it can do so, we have to do our homework — understand the new medium and discover the right techniques and tools to design for it. Our brand new Mobile Book serves exactly this purpose. The Mobile BookWhat's In The Mobile Book?When it comes to mobile, there are more open questions than definitive answers. Due to its fragmentation, it's not so easy to understand how mobile market looks and works in general. How to pick the right mobile strategy and select the right approach for your website? What design patterns and what UX techniques can assist you to design quicker and better for mobile devices? What design patterns do you need to be aware when building responsive websites and to optimize the performance for mobile? When you design with mobile in mind, how exactly should your design process be different from traditional design workflow?Our book attempts to answer these questions. Well-known experts such as Peter-Paul Koch, Stephanie Rieger, Trent Walton, Brad Frost, Dave Olsen, Josh Clark and Remy Sharp have contributed to the book to present the most relevant and valuable insights. To ensure the quality of the book, the chapters have been reviewed by Scott Jenson, Bryan Rieger, Tim Kadlec, Bruce Lawson and other active members of the mobile design community. The preface is written by Jeremy Keith. It wasn't easy to bring together such a stellar line-up of experts, but a compromise wasn't an option."I highly recommend this book to both the blossoming and the experienced UX designer. The various voices of different authors breathe fresh narrative air that carries diverse-and-deep domain knowledge along in a cohesive story about how to harness the chaos of our ever-evolving world into a mobile-UX delight. Consider the lessons in this book a whopping set of New Year resolutions."Steve Tengler — UX Magazine TABLE OF CONTENTSForeword by Jeremy KeithWhat's Going On In Mobile? by Peter-Paul KochThe Future Of Mobileby Stephanie RiegerResponsive Design Strategy by Trent WaltonResponsive Design Patterns by Brad FrostOptimization For Mobile by Dave OlsenHands-On Design For Mobile (UX Perspective) by Dennis KardysWhat Reviewers Say About The Mobile BookA few reviewers have had the chance to read the book a few days before its release, and share their views in a non-committal way. The result is very clear: the book is worthwhile. Should you get it? Yes! Let’s see why: “I got my hands on an early copy of The Mobile Book. I’ll cut to the chase and just say this: It’s fantastic. You should own it. Really.” — Christopher Butler “The standard, the reference book for Mobile. I worked for a mobile web publishing company for 18 months and the depth of knowledge provided by the experts in this book is extraordinary. It blew me away. This book provides a diplomatic, comprehensive guide to understanding “Mobile”, delivered by people who have a real passion for the Mobile endeavours in our community.” — Ben Howdle “I’ll cut to the chase for those deliberating a purchase: it’s well worth the cover price. The eBook edition is a steal! This book establishes a mindset of understanding and exploring the medium. It embraces the breadth of its domain and will set you on an exciting path.” — David Bushell “As somebody who spends a lot of time tinkering and tweaking websites to make them work better, I thought this book was bloody brilliant. There is so much depth and information packed into its 336 pages that I think it will become the book for the mobile Web.” — Ian Nuttall “Every chapter is full of golden nuggets of information and the standard of writing is, as you would expect from a Smashing Magazine book, impeccable.”— Craig Lockwood
Published by: Smashing Media GmbH | Publication date: 12/03/2013
Kindle book details: Kindle Edition, 393 pages

Inclusive Design Patterns
We make inaccessible and unusable websites and apps all the time, but it’s not for lack of skill or talent. It’s just a case of doing things the wrong way. We try to build the best experiences we can, but we only make them for ourselves and for people like us.This book looks at common interface patterns from the perspective of an inclusive designer—someone trained in building experiences that cater to the huge diversity of abilities, preferences and circumstances out there.There’s no such thing as an ‘average’ user, but there is such a thing as an average developer. This book will take you from average to expert in the area that matters the most: making things more readable and more usable to more people. You’ll learn:•Accessibility myths and misconceptions as well as common solutions and rules of thumbs,•A library of well-tested accessible HTML/CSS components that you can use right away,•How to properly use WAI-ARIA roles and Content Accessibility Guidelines,•How to tackle common accessibility issues in RWD,•How to deal with "skip" links and external links, as well as navigation regions and landmarks,•How to keep labels, buttons, tables of contents, dynamic widgets and tabbed interfaces accessible,•How to implement infinite scrolling, grid display and dynamic content accessibly,•How to deal with password validation, error messages, web forms, JavaScript patterns and touch targets,•How to keep an interface accessible in legacy browsers,•How to prototype with accessibility in mind.
Published by: Smashing Magazine GmbH | Publication date: 10/16/2016
Kindle book details: Kindle Edition, 271 pages

A Field Guide To User Research (Smashing eBooks)
User research is an effective strategy to gain a deeper understanding of your target audience — a crucial step in order to choose efficient design solutions and build smart products. But what has to be considered when conducting user research? What methods have proven themselves in practice? And how do you finally integrate your findings into the design process? With this eBook, you will learn to take the guesswork out of your design decisions and base them on real-life experiences and user needs instead.To get you started, we’ll consider various research methods and techniques, but we will also tackle the more practical aspects (and difficulties) which face-to-face research brings along. Learning to identify potential research partners and finding the right questions to ask during an interview thus is part of this eBook — as well as presenting your findings und using them to iterate on your products’ designs. If you feel that you and your team make a lot of decisions based on assumptions, then this eBook is your jump start into a more user-centered design process. Find the techniques that fit into your workflow and start to discover the actual problems — and unmet needs — of potential users firsthand.TABLE OF CONTENTS:- A Five-Step Process For Conducting User Research- A Closer Look At Personas: What They Are And How They Work- A Closer Look At Personas: A Guide To Developing The Right Ones- All You Need To Know About Customer Journey Mapping- Facing Your Fears: Approaching People For Research- Considerations When Conducting User Research In Other Countries: A Brazilian Case Study- How To Run User Tests At A Conference
Published by: Smashing Magazine | Publication date: 05/14/2015
Kindle book details: Kindle Edition, 138 pages

Navigation & Interaction, Vol. 2 (Smashing eBooks)
While users expect content to be unique and exciting, they also prefer clear, predictable patterns when it comes to navigation. After all, navigation is merely a means to an end: consuming content without hassle and not spending too much time looking for it. The foundation of a solid, frustration-free user experience thus lies in a well-structured, simple navigation system. But which design decisions have really proven to work well in practice?With the help of this eBook, we want to encourage you to rethink how you design navigation. Our authors share smart techniques on how to effectively simplify the navigation experience and explore approaches to handle unique navigational challenges, such as in responsive websites and large-scale projects. Furthermore, you'll find out how small interaction details can contribute to further improve the user experience. The practical tips and real-life examples presented throughout this eBook will help you see your design decisions in a wider context. A handy companion — for any project.TABLE OF CONTENTS:- The Line Of Least Resistance- Efficiently Simplifying Navigation, Part 1: Information Architecture- Efficiently Simplifying Navigation, Part 2: Navigation Systems- Navigation For Mega-Sites- Responsive Navigation On Complex Websites- Off The Beaten Canvas: Exploring The Potential Of The Off-Canvas Pattern- Smart Transitions In User Experience Design- How Do You Design Interaction?
Published by: Smashing Magazine GmbH | Publication date: 08/31/2014
Kindle book details: Kindle Edition, 177 pages

Digital Adaptation
Nothing is more frustrating than stubborn management entangled in dated workflows and inefficient processes. That's why we created Digital Adaptation, a new practical book on how to help senior management understand the Web and adapt the business, culture, teams and workflows accordingly. No fluff, no theory — just techniques and strategies that worked in practice, and showed results.The book will help traditional businesses and organizations to overcome their legacy, and help you plant the seeds of change with very little power. If you do want to finally see changes happening, this is the book to grab.YOU'LL LEARN TO: •Tackle bureaucracy and overcome legacy culture,•Develop a flexible and effective digital strategy,•Use responsibility matrix to minimize delays and costs,•Adopt a digital culture and become digital by default,•Apply techniques from mid-sized and large organizations,•Avoid toxic working practices and improve internal processes,•Organize teams and boost their efficiency,•Embrace social media and use them effectively,•Understand the value of a digital team and invest in them,•Break down the walls and nourish collaboration, ownership and innovation.Transforming Your TeamIf you want to be capable of bringing about real change at your company, then things have to be right in your own team. You can only instigate lasting change from a position of strength. That means you have to have a strong digital team. It can be tough when your team is under-resourced, underappreciated and under enormous pressure. Many teams give in under this kind of load, choosing instead to keep their heads down, convinced nothing will ever change. However, that is not always the case. Other teams thrive.Building BridgesWhen somebody in our organization comes to us and we say no, we are closing a door. No is a dead-end statement. It leaves our colleague with one of two options: walk away disappointed; or argue. Neither of these are positive outcomes.Have you ever wondered why so many companies pay external consultants like me, when they already have a perfectly competent in-house team? Frequently it is because the internal team is seen as an obstacle that has to be worked around. All too often, on being hired by a company, I am quietly taken aside and told what a problem the web team has been.If you want to change your company, this perception has to change first. You have to build bridges and find allies. You must listen and discuss matters with your colleagues, rather than being a blockage they have to work around.About The AuthorPaul Boag has been working on the web since 1994. He is Web Strategist at Headscape Ltd, a web design agency that he co-founded back in 2002. Paul also produces and hosts the longest-running and award-winning web design podcast at He is a regular speaker at conferences and author of Client-Centric Web Design.About Smashing MagazineSmashing Magazine publishes articles on a daily basis with topics ranging from business, visual design, typography, front-end as well as back-end development, all the way to usability and user experience design. The magazine is—and always has been—a professional and independent online publication neither controlled nor influenced by any third parties, delivering content in the best interest of its readers. These guidelines are continually revised and updated to assure that the quality of the published content is never compromised.
Author: Paul Boag
Published by: Smashing Magazine | Publication date: 02/26/2014
Kindle book details: Kindle Edition, 176 pages
[1] 2345Next