舉報 
會員
Hands-On UX Design for Developers
Elvis Canziba 著
更新時間：2021-07-16 18:11:07
開會員，本書免費讀 >
Designinguserexperience(UX)isoneofthemostimportantaspectsofaproject,asithasadirecteffectonhowcustomersthinkofyourcompany.Theprocessofdesigningauserexperienceisoneofthemostchallengingyetrewardingaspectsofproductdevelopment.Hands-OnUXDesignforDeveloperswillteachyouhowtocreateamazinguserexperiencesforproductsfromscratch.ThisbookstartswithhelpingyouunderstandtheimportanceofagoodUXdesignandtheroleofaUXdesigner.ItwilltakeyouthroughthedifferentstagesofdesigningaUXandtheapplicationofvariousprinciplesofpsychologyinUXdesign.Next,youwilllearnhowtoconductuserresearchandmarketresearch,whichiscrucialtocreatingagreatUX.Youwillalsolearnhowtocreateuserpersonasanduseitfortesting.ThisbookwillhelpyougaintheabilitytothinklikeaUXdesignerandunderstandbothsidesofproductdevelopment:designandcoding.Youwillexplorethelatesttools,suchasSketch,Balsamiq,andFramer.js,tocreatewireframesandprototypes.TheconcludingchapterswilltakeyouthroughdesigningyourUI,dealingwithbigdatawhiledesigningaUX,andthefundamentalsoffrontend.Finally,you'llprepareyourportfolioandbecomejobreadyintheUXarena.
最新章節
- Leave a review - let other readers know what you think
- Other Books You May Enjoy
- Summary
- Data visualization
- The role of big data in UX design
- UX Design with big data
品牌：中圖公司
上架時間：2021-07-16 17:33:58
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Leave a review - let other readers know what you think 更新時間：2021-07-16 18:11:07
- Other Books You May Enjoy
- Summary
- Data visualization
- The role of big data in UX design
- UX Design with big data
- Designing for Big Data
- Summary
- Creating and analyzing conversion funnels
- Tracking and recording user UI sessions
- A/B testing
- User accessibility testing (UI testing)
- Feedback through social media
- Emails and contact forms
- Customer feedback surveys
- Collecting the correct user feedback
- Post-launch UX activities
- Post-launching UX Activities
- Summary
- CSS frameworks
- Atomic CSS (ACSS)
- Block Element Modifier (BEM)
- Scalable and Modular Architecture for CSS (SMACSS)
- Object-Oriented CSS (OOCSS)
- CSS methodologies
- CSS postprocessors
- Stylus
- Less
- Sass
- CSS preprocessors
- Grid-based layout
- Flexbox-based layout
- Float-based layout
- CSS layouts
- Frontend development/UI development
- Handing over design using Sympli
- Handing-off UI design using Zeplin
- Using a handover design tool
- Status checklist
- Sharing the design specification assets and the design system
- Sharing the prototype
- Sharing the mock-up/user interface designs
- Explaining to the developer how you expect the design to work
- Communicating with the frontend team on the early stages of design
- UI Design handover
- Frontend UI Implementation and Process
- Summary
- Designing the UI components
- Creating and configuring the grid
- Choosing fonts/typefaces
- Choosing the colors and creating the palettes
- Following the proper naming convention
- Creating a structure for files and folders
- Creating the Design System in Sketch
- Sketch plugins
- Preview of the UI design
- Exportation
- Icons and symbols
- Typography
- Colors
- UI components templates
- Pages
- Artboards
- The toolbar
- Designing the UI with Sketch
- UI design tools
- User interface design
- UI Design and Implementation
- Summary
- Other prototyping tools
- Principle
- Flinto
- Justinmind
- Origami.Design
- MarvelApp
- Prototyping tools
- Exporting and testing
- Animations and interactions
- Mockup and design
- Drawing and sketching
- Planning
- The process of creating prototypes
- Coding prototypes
- Digital prototypes
- Paper prototyping
- Prototyping methods
- What is prototyping?
- Creating wireframes using graphic design software
- Other wireframing tools
- Axure
- UXPin
- InVision
- Moqups
- Wireframe.cc
- Balsamiq mockups
- Wireframing software
- Stenciling and paper cutouts
- Sketch wireframes
- Wireframing tools
- High-fidelity wireframes
- Medium-fidelity wireframes
- Low-fidelity wireframes
- Types of wireframes
- How to create wireframes?
- What is a wireframe?
- Wireframes and prototyping
- Wireframes and Prototyping
- Summary
- Visual design tools
- Space
- Balance
- Proximity
- Repetition
- Contrast
- Hierarchy
- Alignment
- Design principles
- Forms
- Textures
- Using the appropriate font/typography
- The meaning of each color
- Using the color wheel to understand the meaning of colors
- Color systems
- Color theory
- Using colors
- Shape usage in visual design
- Types of shapes
- Using shapes
- Using lines
- Basics of visual design
- Introducing visual design principles and processes
- Visual Design Principles and Processes
- Summary
- Behavioral approach for product design
- Models of behavior change
- Five factors/preconditions for users to take actions
- Designing behavior
- Designing Behavior
- Summary
- Benefits of personas
- Fictional personas
- Engaging personas
- Role-based personas
- Goal-directed personas
- Four different perspectives on personas
- Creating a persona
- What are user personas?
- User Personas
- Summary
- Conducting the interview
- Setting up screener surveys for filtering the participants
- Identifying who we want to talk to
- Preparing for the interview session
- How to conduct user interviews
- Grouping customer information
- User Research
- Getting to Know Your Users
- Summary
- Early design guide
- Development resources
- Providing competitor insights
- Customer retention and loyalty
- Improving SEO and marketing
- Avoiding surprises saves time and money
- Increasing conversions and revenues
- Helping to create the right product from the beginning
- The benefits of user research
- Market research is not user research
- Defining the problems
- Analyzing and validating the results
- Conducting the research
- Organizing interview
- Designing and validating your research
- Selecting our research method
- Defining the audience
- Setting objectives and a brief
- User research
- A quick summary of this section
- Understanding what triggers our users
- Understanding the user's ability
- Intrinsic motivation
- Extrinsic motivation
- Understanding the user's motivation
- Things you should know about psychology in UX
- The Common Region law
- The Figure-Ground law
- The Closure law
- The Similarity law
- The Proximity law
- The Gestalt theory
- User behavior basics
- User Behavior Basics and User Research
- Summary
- Production
- Development
- Documentation
- Visual design and interactions
- Wireframes and prototyping
- Concept sketching and flows
- Design
- User analysis
- UX analysis
- Usability-bug review
- Search-log analysis
- Surveys
- The listening stage
- Accessibility evaluation
- Benchmark testing
- Qualitative usability testing
- The test stage
- Card-sorting
- Writing user stories
- Prototype feedback and testing
- Journey-mapping
- Task analysis
- Persona-building
- Design review
- Competitive analysis
- The explore stage
- Stakeholder interviews
- User interviews
- Diary study
- Field study
- The discover stage
- UX research
- Discovering your own UX strategy framework
- Understanding our customers
- Understanding our competitors
- Understanding the client's business
- The UX strategy
- Project objectives and methodologies
- Project proposals
- The planning phase
- Discovery and planning
- UX design process
- UX Design Process
- Summary
- A roadmap to becoming a successful full stack designer
- Who is a full stack designer?
- Full stack design
- UX design process
- Who is a UX designer?
- Why is UX so important?
- UX Design versus UI Design
- What is UX design?
- What is UX?
- Reviews
- Get in touch
- Conventions used
- Download the color images
- To get the most out of this book
- What this book covers
- Who this book is for
- Preface
- Packt is searching for authors like you
- About the reviewer
- About the author
- Contributors
- PacktPub.com
- Why subscribe?
- www.packtpub.com
- Hands-On UX Design for Developers
- Copyright and Credits
- Title Page
- 封面
- 封面
- Title Page
- Copyright and Credits
- Hands-On UX Design for Developers
- www.packtpub.com
- Why subscribe?
- PacktPub.com
- Contributors
- About the author
- About the reviewer
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the color images
- Conventions used
- Get in touch
- Reviews
- What is UX?
- What is UX design?
- UX Design versus UI Design
- Why is UX so important?
- Who is a UX designer?
- UX design process
- Full stack design
- Who is a full stack designer?
- A roadmap to becoming a successful full stack designer
- Summary
- UX Design Process
- UX design process
- Discovery and planning
- The planning phase
- Project proposals
- Project objectives and methodologies
- The UX strategy
- Understanding the client's business
- Understanding our competitors
- Understanding our customers
- Discovering your own UX strategy framework
- UX research
- The discover stage
- Field study
- Diary study
- User interviews
- Stakeholder interviews
- The explore stage
- Competitive analysis
- Design review
- Persona-building
- Task analysis
- Journey-mapping
- Prototype feedback and testing
- Writing user stories
- Card-sorting
- The test stage
- Qualitative usability testing
- Benchmark testing
- Accessibility evaluation
- The listening stage
- Surveys
- Search-log analysis
- Usability-bug review
- UX analysis
- User analysis
- Design
- Concept sketching and flows
- Wireframes and prototyping
- Visual design and interactions
- Documentation
- Development
- Production
- Summary
- User Behavior Basics and User Research
- User behavior basics
- The Gestalt theory
- The Proximity law
- The Similarity law
- The Closure law
- The Figure-Ground law
- The Common Region law
- Things you should know about psychology in UX
- Understanding the user's motivation
- Extrinsic motivation
- Intrinsic motivation
- Understanding the user's ability
- Understanding what triggers our users
- A quick summary of this section
- User research
- Setting objectives and a brief
- Defining the audience
- Selecting our research method
- Designing and validating your research
- Organizing interview
- Conducting the research
- Analyzing and validating the results
- Defining the problems
- Market research is not user research
- The benefits of user research
- Helping to create the right product from the beginning
- Increasing conversions and revenues
- Avoiding surprises saves time and money
- Improving SEO and marketing
- Customer retention and loyalty
- Providing competitor insights
- Development resources
- Early design guide
- Summary
- Getting to Know Your Users
- User Research
- Grouping customer information
- How to conduct user interviews
- Preparing for the interview session
- Identifying who we want to talk to
- Setting up screener surveys for filtering the participants
- Conducting the interview
- Summary
- User Personas
- What are user personas?
- Creating a persona
- Four different perspectives on personas
- Goal-directed personas
- Role-based personas
- Engaging personas
- Fictional personas
- Benefits of personas
- Summary
- Designing Behavior
- Designing behavior
- Five factors/preconditions for users to take actions
- Models of behavior change
- Behavioral approach for product design
- Summary
- Visual Design Principles and Processes
- Introducing visual design principles and processes
- Basics of visual design
- Using lines
- Using shapes
- Types of shapes
- Shape usage in visual design
- Using colors
- Color theory
- Color systems
- Using the color wheel to understand the meaning of colors
- The meaning of each color
- Using the appropriate font/typography
- Textures
- Forms
- Design principles
- Alignment
- Hierarchy
- Contrast
- Repetition
- Proximity
- Balance
- Space
- Visual design tools
- Summary
- Wireframes and Prototyping
- Wireframes and prototyping
- What is a wireframe?
- How to create wireframes?
- Types of wireframes
- Low-fidelity wireframes
- Medium-fidelity wireframes
- High-fidelity wireframes
- Wireframing tools
- Sketch wireframes
- Stenciling and paper cutouts
- Wireframing software
- Balsamiq mockups
- Wireframe.cc
- Moqups
- InVision
- UXPin
- Axure
- Other wireframing tools
- Creating wireframes using graphic design software
- What is prototyping?
- Prototyping methods
- Paper prototyping
- Digital prototypes
- Coding prototypes
- The process of creating prototypes
- Planning
- Drawing and sketching
- Mockup and design
- Animations and interactions
- Exporting and testing
- Prototyping tools
- MarvelApp
- Origami.Design
- Justinmind
- Flinto
- Principle
- Other prototyping tools
- Summary
- UI Design and Implementation
- User interface design
- UI design tools
- Designing the UI with Sketch
- The toolbar
- Artboards
- Pages
- UI components templates
- Colors
- Typography
- Icons and symbols
- Exportation
- Preview of the UI design
- Sketch plugins
- Creating the Design System in Sketch
- Creating a structure for files and folders
- Following the proper naming convention
- Choosing the colors and creating the palettes
- Choosing fonts/typefaces
- Creating and configuring the grid
- Designing the UI components
- Summary
- Frontend UI Implementation and Process
- UI Design handover
- Communicating with the frontend team on the early stages of design
- Explaining to the developer how you expect the design to work
- Sharing the mock-up/user interface designs
- Sharing the prototype
- Sharing the design specification assets and the design system
- Status checklist
- Using a handover design tool
- Handing-off UI design using Zeplin
- Handing over design using Sympli
- Frontend development/UI development
- CSS layouts
- Float-based layout
- Flexbox-based layout
- Grid-based layout
- CSS preprocessors
- Sass
- Less
- Stylus
- CSS postprocessors
- CSS methodologies
- Object-Oriented CSS (OOCSS)
- Scalable and Modular Architecture for CSS (SMACSS)
- Block Element Modifier (BEM)
- Atomic CSS (ACSS)
- CSS frameworks
- Summary
- Post-launching UX Activities
- Post-launch UX activities
- Collecting the correct user feedback
- Customer feedback surveys
- Emails and contact forms
- Feedback through social media
- User accessibility testing (UI testing)
- A/B testing
- Tracking and recording user UI sessions
- Creating and analyzing conversion funnels
- Summary
- Designing for Big Data
- UX Design with big data
- The role of big data in UX design
- Data visualization
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間：2021-07-16 18:11:07
