Web Design
UX Design for Mobile. Design apps that deliver impressive mobile experiences
Pablo Perea, Pau Giner
User experience (UX) design provides techniques to analyze the real needs of your users and respond to them with products that are delightful to use. This requires you to think differently compared to traditional development processes, but also to act differently. In this book, you will be introduced to a pragmatic approach to exploring and creating mobile app solutions, reducing risks and saving time during their construction. This book will show you a working process to quickly iterate product ideas with low and high fidelity prototypes, based on professional tools from different software brands. You will be able to quickly test your ideas early in the process with the most adequate prototyping approach. You will understand the pros and cons of each approach, when you should use each of them, and what you can learn in each step of the testing process. You will also explore basic testing approaches and some more advanced techniques to connect and learn from your users. Each chapter will focus on one of the general steps needed to design a successful product according to the organization goals and the user needs. To achieve this, the book will provide detailed hands-on pragmatic techniques to design innovative and easy to use products. You will learn how to test your ideas in the early steps of the design process, picking up the best ideas that truly work with your users, rethinking those that need further refinement, and discarding those that don’t work properly in tests made with real users.By the end of the book, you will learn how to start exploring and testing your design ideas, regardless the size of the design budget.
UX dla początkujących. Sto krótkich lekcji
Joel Marsh
Nawet najlepsza aplikacja i najmądrzejsza strona internetowa nie przyniosą kokosów, jeśli nie spodobają się użytkownikom. Droga do sukcesu projektanta prowadzi przez miłe doznania, jakie wywoła u osób, które będą klikać, przewijać, czytać i przeglądać. W żadnym razie nie można lekceważyć zagadnień projektowania doświadczenia użytkownika (UX). Wiele ciekawych rozwiązań nie znalazło uznania, gdyż twórcy interfejsów użytkownika nie wzięli pod uwagę podstaw behawioryzmu i pewnych szczególnych sposobów działania ludzkiego umysłu. Innymi słowy, zaprojektowane rozwiązanie musi zachęcająco wyglądać, poprawnie działać, a przede wszystkim - sprawiać dobre wrażenie i przekonywać do korzystania. Ten zwięzły podręcznik projektowania UX powstał na bazie błyskawicznego kursu dla profesjonalistów. Pozwala prześledzić od początku do końca proces projektowania mający na celu stworzenie rozwiązań prawdziwie przyjaznych użytkownikom. Poza podstawowymi pojęciami, zasadami i koncepcjami znalazły się tu informacje, które docenią profesjonalni projektanci. Mimo że książka stanowi raczej pobieżny przegląd niż wyczerpującą analizę tematu, zawiera naprawdę sporo przydatnego materiału. W 100 krótkich lekcjach przedstawiono wiele praktycznych wskazówek w kolejności odpowiadającej rzeczywistemu wdrożeniu. Podręcznik został napisany zrozumiałym, lekkim i zabawnym językiem - dla wielu kandydatów na projektantów UX jego lektura z pewnością będzie dobrym doświadczeniem! Dzięki tej książce poznasz: podstawy (również naukowe!) projektowania doświadczenia użytkownika fascynujące (i nie do końca racjonalne) zwyczaje użytkowników techniki wpływania na użytkowników za pomocą rozmiarów, kolorów i rozmieszczenia elementów planowanie i wykonywanie makiet metody sprawdzania skuteczności zaprojektowanych rozwiązań UX: pasja projektanta, przyjemność użytkownika!
UX for the Web. Build websites for user experience and usability
Marli Ritter, Cara Winterbottom
If you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that. The book starts with the basics of UX, the relationship between Human-Centered Design (HCD), Human-Computer Interaction (HCI), and the User-Centered Design (UCD) Process; it gradually takes you through the best practices to create a web app that stands out from your competitors. You’ll also learn how to create an emotional connection with the user to increase user interaction and client retention by different means of communication channels. We’ll guide you through the steps in developing an effective UX strategy through user research and persona creation and how to bring that UX strategy to life with beautiful, yet functional designs that cater for complex features with micro interactions. Practical UX methodologies such as creating a solid Information Architecture (IA), wireframes, and prototypes will be discussed in detail. We’ll also show you how to test your designs with representative users, and ensure that they are usable on different devices, browsers and assistive technologies. Lastly, we’ll focus on making your web app fully accessible from a development and design perspective by taking you through the Web Content Accessibility Guidelines (WCAG).
Virtual Reality Blueprints. Create compelling VR experiences for mobile and desktop
Charles Palmer, John Williamson
Are you new to virtual reality? Do you want to create exciting interactive VR applications? There's no need to be daunted by the thought of creating interactive VR applications, it's much easier than you think with this hands-on, project-based guide that will take you through VR development essentials for desktop and mobile-based games and applications. Explore the three top platforms—Cardboard VR, Gear VR, and OculusVR —to design immersive experiences from scratch.You’ll start by understanding the science-fiction roots of virtual reality and then build your first VR experience using Cardboard VR. You'll then delve into user interactions in virtual space for the Google Cardboard then move on to creating a virtual gallery with Gear VR. Then you will learn all about virtual movements, state machines, and spawning while you shoot zombies in the Oculus Rift headset. Next, you'll construct a Carnival Midway, complete with two common games to entertain players.Along the way, you will explore the best practices for VR development, review game design tips, discuss methods for combating motion sickness and identify alternate uses for VR applications
Olga Filipova
In this book, we will build a full stack web application right from scratch up to its deployment.We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school! While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js’ directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application’s reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism.
Vue.js 2 Cookbook. Build modern, interactive web applications with Vue.js
Andrea Passaglia
Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex single page applications a breeze. Its component-based approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application.From basic to advanced recipes, this book arms you with practical solutions to common tasks when building an application using Vue. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture through practical examples. After that, we delve into integrating Webpack and Babel to enhance your development workflow using single file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single page applications, and integrate a variety of technologies ranging from Node.js to Electron, and Socket.io to Firebase and HorizonDB.This book will provide you with the best practices as determined by the Vue.js community.
Paul Halliday
Vue.js 2 Design Patterns and Best Practices starts by comparing Vue.js with other frameworks and setting up the development environment for your application, and gradually moves on to writing and styling clean, maintainable, and reusable Vue.js components that can be used across your application. Further on, you'll look at common UI patterns, Vue form submission, and various modifiers such as lazy binding, number typecasting, and string trimming to create better UIs. You will also explore best practices for integrating HTTP into Vue.js applications to create an application with dynamic data. Routing is a vitally important part of any SPA, so you will focus on the vue-router and explore routing a user between multiple pages. Next, you'll also explore state management with Vuex, write testable code for your application, and create performant, server-side rendered applications with Nuxt. Toward the end, we'll look at common antipatterns to avoid, saving you from a lot of trial and error and development headaches.By the end of this book, you'll be on your way to becoming an expert Vue developer who can leverage design patterns to efficiently architect the design of your application and write clean and maintainable code.
Vue.js 2 Web Development Projects. Learn Vue.js by building 6 web apps
CHAU GUILLAUME
Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces.This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data.By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.