Mobile Design and Development. Practical concepts and techniques for creating mobile sites and web apps - Helion

ebook

Autor: Brian Fling
ISBN: 978-14-493-7924-7
stron: 336, Format: ebook
Data wydania: 2009-08-14
Księgarnia: Helion

Cena książki: 101,15 zł (poprzednio: 117,62 zł)
Oszczędzasz: 14% (-16,47 zł)

Osoby, które kupiły tę książkę, wybierały także »

Tagi: Android | iPhone | Windows Mobile

Mobile devices outnumber desktop and laptop computers three to one worldwide, yet little information is available for designing and developing mobile applications. Mobile Design and Development fills that void with practical guidelines, standards, techniques, and best practices for building mobile products from start to finish. With this book, you'll learn basic design and development principles for all mobile devices and platforms. You'll also explore the more advanced capabilities of the mobile web, including markup, advanced styling techniques, and mobile Ajax.

If you're a web designer, web developer, information architect, product manager, usability professional, content publisher, or an entrepreneur new to the mobile web, Mobile Design and Development provides you with the knowledge you need to work with this rapidly developing technology. Mobile Design and Development will help you:

Understand how the mobile ecosystem works, how it differs from other mediums, and how to design products for the mobile context
Learn the pros and cons of building native applications sold through operators or app stores versus mobile websites or web apps
Work with flows, prototypes, usability practices, and screen-size-independent visual designs
Use and test cross-platform mobile web standards for older devices, as well as devices that may be available in the future
Learn how to justify a mobile product by building it on a budget

Osoby które kupowały "Mobile Design and Development. Practical concepts and techniques for creating mobile sites and web apps", wybierały także:

Kotlin w praktyce. Kurs video. Tworzenie aplikacji webowych za pomocą Spring Boota 79,00 zł, (31,60 zł -60%)
Platforma Xamarin. Kurs video. Poziom drugi. Zaawansowane techniki tworzenia aplikacji cross-platform 99,00 zł, (39,60 zł -60%)
Android Studio. Kurs video. Narzędzia Android developera 69,00 zł, (31,05 zł -55%)
Android. Techniki efektywnej pracy. Kurs video. Poziom pierwszy. Skróty klawiszowe i biblioteki 59,00 zł, (26,55 zł -55%)
Testowanie aplikacji mobilnych na platformę Android. Kurs video. Poziom pierwszy. Testy jednostkowe i UI 59,00 zł, (26,55 zł -55%)

Spis treści

Mobile Design and Development. Practical concepts and techniques for creating mobile sites and web apps eBook -- spis treści

Mobile Design and Development
- SPECIAL OFFER: Upgrade this ebook with OReilly
- Preface
  - Who This Book Is For
  - How This Book Is Organized
  - Conventions Used in This Book
  - Using Code Examples
  - How to Contact Us
  - Safari Books Online
  - Acknowledgments
- 1. A Brief History of Mobile
  - In the Beginning
  - The Evolution of Devices
    - The Brick Era
    - The Candy Bar Era
    - The Feature Phone Era
    - The Smartphone Era
    - The Touch Era
- 2. The Mobile Ecosystem
  - Operators
  - Networks
  - Devices
  - Platforms
    - Licensed
    - Proprietary
    - Open Source
  - Operating Systems
  - Application Frameworks
    - Java
    - S60
    - BREW
    - Flash Lite
    - Windows Mobile
    - Cocoa Touch
    - Android SDK
    - Web Runtimes (WRTs)
    - WebKit
    - The Web
  - Applications
  - Services
- 3. Why Mobile?
  - Size and Scope of the Mobile Market
  - The Addressable Mobile Market
    - High-End Versus Low-End Devices
    - Best-selling Versus Free
    - Mobile Web Versus Native Applications
    - Touch Versus D-Pad
  - Mobile As a Medium
    - The Printing Press
    - Recordings
    - Cinema
    - Radio
    - Television
    - The Internet
    - Mobile
      - Read and publish
      - Play recordings
      - Watch movies
      - Listen to radio
      - Watch television
      - Use the Internet
    - Mobiles Unique Benefits
  - The Eighth Mass Medium: Whats Next?
  - Ubiquity Starts with the Mobile Web
- 4. Designing for Context
  - Thinking in Context
    - Context with a Capital C
      - The distracted driver
      - The eRuv project
    - Context with a Lowercase c
      - The present location or physical context
      - Our present device of access, or media context
      - Our present state of mind, or modal context
  - Taking the Next Steps
- 5. Developing a Mobile Strategy
  - New Rules
    - Rule #1: Forget What You Think You Know
    - Rule #2: Believe What You See, Not What You Read
    - Rule #3: Constraints Never Come First
    - Rule #4: Focus on Context, Goals, and Needs
    - Rule #5: You Cant Support Everything
    - Rule #6: Dont Convert, Create
    - Rule #7: Keep It Simple
  - Summary
- 6. Types of Mobile Applications
  - Mobile Application Medium Types
    - SMS
      - Pros
      - Cons
    - Mobile Websites
      - Pros
      - Cons
    - Mobile Web Widgets
      - Pros
      - Cons
    - Mobile Web Applications
      - Pros
      - Cons
    - Native Applications
      - Pros
      - Cons
    - Games
      - Pros
      - Cons
    - Mobile Application Media Matrix
    - Application Context
    - Utility Context
    - Locale Context
    - Informative Applications
    - Productivity Application Context
    - Immersive Full-Screen Applications
    - Application Context Matrix
- 7. Mobile Information Architecture
  - What Is Information Architecture?
  - Mobile Information Architecture
    - Keeping It Simple
      - Support your defined goals
      - Clear, simple labels
    - Site Maps
      - Limit opportunities for mistakes
      - Confirm the path by teasing content
    - Clickstreams
    - Wireframes
    - Prototyping
      - Paper prototypes
      - Context prototype
      - HTML prototypes
    - Different Information Architecture for Different Devices
  - The Design Myth
- 8. Mobile Design
  - Interpreting Design
  - The Mobile Design Tent-Pole
  - Designing for the Best Possible Experience
  - The Elements of Mobile Design
    - Context
    - Message
    - Look and Feel
    - Layout
      - Different layouts for different devices
      - Fixed versus fluid
    - Color
      - The psychology of color
      - Color palettes
    - Typography
      - Subpixels and pixel density
      - Type options
      - Font replacement
      - Readability
    - Graphics
      - Iconography
      - Photos and images
  - Mobile Design Tools
  - Designing for the Right Device
  - Designing for Different Screen Sizes
- 9. Mobile Web Apps Versus Native Applications
  - The Ubiquity Principle
    - Fragmentation
    - The Web
    - Control
    - Consumer Expectations
    - Ubiquity in the Mobile Web
  - When to Make a Native Application
    - Charging for It
    - Creating a Game
    - Using Specific Locations
    - Using Cameras
    - Using Accelerometers
    - Accessing the Filesystems
    - Offline Users
  - When to Make a Mobile Web Application
- 10. Mobile 2.0
  - What Is Mobile 2.0?
    - Mobile 2.0: The Convergence of the Web and Mobile
    - The Mobile Web Browser As the Next Killer App
    - Mobile Web Applications Are the Future
    - JavaScript Is the Next Frontier
      - Rich interactions kill battery life
    - The Mobile User Experience Is Awful
    - Mobile Widgets Are the Next Big Thing
    - Carrier Is the New C Word
    - Mobile Needs to Check Its Ego
    - We Are Creators, Not Consumers
- 11. Mobile Web Development
  - Web Standards
  - Designing for Multiple Mobile Browsers
    - Progressive Enhancement
      - Mobile progressive enhancement techniques
    - DIAL
    - Designing for Multiple Displays
      - Fixed versus fluid designs
      - Single-column versus multiple-column layouts
  - Device Plans
    - The Device Matrix
      - Class A mobile browsers
      - Class B mobile browsers
      - Class C mobile browsers
      - Class D mobile browsers
      - Class F mobile browsers
  - Markup
    - XHTML-MP Overview
      - XHTML versus XHTML Basic versus XHTML-MP
    - Document Structure
      - Doctypes
      - Character encoding
      - MIME types
      - Page titles
      - Use of stylesheets
      - Objects and scripts
      - Auto refresh
      - Redirects
      - Caching
      - Minimal document structure
    - Text Elements
      - Headings
      - Paragraphs
      - Quotations
      - Phrase elements
      - Unordered lists
      - Ordered lists
      - Definition lists
      - Structural elements
      - Line breaks
      - Character entity references
    - Creating Links
      - Number of links
      - Access keys
      - Initiating telephone calls
    - Images and Objects
      - Image types
      - Image sizes
      - Image dimensions
      - Image maps
      - Alt text
      - Flash and SVG
      - Embedded audio and video
    - Tables
      - Layout tables
      - Using data tables
      - Nested tables
    - Frames
    - Forms
      - Free text input controls
      - Default input mode
    - Other Recommendations
      - Validate markup
      - Pop-up windows
      - External resources
      - Total page download size
  - CSS: Cascading Style Sheets
    - Wireless CSS and CSS-MP
    - Box Model
    - Selectors
      - Universal selector
      - Type selector
      - Descendant selector
      - Child selector
      - Adjacent sibling selector
      - Class selector
      - ID selector
      - Simple attribute selector
      - Advanced attribute selector
      - Pseudoselectors
    - Font and Text Properties
      - Available fonts
      - Absolute size keywords
      - Percentage measurements
      - Length measurements
      - Additional styling
      - Text shadow
      - Font replacement
    - Basic Box Properties
      - Height and width
      - Minimum and maximum dimensions
      - Margins
      - Padding
      - Borders
      - Box shadow
    - Color and Backgrounds
      - Background color
      - Background image
      - Multiple background images
    - Positioning and Page Flow
      - Display
      - Floats
      - Clearing
      - Positioning
      - Overflow
      - Stacking order
  - JavaScript
- 12. iPhone Web Apps
  - Why WebKit?
    - A Brief History of WebKit
    - Background As a Mobile Browser
      - Web Browser for S60
      - iPhone and iPod touch
      - Android
      - webOS
      - Myriad Browser
      - Iris Browser
  - What Makes It a Mobile Web App?
    - The Page Model
  - Markup
    - XHTML
      - XHTML-MP
      - XHTML 2.0
    - HTML5
      - The canvas element
      - Offline data storage
  - CSS
    - CSS2
      - Positioning and page flow
      - Image replacement
    - CSS3
      - The -webkit prefix
      - Selectors
      - Multiple background images
      - Box model sizing
      - Box shadow
      - Rounded corners
      - Border images
      - Text effects
      - Text overflow
    - Visual Effects
      - Gradients
      - Masks
      - Transitions
      - Transforms
      - Animations
      - Hover, clicks, and taps
  - JavaScript
    - DHTML
    - Ajax
    - Multitouch
    - Fixed Footer
  - Creating a Mobile Web App
    - Defining the Viewport
    - Full-Screen Mode
    - Changing the Status Bar Appearance
    - Adding an Icon
  - Web Apps As Native Apps
  - PhoneGap
  - Tools and Libraries
    - iPhone GUI PSD
    - iUI
    - jQTouch
- 13. Adapting to Devices
  - Why Is Adaptation a Necessity?
  - Strategy #1: Do Nothing
    - Five Assumptions About One Web
    - The One Web Aftermath
    - Using This Strategy with Media Queries
  - Strategy #2: Progressive Enhancement
    - The Handheld Media Type
    - Layering Multiple Stylesheets for Multiple Devices
  - Strategy #3: Device Targeting
    - The Device Detection Dilemma
    - Andy Moores Mobile Browser Detection
    - Greg Mulmashs Mobile Browser Detection
    - The Switcher
    - htaccess-Based Device Detection
    - JavaScript-Based Device Detection
    - Reverse Device Detection
    - WordPress Mobile Plugin
    - dotMobi WordPress Mobile Pack
    - Mobile Fu
    - And Many More
  - Strategy #4: Full Adaptation
    - Working On Deck
    - Working Off Deck
    - WURFL
    - DeviceAtlas
    - Volantis
    - WALL and WNG
    - Yahoo! Blueprint
    - Netbiscuits
    - MobileAware
    - Mobify
  - What Domain Do I Use?
    - m.domain.com
    - domain.com/mobile or domain.com/m
    - domain.mobi
  - Taking the Next Step
- 14. Making Money in Mobile
  - Working with Operators
    - The Deck
      - Getting on deck
      - Benefits of the deck
    - ARPU
    - BoBo
  - Working with an App Store
    - What About the Mobile Web?
  - Add Advertising
    - AdMob and Google AdSense
    - The Mobile Marketing Association
  - Invent a New Model
- 15. Supporting Devices
  - Having a Device Plan
    - Deciding What to Support
    - Example Device Plans
      - A mobile website
      - A mobile web app
      - A mobile commerce portal
  - Device Testing
    - Access to Devices
      - Guerrilla testing
      - Mobile Monday device libraries
    - Estimating the Testing Effort
    - Creating a Test Plan
      - Functional tests
      - Context tests
    - Creating a Test Portal
  - Desktop Testing
    - Frames
    - Opera
    - WebKit
    - Firefox
    - Collecting User Agents
    - Simulators and Emulators
    - Remote Access
  - Usability Testing
    - Mobile Usability Test Tips and Tricks
- 16. The Future of Mobile
  - The Opportunity for Change
- Index
- About the Author
- Colophon
- SPECIAL OFFER: Upgrade this ebook with OReilly