Web graphics and design Books

Book SynopsisApplied User Data Collection and Analysis Using JavaScript and PHP is designed to provide the technical skills and competency to gather a wide range of user data from web applications in both active and passive methods. This is done by providing the reader with real-world examples of how a variety of different JavaScript- and PHP-based libraries can be used to gather data using custom feedback forms and embedded data gathering tools. Once data has been gathered, this book explores the process of working with numerical data, text analysis, visualization approaches, statistics, and rolling out developed applications to both data analysts and users alike.Using the collected data, this book aims to provide a deeper understanding of user behavior and interests, allowing application developers to further enhance web-application development. Key Features: Complete real-world examples of gathering data from users and webTable of ContentsChapter 1 Introduction Chapter 2 Active data collection Chapter 3 Passive data collection Chapter 4 Custom dashboards Chapter 5 Working with text Chapter 6 Text visualization Chapter 7 Time-based feedback analysis Chapter 8 Feedback statistics and overviews Chapter 9 Hosting, reporting and distribution

Read more less

Book SynopsisSystemic Service Design provides a comprehensive overview of how systems theories can be integrated into service design to address complex social-economic-technological challenges. Across fourteen chapters split into two sections, the book connects theoretical backgrounds and practical worldwide case studies to explore various approaches to systems thinking.The field of service design has evolved significantly in recent years, from focusing on touchpoints and user interactions, to being seen as a driver for organizational transformation and increasingly, a key component in transdisciplinary spaces involving complex systems. However, while service design has grown over the past few decades, it has also recognized its limitations in addressing complex societal problems. For example, the book highlights how a lack of holistic understanding of the systems in place can lead to service failure, which ultimately results in societal issues relating to unemployment, healthcare,

Read more less

Book SynopsisWith an abundance of information on how to create motion graphics already available, Design in Motion focuses on the why of moving image and less about the how. By unpacking the reasons behind screen designer's production choices, each chapter deconstructs examples of motion graphics by drawing on case studies of both familiar examples from contemporary cinema and unseen work from postgraduate motion graphic designers. It examines the value of image, text, motion, camera and transitions, explaining in detail why some methods work, while others fail. Whether you work in info-graphics, documentary or design, this book is structured to follow the production process and, together with its multimedia companion website, will be a by-your-side companion to guide you through your next project.Trade ReviewDesign in Motion is an essential handbook in conceiving, planning and realising moving image production, providing a comprehensive guide for professional or aspiring creatives wishing to communicate with time based media. Identifying key strategies, techniques, tools and resources Penny Hilton unravels complex processes into accessible steps for each stage of production with concise and insightful advice and support for your motion design and filmic ambitions from initial ideas to completed production. * Nigel Mairs, Senior Lecturer in Animation and Motion Graphics, Edge Hill University, UK *Table of ContentsAcknowledgements Preface Introduction Part One : Setting It All Up Chapter 1: Foundations Chapter Overview Brainstorming Primary versus Secondary research Storyboarding Development Feedback and Feed Forward Documentation Resources Chapter 2: Audience Chapter Overview Personas and Empathy Maps Context Format Treatment Tone of Voice Resources Chapter 3: Structure Chapter Overview Story Narrative Key message Documentary Voice over versus captions Resources Chapter 4: Sound Chapter Overview Creating the right tone and atmosphere Sound as a tool for Focus Shape Working with Musicians What’s free and what’s Not Resources Part Two: Creating The Elements Chapter 5: Composition Chapter Overview Framing Motion versus stillness Screen space Focus Resources Chapter 6: Camera Chapter Overview Camera movement Why use different lenses Camera techniques Using a variety of Shot Resources Chapter 7: Form Chapter Overview Circle Square Triangle Using Form as exploration Visual Summaries Outcomes Resources Chapter 8: Colour Chapter Overview A quick overview of the history of colour on screen Significance of colour Combinations Creating a colour palette Colour correction and grading Resources Part Three: Putting it all Together Chapter 9: Text and Info Chapter Overview Character Legibility versus readability Ways of creating text Movement Titles Data Visualisation Resources Chapter 10: Editing Chapter Overview How editing developed from shorts to features Invisible and visible editing Transitions (and Tips) Effects Rhythm and Pace Resources Index

Read more less

Book Synopsis

Read more less

Book SynopsisDo you need a website to support your freelance business or entrepreneurial venture? Or are you considering a career in web design? Maybe you're looking for your next career pivot, or you're simply seeking skills to give your CV that competitive edge? Wherever you are in your career, Confident Web Design can help. The ultimate beginner's guide to designing, building and publishing basic websites, this book features exclusive online exercises to help you practice your new skills in context. Covering the basics of HTML, CSS and JavaScript, as well as giving you a thorough grounding in the real-life application of these principles, this book provides helpful examples, explanations of technical terms, and clear, easy-to-understand language - meaning your first website is only a few chapters away. Taking you on a practical journey to publish a basic website from scratch, the book's structure is designed to break down each skill into manageable chunks. Wherever you are in your career, let Confident Web Design give you that cutting edge with vital programming and design skills. About the Confident series... From coding and web design to data, digital content and cyber security, the Confident books are the perfect beginner's resource for enhancing your professional life, whatever your career path.Trade Review"A refreshing, myth-busting read that needs to be on hand for anybody who takes their web presence seriously." * Gerry Griffin, Founder, Skill Pill *"Everything you need to know to create an amazing website - simply. With this as book as your guide, anyone can create themselves a website." * Anna Cleland, Founder and Director, Ixia Consultancy *"This book is a thorough guide to web design, with a thoughtful balance between theory and practical exercises. It will leave you feeling extremely confident about developing your own high-quality website." * Elliott Mould, Founder and Director, MindZone *Table of Contents Chapter - 00: Introduction; Chapter - 01: How the web works and the tools and languages of web design; Section - ONE: HTML; Chapter - 02: HTML part 1; Chapter - 03: HTML part 2; Section - TWO: CSS; Chapter - 04: CSS part 1; Chapter - 05: CSS part 2; Chapter - 06: CSS part 3; Section - THREE: JavaScript; Chapter - 07: JavaScript part 1; Chapter - 08: JavaScript part 2; Chapter - 09: JavaScript part 3; Chapter - 10: JavaScript part 4; Section - FOUR: Putting everything into practice; Chapter - 11: Creating the website; Chapter - 12: Getting your website online; Chapter - 13: Conclusion

Read more less

Book SynopsisDarren Bridger is a consultant to designers and marketers, advising on using and analyzing data that tap into consumers' non-conscious thinking and motivations. He was one of the original pioneers of the Consumer Neuroscience industry, helping to pioneer two of the first companies in the field then joining the world's largest agency, Neurofocus (now part of the Nielsen company). He is currently Head of Insights at NeuroStrata. Trade Review"A super, easy-to-read book demystifying the world of neuro design, addressing the balance between the role of human creativity and that of neuroscience in modern design. If you think neuro design is about creating bland designs by deconstructing beauty, you need to read this book. It's not about that at all. Darren Bridger introduces all the major themes, key methods and tools underlying the science in engaging, manageable chunks. Any book that explains the allure of memes has to get five stars from me." * Jamie Croggon, Design Director, SharkNinja *"With solid science as the starting point, Darren Bridger provides an eminently practical guide to designing for your customer's brain. Neuro Design is packed with actionable strategies and techniques, and is a must-read for every marketer and designer." * Roger Dooley, author of Brainfluence *"A topic which should be of great importance to anyone in the business of retailing, advertising and marketing. Darren Bridger deals with complex topics in an engaging and practical manner, covering all aspects of the interplay between brain function and product design. Such an understanding is crucial for ensuring consumers stop and buy, rather than walking on by." * Dr David Lewis, Chairman of Mindlab International & Author of The Brain Sell *Table of Contents Section - 01: What is Neuro Design?; Section - 02: Neuroaesthetics; Section - 03: Processing Fluency; Section - 04: How First Impressions Work; Section - 05: Multisensory and Emotional Design; Section - 06: Visual Saliency Maps; Section - 07: Visual Persuasion and Behavioural Economics; Section - 08: Designing for Screens; Section - 09: Viral Designs; Section - 10: Designing Presentation Slides; Section - 11: Conducting Neuro Design Research; Section - 12: Conclusion;

Read more less

Book SynopsisExplore the latest Figma features with this newly updated 2nd edition, including Variables and Conditional Prototyping. Learn cutting-edge design principles and create captivating interfaces with this full-color guide. Key Features Explore Figma's latest features, including Variables and Conditional Prototyping, to create dynamic and responsive interfaces Integrate AI capabilities and optimize your workflow with the latest Figma plugins Create engaging, interactive prototypes that captivate your users and stakeholders Purchase of the print or Kindle book includes a free PDF eBook Book DescriptionAre you a UI/UX designer eager to learn the art of creating compelling interfaces using Figma? Look no further! The highly anticipated new edition is here to transform your creative journey. Explore Figma's latest features and delve into the power of variables and conditional Prototyping. Get ready to transform your static designs into dynamic, interactive prototypes, offering users and stakeholders an immersive experience. Stay at the forefront of design innovation with insights into integrating AI capabilities and optimizing your workflow with the latest Figma plugins. With user-centric design at its core, this book guides you through mastering design thinking, enabling you to tackle complex design challenges with ease. One unique aspect of this edition is its focus on effective communication. Learn how to convey your design vision clearly to both technical and non-technical audiences. In the rapidly changing world of UI/UX design, iteration is key. This book will teach you how to gather user feedback and iterate on your designs by creating interactive prototypes. Whether you're new to Figma or a seasoned pro, this comprehensive guide equips you with the skills to create captivating interfaces, fosters creativity and problem-solving, and makes you an indispensable, forward-thinking designer.What you will learn Create high-quality designs that cater to your users' needs, providing an outstanding experience Mastering mobile-first design and responsive design concepts Integrate AI capabilities into your design workflow to boost productivity and explore design innovation Craft immersive prototypes with conditional prototyping and variables Communicate effectively to technical and non-technical audiences Develop creative solutions for complex design challenges Gather and apply user feedback through interactive prototypes Who this book is forThis book is for aspiring UX/UI designers who want to get started with Figma as well as established designers who want to migrate to Figma from other design tools. This guide will provide you a walkthrough of the entire process of creating a full-fledged prototype for a responsive interface using all the tools and features that Figma has to offer. As a result, this book is suitable for both UX and UI designers, product and graphic designers, as well as anyone who wants to explore the complete design process from scratch.Table of ContentsTable of Contents Exploring Figma and Transitioning from Other Tools Structuring Moodboards, Personas, and User Flows within FigJam Getting to Know Your Design Environment Wireframing a Mobile-First Experience Using Vector Shapes Designing Consistently Using Grids, Colors, and Typography Creating a Responsive Mobile Interface Using Auto Layout Building Components and Variants in a Collaborative Workspace User Interface Design on Tablet, Desktop, and the Web Prototyping with Transitions, Smart Animate, and Interactive Components Testing and Sharing Your Prototype in Browsers and Real Devices Exporting Assets and Managing the Handover Process Discovering Resources, Plugins, and Widgets in the Figma Community Going Advanced with Variables and Conditional Prototyping

Read more less

Book SynopsisThis O'Reilly cookbook provides more than 150 recipes to help scientists, engineers, programmers, and data analysts generate high-quality graphs quicklywithout having to comb through all the details of R's graphing systems.

Read more less

Book SynopsisThis book takes a deep dive into the use of text within SVG to explore the creative possibilities as well as the potential pitfalls. You'll start with SVG's text basics, and then learn methods for using SVG to generate complex layouts.

Read more less

Book SynopsisSolve your traffic troubles and turn browsers into buyers When web design expert Ben Hunt set out to quantify the difference between an ordinary web site and a great one, he expected to find the key in design simplicity. But when his team more than doubled the conversion rates for a wide range of sites, they identified simple yet powerful solutions involving design, copy, appropriate analysis, classic optimization techniques, and targeted testing. You''ll find the fixes easy to implement, and they''re all right here. Understand the essentials - your market, your proposition, and your delivery. Create a site that is seen by the right people, provides a compelling experience, and generates the desired action. Learn how to use testing to improve your site''s conversion rate. Discover the holistic nature of web site optimization and why multiplicity matters. Examine dozens of simple techniques foTable of ContentsAcknowledgments. Foreword. Foreword. Introduction. Part I Designing for Traffic. Chapter 1 How to Transform Your Web Site's Success. Does This Sound Like Your Web Site? The "First Best Guess" Method of Web Design. A New Perspective on Web Design. The New Approach. Chapter 2 Search Engine Optimization Fundamentals. Keyword Research. On-Page SEO. Off-Page SEO. Chapter 3 Expanding Your Reach. What Are You Really Selling? Researching Your Markets. Marketing Joe's Miracle Hair-Gro. Chapter 4 Using the Awareness Ladder. Your Key to Reaching Deeper Markets. Why the Old, Narrow Model Fails. The New Concentric Model. Chapter 5 Working Through the Awareness Ladder. Save the Pixel. Bridge Natural Health. Muazo. Imagic2015. Me2Solar. Ville & Company. Bolwell RV. EasySpeedy. Applying the Awareness Ladder to Your Site. Part II Designing for Conversion. Chapter 6 Making Your Site Sell. The New Approach to Design for Conversion. Step One: Modeling Your Site's Funnels. Step Two: Analyzing Your Funnels. Step Three: Optimizing Conversions Through the Funnel. The Three Elements of Conversion. Chapter 7 Get Their Attention. Optimization Discipline. Getting Attention: The Power of Appeal. Make Your Appeals Relevant. Self-Interest. Emotion. Designing for Attention. Chapter 8 Keep Them Engaged. Affirm the Positive Signs. Resolve Concerns and Build Trust. Build Interest. Make It Easy. Chapter 9 Call Them to Action. Classes of Next Steps. Build Momentum. Six Tips for Crafting Compelling Calls to Action. Put It All Together. Chapter 10 Executing Your Web Site Strategy. Target Early Opportunities. Create Core Content. Add More Funnels. Generate Traffic. Consider Step 0. Keep Going! Chapter 11 Optimizing Your Web Pages. Google Website Optimizer. My Optimizer Tips. The Way of Optimization. Index.

Read more less

Book SynopsisThis guide shows you how to apply behavioral science-research that supports many products-to help your users achieve their goals using your product.

Read more less

Book SynopsisTen minibooks in one! The perfect reference for beginning web builders This hefty, 800+ page book is your start-to-finish roadmap for building a web site for personal or professional use.Table of ContentsIntroduction 1 Book I: Getting Ready 7 Chapter 1: The First Step in Your Web-Building Journey 9 Chapter 2: Assessing Your Resources 21 Chapter 3: Working for The Man 37 Chapter 4: Securing a Domain Name and Web-Hosting Service 51 Book II: Designing the Site 61 Chapter 1: Wireframing and Storyboarding Content 63 Chapter 2: Preparing Content 83 Chapter 3: Defining a Color Scheme 95 Chapter 4: Organizing a Site in Dreamweaver CS6 103 Chapter 5: Building Mobile-Friendly Sites 121 Book III: Building Pages with HTML 127 Chapter 1: HTML: What It Is, Why You Need It, and How to Get It 129 Chapter 2: Building Web Pages with HTML5 155 Chapter 3: Structuring Content with HTML5 173 Chapter 4: Creating HTML5 with Dreamweaver CS6 197 Book IV: Designing Pages with CSS 237 Chapter 1: Styling Text with CSS 239 Chapter 2: Designing Pages 261 Chapter 3: Effects and Transforms with CSS3 279 Chapter 4: CSS in Dreamweaver 301 Book V: Incorporating Web Graphics and Multimedia 319 Chapter 1: Web Media 101 321 Chapter 2: Introducing Fireworks and Photoshop 335 Chapter 3: Creating Buttons and Banners 353 Chapter 4: Creating Audio and Video Content 393 Chapter 5: Creating Content with Flash 417 Book VI: Creating Interactive Pages with JavaScript 447 Chapter 1: JavaScript for Animation and Interactivity 449 Chapter 2: DIY JavaScript 465 Chapter 3: Generating JavaScript 487 Chapter 4: JavaScript with Dreamweaver 515 Book VII: Managing Forms with PHP 539 Chapter 1: Collecting Information with Forms 541 Chapter 2: DIY PHP Solutions 563 Chapter 3: Gathering and Embedding Live Data 583 Chapter 4: Working with Forms and Data in Dreamweaver 605 Book VIII: Social Media and Interactive Add-ons 625 Chapter 1: Adding a WordPress Blog 627 Chapter 2: Integrating Social Media with Your Blog 651 Chapter 3: Adding E-Commerce to Your Site 665 Book IX: Deploying and Managing the Site 689 Chapter 1: Optimizing and Testing the Site 691 Chapter 2: Uploading the Site 705 Chapter 3: Maintaining and Marketing the Site 719 Chapter 4: Redesigning or Expanding the Site 733 Book X: Case Studies 749 Chapter 1: Photographer’s Portfolio 751 Chapter 2: E-Commerce Site 757 Chapter 3: Blog Site 763 Chapter 4: Online Newsletter 773 Index 779

Read more less

Book Synopsis

Read more less

Book Synopsis

Read more less

Book Synopsis

Read more less

a huge range and FREE tracked UK delivery on ALL orders.

Read more less

a huge range and FREE tracked UK delivery on ALL orders.

Read more less

a huge range and FREE tracked UK delivery on ALL orders.

Read more less

Book SynopsisThis book focuses on using common Web tools to develop business applications. Professional business programmers who are new to Web development will quickly acquire the relevant information they need, starting with HTML and CSS. The book goes beyond simple HTML and introduces other common Web technologies, including Java Server Pages (JSP), PHP, ASP.NET, and JavaScript. The book shows how those technologies interact with HTML and how developers can use them to develop and deploy business applications that users access via the Web.This book is written by business programmers and educators for business programmers. It is not just an introduction to HTML, but an introduction to the most common tools any business programmer needs to develop browser-based applications. Upon completion of the book, a business developer or student will have learned to develop and implement a completed browser-based business application.

Read more less

Book Synopsis Learn every step you need for product design and developmentKey Features Explore all the tools that you need to be a complete UX designer Code the product designs you’ve created to become a full-stack designer Build an amazing portfolio with real-world projects Book DescriptionDesigning user experience (UX) is one of the most important aspects of a project, as it has a direct effect on how customers think of your company. The process of designing a user experience is one of the most challenging yet rewarding aspects of product development. Hands-On UX Design for Developers will teach you how to create amazing user experiences for products from scratch.This book starts with helping you understand the importance of a good UX design and the role of a UX designer. It will take you through the different stages of designing a UX and the application of various principles of psychology in UX design. Next, you will learn how to conduct user research and market research, which is crucial to creating a great UX. You will also learn how to create user personas and use it for testing. This book will help you gain the ability to think like a UX designer and understand both sides of product development: design and coding. You will explore the latest tools, such as Sketch, Balsamiq, and Framer.js, to create wireframes and prototypes. The concluding chapters will take you through designing your UI, dealing with big data while designing a UX, and the fundamentals of frontend. Finally, you'll prepare your portfolio and become job ready in the UX arena.What you will learn What UX is and what a UX designer does Explore the UX Process and science of making products user-friendly Create user interfaces and learn which tools to use Understand how your design works in the real world Create UI interaction, animation, wireframes, and prototypes Design a product with users in mind Develop a personal portfolio and be well-prepared to join the UX world Who this book is forHands-On UX/UI Design for Developers is for web designers who have knowledge of basic UX design principles.Table of ContentsTable of Contents What is UX? UX Design Process User behavior basics and User Research Getting to know your users User Profiles / User Personas Designing Behavior Visual Design Principle and Process Wireframes and Prototyping UI Design Animations and Implementations Frontend UI Implementation and Process After Launch UX Designing for Big Data

Read more less

Book SynopsisLearn how to use Next.js for building web apps without compromising performance, user experience, and developer happinessKey Features Develop scalable web applications using Next.js Use Next.js as a frontend for existing backends and e-commerce websites and understand how to implement it with any headless CMS Deploy Next.js on different platforms, such as Vercel, DigitalOcean, and AWS, or on your own server Book DescriptionNext.js is a scalable and high-performance React.js framework for modern web development and provides a large set of features, such as hybrid rendering, route prefetching, automatic image optimization, and internationalization, out of the box. If you are looking to create a blog, an e-commerce website, or a simple website, this book will show you how you can use the multipurpose Next.js framework to create an impressive user experience.Starting with the basics of Next.js, the book demonstrates how the framework can help you reach your development goals. You'll realize how versatile Next.js is as you build real-world applications with step-by-step explanations. This Next.js book will guide you in choosing the right rendering methodology for your website, securing it, and deploying it to different providers, all while focusing on performance and developer happiness.By the end of the book, you'll be able to design, build, and deploy modern architectures using Next.js with any headless CMS or data source.What you will learn Get up to speed with Next.js essentials and learn how to build apps quickly Understand how to create scalable Next.js architectures Choose between different rendering strategies, such as client-side rendering (CSR), static site generation (SSG), server-side rendering (SSR), and incremental static regeneration (ISR) Write unit tests and integration tests in your Next.js application Discover the powerful routing system and Next.js' built-in components Design and build modern architectures with Next.js using GraphCMS or any headless CMS Who this book is forThis book is for web developers who want to improve their React skills by building scalable and maintainable full-stack applications using the modern Next.js web framework. Intermediate-level knowledge of ES6+, React, Node.js, and REST is assumed.Table of ContentsTable of Contents A Brief Introduction to Next.js Exploring Different Rendering Strategies Next.js Basics and Built-In Components Organizing the Code Base and Fetching Data in Next.js Managing Local and Global States in Next.js CSS and Built-In Styling Methods Using UI Frameworks Using a Custom Server Testing Next.js Working with SEO and Managing Performance Different Deployment Platforms Managing Authentication and User Session Building an E-Commerce Website with Next.js and GraphCMS Example Projects and Next Steps for Learning More

Read more less

Book SynopsisImprove user experience by avoiding common frustrations and focusing on what mattersEndorsements“This updated version of 101 UX Principles is a delight. It's an educational and fun provocation to look at the world of UX differently – solidly from the user's point of view."–Elizabeth Churchill, Director of User Experience, Google“A phenomenal reference guide. Complete with case studies, a record of personal experience, and visual examples, Grant makes it clear why these techniques have found their way into the canon of UX best practices.”–Jeff Gothelf, Author of Lean UX“..I recommend it to anyone looking to learn the basics and also for more experienced designers - the author's candid opinions will force you to revisit some of your established assumptions!"–Anne Marie-Leger, Staff Product Designer, Shopify“An absolute must-read, not only for UX designers, but this book is also super relevant for product managers trying to get better at product usability. Two enthusiastic thumbs up!"–Trent Blakely, Sr. Product Manager, EquinixBook DescriptionThis book is a manifesto of UX/UI design best practices to help you put the focus back on what really matters: the user. From UX laws to practical UI, color, typography, and accessibility advice, it's all packed into this easy-to-consult and fun read: Essential UX laws Handy best practices Snippets of technical knowledge for anyone who wants to work in the digital space 101 UX Principles demonstrates the success from best-in-class products and leads the way to delight your users. Keep it on your desk for quick reference, send as a gift to colleagues to build allies, or brandish it as your weapon of choice during meetings to fight for your users' right to a better digital experience.Sneak a peek at some of the new and updated principles in this UX design book: Work with user expectations, not against them Make interactive elements obvious and discoverable Optimize your interface for mobile Streamline creating and entering passwords Respect users' time and effort in your forms Use animation with care in user interfaces How to handle destructive user actions Chatbots are usually a bad idea – and how to make them better Use A/B testing to test your ideas Let users give feedback, but don't hassle them Make it clear to users if they're joining or signing-in Only use modal views for blocking actions How complexity can be good for some users Who is this book forThis book is a distillation of Will's 20+ years of experience in the form of successful design principles to help early career UX designers learn the ropes and provide experienced professionals with new ideas when building their products.UX/UI designers, product managers, entrepreneurs, aspiring strategists, and anyone creating a digital product, service or a campaign will find this book extremely useful.

Read more less

Book SynopsisDieses Buch führt Sie durch die verschiedenen Schritte, die für eine erfolgreiche Website notwendig sind, angefangen bei den Zielen und der Definition der Strategie über die Visualisierung der ersten Ideen und Konzepte bis hin zur Umsetzung und dem erfolgreichen Launch. Es hilft Ihnen dabei, die wesentlichen Begriffe kennenzulernen und einzuordnen und die Umsetzung selbst oder mit Hilfe einer Agentur zu meistern. Das Buch thematisiert darüber hinaus, woran Sie sonst noch denken müssen: Datenschutz, Suchmaschinenoptimierung oder die kontinuierliche Erfolgsmessung nach dem Livegang.Trade Review"Theorie und Praxis für alle Anwender, die Webseiten planen, erstellen, betreiben und bekanntmachen wollen." (MacLife Mai/2020)Table of ContentsÜber die Autoren 9 Einleitung 21 Über dieses Buch 21 Konventionen in diesem Buch 22 Was Sie nicht lesen müssen 22 Törichte Annahmen über die Leser 22 Wie dieses Buch aufgebaut ist 23 Teil I: Vorüberlegungen: Strategie, Ideen und Planung 23 Teil II: Konzept und Design 23 Teil III: Umsetzung 24 Teil IV: Der Launch und wie geht es danach weiter 24 Teil V: Der Top-Ten-Teil 25 Symbole, die in diesem Buch verwendet werden 25 Wie es weitergeht 25 Teil I Vorüberlegungen: Strategie, Ideen Und Planung 27 Kapitel 1 Das Ziel der Website definieren 29 Verschiedene Ziele von Websites 29 Gesteckte Ziele ehrlich benennen 30 Zwischen Ziel und Mittel zum Zweck unterscheiden 31 Ziele richtig formulieren 31 Ziele können sich verändern 32 Kapitel 2 Zielgruppe auswählen 33 Mögliche Zielgruppeneigenschaften 33 Fokus auf wichtigste Zielgruppen 34 Mehrere Personengruppen auf Ihrer Website 34 Personas erstellen 35 Ihre bereits vorhandenen Kunden kennen 37 Bedürfnisse Ihrer Zielgruppen 37 Empathie entwickeln 39 Kapitel 3 Ideen finden 41 Das Problem verstehen, nicht die Lösung erfragen 41 Kreativitätstechniken einsetzen 43 Brainstorming 44 635-Methode 45 Kopfstandmethode 46 Ideen bewerten 47 Ideenworkshops durchführen 48 Ideen finden ohne Team 48 Kapitel 4 Anforderungen notieren 51 Arten von Anforderungen 51 Funktionale Anforderungen 52 Nicht-funktionale Anforderungen 52 Verschiedene Herangehensweisen an Projekte 53 Klassische Herangehensweise 54 Agile Herangehensweise 55 Mischformen zwischen klassischer und agiler Anforderungserhebung 56 Anforderungen gemeinsam erarbeiten 56 Experten mit verschiedenen Erfahrungen einbinden 56 Dienstleister einbeziehen 57 Kapitel 5 Projektplanung 59 Budgetplanung 59 Eigen- oder Fremdleistung 60 Einmalige und laufende Kosten 60 Umfang und Qualität der Leistungen 61 Qualität und Stundensätze eines externen Anbieters 62 Änderungswünsche während des Projektverlaufs 63 Zeitplanung 64 Meilensteine definieren 64 Planung der notwendigen Projektschritte 64 Livegang in mehreren Schritten 65 Flexibel planen und transparent sein 66 Ressourcenplanung 67 Projektrollen und Kompetenzen 68 Software, Tools und Schnittstellen 70 Ressourcen nach dem Livegang 70 Wichtige Entscheidungen zu Projektbeginn 71 Auswahl einer Domain 71 Erwartete Lasten 72 Suchmaschinenoptimierung 73 Datenschutz 73 Teil II Konzept Und Design 75 Kapitel 6 Nutzerzentrierte Erstellung des Konzepts 77 Was ist User Experience? 77 Nutzerzentriertes Design 79 Eine kleine Begriffsbestimmung 79 Grundidee: Visualisieren, Testen, Überarbeiten 80 Scribbles 82 Darstellung von Seitenaufteilungen 83 Darstellung von mobilen Websites 84 Darstellung von Abläufen 85 Wireframes und Mockups 86 Wireframes für die Seitenaufteilung 86 Mockups für das Seitendesign 89 Prototypen 91 Low-fidelity-Prototypen 91 High-fidelity-Prototypen 91 Formen der Visualisierung auf einen Blick 92 Navigationsbaum 92 Typischer Website-Aufbau 93 Header 94 Navigation 95 Inhaltsbereich 96 Footer 97 Typischer Website-Aufbau als Schema 98 Kapitel 7 Testen im Verlauf des gesamten Prozesses 99 Nutzerfokus in allen Projektphasen 99 Iteratives Vorgehen 101 Methoden für die Sammlung von Ideen und Anforderungen 101 Beobachtungen 102 Befragungen 104 Sekundärforschung 106 Methoden für das Testing während der Konzept- und Designphase 107 Usability-Tests 107 Card-Sorting 112 Design-Thinking-Workshop 115 Testing kurz vor bis kurz nach der Fertigstellung 116 Remote-Usability-Tests 117 A/B-Tests 119 Befragungen auf der Website 119 Start mit Webtracking 120 Teil III Die Umsetzung 121 Kapitel 8 Technische Umsetzung 123 Exkurs: Was bei einem Website-Aufruf passiert 124 Protokolle für den Informationsaustausch zwischen Client und Webserver 125 Die wichtigsten Schlüsseltechnologien 128 Technische Vorgehensweisen zur Erstellung einer Homepage 133 Homepage-Baukästen 135 Eigenprogrammierung mit HTML, CSS und JavaScript 135 Eigenprogrammierung mit HTML, CSS und JavaScript mit Unterstützung von PHP 139 Einsatz von Content-Management-Systemen 139 Progressive Web Apps (PWA) 150 Static-Site-Generator 151 Von der Programmierung zur Liveseite 152 Die Website auf den Webserver aufspielen (deployen) 152 Deployment in komplexen Softwareprojekten 153 Zusammenarbeit mit einer Agentur 156 Kapitel 9 Formen der Zusammenarbeit 159 Klassische Produktentwicklung 159 Agile Produktentwicklung 160 Scrum 163 Kanban 165 Mehr Pro als Contra 166 Kapitel 10 Domain-Registrierung und Hosting 167 Registrierung der Domain 167 Das richtige Hosting wählen 168 Standardangebot bei Massenhostern 169 Individualisierte Lösungen bei Spezialhostern 169 Cloud Hoster für mehr Flexibilität 169 Das geeignete Hosting-Paket wählen 170 Worauf Sie bei der Auswahl des richtigen Hosters achten sollten 171 Domainumzug durchführen 175 Kapitel 11 Erfolgreiche Einbindung von Content in die Website 177 Das Content-Konzept 177 Teilnehmerkreis eines Content-Workshops 179 Content-Workshop – möglicher Ablauf 180 Content vor Design 181 Unique Content – Mehrwert für den Nutzer 182 Lesegewohnheiten im Web 182 Was beim Skimming ins Auge sticht 183 Was beim Scanning auffällt 183 Was zum Lesen (Reading) anregt 184 Texte fürs Web schreiben – darauf kommt es an 184 Texte auf Anhieb verstehen 184 Texte müssen informieren und begeistern 185 Das richtige Maß an Informationen finden 187 Texte sinnvoll strukturieren und passende Textelemente nutzen 188 W-Formel gegen Schreibblockade 191 Werben und Dranbleiben mit AIDA 192 10 Kriterien für einen guten Werbetext 192 Tonalität – der Ton macht die Musik 193 Bilder und Grafiken 193 Infografiken 194 Fotos 194 Illustrationen 195 Karten 195 Icons 195 Die passende Bildsprache finden 196 Die richtigen Bildformate verwenden 199 Integration von Multimedia 200 Einsatz von Videos auf der Website 201 Social-Media-Kanäle auf der Website einbinden 205 Like- und Share-Buttons – Vorsicht Datenschutz! 205 Kapitel 12 Optimierung für verschiedene Endgeräte 207 Verschiedene Ansätze für die mobile Optimierung 208 Verschiedene Versionen für Desktop und mobil 208 Responsive Webdesign 209 Mobile first 210 Unterschiedliche Möglichkeiten und Beschränkungen der Endgeräte 211 Nutzungskontext mitdenken 211 Umgang mit Beschränkungen 211 Möglichkeiten mobiler Geräte nutzen 212 Häufige Probleme bei der Optimierung für verschiedene Endgeräte 213 Test der mobilen Optimierung 214 Kapitel 13 Optimierung für die Suchmaschine 217 So funktionieren Suchmaschinen 217 Ziel von SEO-Maßnahmen 218 Optimierung des Contents 220 Hochwertiger Content 220 Eine gute URL-Struktur 221 Gute Title-Tags 222 Meta Descriptions nutzen 222 Weitere Meta-Tags für Google 222 Mikroformate nutzen 223 Bilder optimieren 224 Optimierung für ein besseres Nutzerverhalten 225 Kurze Ladezeiten 225 Website verschlüsseln 226 Für Darstellung auf mobilen Endgeräten optimieren 226 Keine 404-Fehler 227 Off-Page SEO: Optimierungen außerhalb der Website 227 Sitemap bei Google einreichen 227 Gute Verlinkungen zur Website aufbauen 228 Tools zur Überprüfung der SEO-Maßnahmen 229 Wenn Seiten nicht gecrawlt oder indiziert werden sollen 231 Kapitel 14 Erfolgsmessung 233 Die wichtigsten Kennzahlen 233 Detektivarbeit, um die Kennzahlen zu verstehen 235 Segmente bilden 236 Entwicklungen im zeitlichen Verlauf 236 Customer Journey 237 Auswahl eines Webtracking-Tools 238 Implementierung von Tracking-Code 240 Messungenauigkeiten 242 Weitere Möglichkeiten für die Erfolgsmessung 242 Kapitel 15 Schutz der Website gegen Hacker-Angriffe und Viren 245 Angriffe auf die Infrastruktur 246 Angriffe auf die Anwendung 247 Einschleusen von Schadcode 247 SQL-Injections 248 Angriffe auf den Nutzer 248 Phishing von Nutzerdaten 249 Cross Site Scripting 249 Sicherheitsstandards als Grundvoraussetzung 249 HTTPS, SSL-Verschlüsselung und Zertifikate 249 Regelmäßige Updates 250 Passwortsicherheit beachten 250 E-Mail-Konto schützen 250 Captcha einbinden 250 Zwei-Faktor-Authentifizierung 251 Virenscans beim Hosting-Anbieter 251 Tipps und Tricks 251 Das Log-in zum Backend verstecken 251 Security-Checks und Security-Audits nutzen 251 Schritte nach einem Hack 252 Kapitel 16 Barrierefreiheit 253 Zielgruppen für barrierefreie Websites 253 Allgemeine Prinzipien für barrierefreie Websites 255 Assistive Technologien – das können sie leisten 256 Offizielle Richtlinien – kurz erklärt 256 Bewusstsein entwickeln und Barrierefreiheit testen 257 Barrierefreiheit selbst testen 257 Barrierefreiheit professionell prüfen lassen 259 2-Phasen-Modell – Expertenwissen plus authentisches Testen 259 Leichte Sprache oder Einfache Sprache 260 Teil IV Der Launch Und Wie Geht Es Danach Weiter 261 Kapitel 17 Testen der Website 263 Cross Browser Testing 264 Funktionales Testen 266 Crowd Testing 266 Security Testing 267 Performance Tests 268 Lasttests 268 Sonstige Tests 269 Qualitätssicherung als Teil der Website-Entwicklung 270 Kapitel 18 Das richtige Timing beim Livegang 271 Launch in mehreren Schritten 271 Mailing zur Ankündigung der Website 273 Pressekonferenz 274 SEO-Maßnahmen kurz nach dem Launch 274 Hosting-Maßnahmen zum Launch 276 Domain auf einen neuen Server schwenken 276 Formulare, E-Mails und Anmeldungen prüfen 276 Datenbankverbindung prüfen 277 Backups testen 277 SSL-Zertifikat Reminder 277 Kapitel 19 Begleitende Erfolgsmaßnahmen 279 Bekanntheit steigern und Besucher akquirieren 279 Suchmaschinenmarketing 280 Display Marketing 283 Social-Media-Marketing 285 Content Marketing 286 E-Mail-Marketing 287 PR-Maßnahmen 288 Kombination verschiedener Kanäle 289 Datenschutz und rechtliche Anforderungen 290 Datenschutz 290 Weitere rechtliche Erfordernisse 293 Spezielle rechtliche Vorgaben für Onlineshops 295 Website-Monitoring 296 Teil V Der Top-Ten-Teil 299 Kapitel 20 Zehn Kompetenzen, die Sie für eine erfolgreiche Website benötigen 301 Strategisches Denken 301 Empathie für Ihre Zielgruppen 302 Mut und Kreativität 303 Planungskompetenzen 303 UX-Design 304 Technisches Verständnis 304 Online-Marketing-Know-how 305 Ein Händchen für gute Texte und Bilder 306 Analytisches Denken 306 Rechtliches Wissen 307 Kapitel 21 Zehn Wege, um Ihre Website dauerhaft erfolgreich zu halten 309 Nutzerzentriert kontinuierlich weiter optimieren 310 Ihre Customer Journey kennen 310 Trends für sich prüfen 312 Aktualisierungen des Contents 313 Kontinuierliche Erhöhung der Sichtbarkeit 313 Ihre Mitarbeiter (oder Mitstreiter) einbeziehen 314 Wettbewerb im Blick behalten 315 Kontinuierliches Monitoring 316 Systeme updaten und patchen 317 Regelmäßige Backups 318 Kapitel 22 Zehn typische Stolperfallen bei der Website-Erstellung 321 Zeit und Geld zu knapp planen 321 Alles allein machen wollen 323 Zu schnell in die Umsetzung gehen 324 Glauben zu wissen, was die Zielgruppe braucht 324 Auf Analytics verzichten 325 Die Website überfrachten und keinen Fokus setzen 326 Rechtliche Themen unterschätzen 326 Nicht genug in die Sicherheit der Website investieren 327 Pflegeaufwand nach dem Livegang nicht berücksichtigen 328 Glauben, der Traffic kommt von allein 329 Stichwortverzeichnis 331

Read more less