If this experience sounds familiar, fear not . . . this book is here to help! Follow along with user experience designer and author Dennis Kardys and you will:
Examine some of the common issues that occur when a desktop site is rendered on a mobile device and learn immediate ways to fix the problems you encounter. Review strategies for mobile support and optimization, like using a responsive redesign or developing a custom native application, as well as other solutions that in some cases may be a more practical next step. Walk through design considerations for a custom mobile site so you can start serving up a better, more considered experience to your mobile users, laying the groundwork for a cohesive long-term strategy that provides a more accessible experience for all.
Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.Start with content strategy before creating a visual designLearn why your default design should be for the narrowest screensExplore the HTML elements and CSS properties essential for responsive web designUse media queries to display different CSS styles based on a device’s viewport widthHandle elements such as images, typography, and navigationUse performance optimization techniques to make your site lighter and faster
Designing Apps for Successprovides web/app designers and developers with consistent app design practices that result in timely, appropriate, and efficiently capable apps. This book covers application lifecycle management that designers and developers use when creating apps for themselves or the entities that hired them. From the early discussions with a company as to how to what kind of app they want, to storyboarding, to developing cross platform, to troubleshooting, to publishing, Designing Apps for Success gives a taut, concise, and pragmatic roadmap from the beginning of the process all the way to the end. Developers and designers will learn not only best practices on how to design an app but how to streamline the process while not losing any quality on the end result. Other topics in this book include:
Case studies that best showcase the development process at work (or not at work).
Global examples of apps developed all over the world.
Future proofing your apps
Post-publishing: Promoting and marketing your apps and keeping it relevant.
Consistent app design practices for consistently successful results.
Responsive Web Design has evolved rapidly in the last few years and considering recent growth of mobile, the demands for responsive solutions are growing further. To help you prepare for the challenges of a more diverse device landscape as well as a growing number of mobile device users, Responsive Web Design Vol. 2 provides an overview of valuable hands-on techniques, approaches and best practices to improve your responsive design workflow and skills.
This eBook offers tips on creating responsive high-performance websites using server-side components, and explores solutions for navigation and responsive images. Furthermore, the authors share their insightful first-hand experience from a responsive redesign perspective as well as propose possible ways to encounter the rather uneasy question of advertising in a responsive world.
TABLE OF CONTENTS
- Responsible Considerations For Responsive Web Design
- Implementing Off-Canvas Navigation For A Responsive Website
- Choosing A Responsive Image Solution
- Automate Your Responsive Images With Mobify.js
- Adapting To A Responsive Design (Case Study)
- Responsive Web Design With Physical Units
- Lightening Your Responsive Website Design With RESS
- Improve Mobile Support With Server-Side Enhanced Responsive Design
- Responsively Retrofitting An Existing Site With RWD Retrofit
- Making Advertising Work In A Responsive World
The web is constantly changing and evolving with an increased range of devices, browsers, and standards that need to be considered in design. Web designers know they must stay sharp in order to keep up with the rapid pace of technology change. This much-needed book teaches the art of flexible and adaptable design that can work easily with new devices, technologies, and standards. You'll quickly discover how this resource stands out from the crowd as it provides you with a roadmap for ensuring that your designs are stable and flexible enough to handle whatever technology changes are coming in the future.Takes you on a journey of discovery as you learn how to prepare yourself for undefined changes in the dynamic environment of web design Shares straightforward tips for adopting a forward-thinking approach to the subject of web evolution Uncovers the essential skills you need in order to survive the future of the web
Using the fundamental skills and processes laid out in this roadmap, you'll be able to boost your stability and flexibility while coding with confidence.
Whether you’re a UX professional looking to master mobility or a designer looking to incorporate the best UX practices into your website, after reading this book, you’ll be better equipped to maneuver this emerging specialty.Addresses the gap between theoretical concepts and the practical application of mobile user experience designIllustrates concepts and examples through an abundance of diagrams, flows, and patternsExplains the differences in touch gestures, user interface elements, and usage patterns across the most common mobile platformsIncludes real-world examples and case studies for this rapidly growing field
Responsive design is not just another technique–it is the beginning of the maturation of a medium and a fundamental shift in the way we think about the web.
Implementing Responsive Design is a practical examination of how this fundamental shift affects the way we design and build our sites. Readers will learn how to:Build responsive sites using a combination of fluid layouts, media queries, and fluid media Adopt a responsive workflow from the very start of a project Enhance content for different devices Use feature-detection and server-side enhancement to provide a richer experience
Understanding progressive enhancement will make you a better web professional, whether you’re a content strategist, information architect, UX designer, visual designer, front-end developer, back-end developer, or project manager. It will enable you to visualize experience as a continuum and craft interfaces that are capable of reaching more users while simultaneously costing less money to develop. When you’ve mastered the tenets and concepts of this book, you will see the web in a whole new way and gain web design superpowers that will make you invaluable to your employer, clients, and the web as a whole. Visit http://adaptivewebdesign.info to learn more.