Stivanson cody assignment4
•Download as PPTX, PDF•
0 likes•394 views
This document discusses considerations for designing websites for mobile devices. It notes that mobile traffic now accounts for over a third of total web traffic. Key recommendations include using flexible, fluid designs; keeping important content above the fold; avoiding Flash; using mobile-friendly fonts and HTML5/CSS3; ensuring easy navigation; and creating a separate mobile-optimized stylesheet. Specific examples are provided of sites that need mobile improvements, such as sites that rely on Flash or have cluttered designs not suited for small screens.
Report
Share
Report
Share
Recommended
mobile presentation
The document discusses the rise of mobile/tablet usage and how it impacts web design. Some key points:
- By 2015, over 200 million people will have smartphones/tablets and 275 million tablets will be sold
- Web designers must optimize sites for touchscreen navigation and adjust sites to work on different screen sizes and orientations
- Examples given of sites that work well on mobile (1800Flowers, Orbitz) and sites that don't work as well (Wikipedia, Craigslist) due to lack of single column view and too much content to scroll through
- Recommendations are given for mobile accessibility such as simple page structure, minimizing text entry, and designing for both touchscreen and non-
Howard noah moblilepresentation
The document discusses best practices for creating mobile-friendly websites. It notes that as smartphone and tablet usage increases, websites need to be usable across different devices. It recommends using coding that works on all platforms, testing URLs in different browsers, and using content management systems designed for mobile. Proper mobile design involves understanding progressive enhancement and graceful degradation techniques as well as how mobile sites differ from desktop sites in areas like coding languages and layout.
Mobile_Presentation
This document discusses the rise of mobile and tablet use and considerations for designing websites for mobile/tablet users. Key points include: 88% of US adults now own a cell phone; by 2015 there will be nearly 500 million tablet users; responsive design is needed to optimize the user experience across different screen sizes and platforms. Accessibility is important to ensure usability for all, including those using assistive technologies or having other needs. Design approaches like responsive web design help create accessible, interactive experiences for mobile and tablet users.
Cathryn allen assignment4
A look at the importance of a catering companies need to update to having a mobile and tablet friendly site.
Kotikan Guide to Mobile Development
This document discusses mobile development and strategies for creating successful mobile apps. It notes that mobile usage is rising significantly, with people now using their phones on average 150 times per day for activities like shopping, travel, and banking. Native mobile apps are generally better than cross-platform apps for delivering refined experiences on smartphones. The key aspects of developing a successful mobile app include understanding user objectives, designing for the mobile context and experience, ensuring the app adds value and is relevant to how people use their devices, and promoting the app through app store listings and existing marketing channels.
Tuenti Mobile Development
Tuenti Mobile by Davide Mendolia
Mobile devices are becoming one of the most used platform to connect to Internet, In Tuenti we are putting a focus on mobile platforms through applications and mobile web, discover how we are building m.tuenti.com.
Use of a palette of technologies like mobile device detection and capabilities on the server and the client side that help us to server different version as Plain HTML or HTML5.
How we try to bring the best user experience to every device adapting the possibles interactions based on the features or limitations of each them.
mobile presentation
The document discusses the need for Collins Catering's website to be optimized for mobile and tablet devices. It notes that mobile web usage is growing faster than desktop, and that by 2015 mobile will dominate. It provides examples of companies like Southwest Airlines and Publix that have strong mobile-friendly websites, while others like TD Bank and Panda Express are lacking. The document recommends that Collins Catering jumpstart mobile website development by learning from the strong examples and prioritizing a streamlined, less-is-more approach that avoids Flash and is optimized for smaller screens with easy navigation.
Beyond the Desktop: Sites and Apps for Phones and Tablets
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
Recommended
mobile presentation
The document discusses the rise of mobile/tablet usage and how it impacts web design. Some key points:
- By 2015, over 200 million people will have smartphones/tablets and 275 million tablets will be sold
- Web designers must optimize sites for touchscreen navigation and adjust sites to work on different screen sizes and orientations
- Examples given of sites that work well on mobile (1800Flowers, Orbitz) and sites that don't work as well (Wikipedia, Craigslist) due to lack of single column view and too much content to scroll through
- Recommendations are given for mobile accessibility such as simple page structure, minimizing text entry, and designing for both touchscreen and non-
Howard noah moblilepresentation
The document discusses best practices for creating mobile-friendly websites. It notes that as smartphone and tablet usage increases, websites need to be usable across different devices. It recommends using coding that works on all platforms, testing URLs in different browsers, and using content management systems designed for mobile. Proper mobile design involves understanding progressive enhancement and graceful degradation techniques as well as how mobile sites differ from desktop sites in areas like coding languages and layout.
Mobile_Presentation
This document discusses the rise of mobile and tablet use and considerations for designing websites for mobile/tablet users. Key points include: 88% of US adults now own a cell phone; by 2015 there will be nearly 500 million tablet users; responsive design is needed to optimize the user experience across different screen sizes and platforms. Accessibility is important to ensure usability for all, including those using assistive technologies or having other needs. Design approaches like responsive web design help create accessible, interactive experiences for mobile and tablet users.
Cathryn allen assignment4
A look at the importance of a catering companies need to update to having a mobile and tablet friendly site.
Kotikan Guide to Mobile Development
This document discusses mobile development and strategies for creating successful mobile apps. It notes that mobile usage is rising significantly, with people now using their phones on average 150 times per day for activities like shopping, travel, and banking. Native mobile apps are generally better than cross-platform apps for delivering refined experiences on smartphones. The key aspects of developing a successful mobile app include understanding user objectives, designing for the mobile context and experience, ensuring the app adds value and is relevant to how people use their devices, and promoting the app through app store listings and existing marketing channels.
Tuenti Mobile Development
Tuenti Mobile by Davide Mendolia
Mobile devices are becoming one of the most used platform to connect to Internet, In Tuenti we are putting a focus on mobile platforms through applications and mobile web, discover how we are building m.tuenti.com.
Use of a palette of technologies like mobile device detection and capabilities on the server and the client side that help us to server different version as Plain HTML or HTML5.
How we try to bring the best user experience to every device adapting the possibles interactions based on the features or limitations of each them.
mobile presentation
The document discusses the need for Collins Catering's website to be optimized for mobile and tablet devices. It notes that mobile web usage is growing faster than desktop, and that by 2015 mobile will dominate. It provides examples of companies like Southwest Airlines and Publix that have strong mobile-friendly websites, while others like TD Bank and Panda Express are lacking. The document recommends that Collins Catering jumpstart mobile website development by learning from the strong examples and prioritizing a streamlined, less-is-more approach that avoids Flash and is optimized for smaller screens with easy navigation.
Beyond the Desktop: Sites and Apps for Phones and Tablets
How to design mobile sites and apps without getting buried in technology. Choosing what platforms to support, tradeoffs between mobile sites and native apps, design considerations for small screens and touchscreens.
State of the Mobile Browsers
Mobile browsers come in many varieties with various bugs and inconsistencies that make them more interesting to work with than desktop browsers. There are over a dozen mobile browsers across different operating systems like Android, iOS, Blackberry and Windows Mobile. They handle layouts, zooming and backwards navigation in different—and sometimes buggy—ways. It is best to test websites on actual mobile devices rather than emulators due to inaccuracies. Media queries can help develop responsive designs for small screens.
Mobile SEO Tips - #SFGettingSmarter
Our latest #SFGettingSmarter session is about Mobile SEO Tips and shows the benefits of having both a responsive designed website vs. a Mobile website.
This presentation is designed to educate, but we hope that this will also help you decide which avenue is best for your website.
The mobile browser world
The document discusses the mobile browser landscape. It notes there are over 20 mobile browsers ranging in quality. The browsers have different rendering engines like WebKit, Gecko, and Presto. WebKit implementations vary across platforms. Mobile browsing is growing faster than desktop browsing. The document advocates for mobile-first design and progressive enhancement to ensure usability across browsers.
Mobile is the New Black
The document discusses the importance of mobile optimization for law firm websites. It notes that mobile devices now outnumber PCs and global internet users are doubling, mostly through mobile access. Over half of Fortune 500 companies and a quarter of the top 100 law firms now have mobile-optimized sites. The document recommends justifying a mobile budget based on site analytics showing mobile traffic growth. It outlines options for mobile friendliness from a static mobile site to responsive design. The best approach is responsive design using a mobile-first strategy and focusing on key tasks for different devices.
The mobile browser world
This document discusses the mobile browser landscape. It notes there are many browsers, mostly based on WebKit, but they all have their own implementations which impacts performance and capabilities. Global statistics show Safari, Android, and Nokia browsers are most common, though the landscape varies by country. The document recommends building responsive mobile-first websites using progressive enhancement to ensure wide browser compatibility.
Mobile website --- Web is in pocket....
Now a days smart phones growing very fast. And also web access from mobile phone also more. So, we most have mobile version website. Create mobile web site using HTML5 and CSS3.
How to write mobile optimized content for your app
Tips and tricks to optimize your app's content and maximize your chances to get your app published on app stores.
The Mobile Platform World
This document discusses the complex mobile platform world. It describes the layers ("stack") of a mobile device as the browser, operating system, and physical device. It notes the variety of mobile browsers and operating systems that exist, including differences between browsers that are based on WebKit. The document also discusses proxy browsers and tips for setting up a diverse mobile device lab for testing purposes.
THINK MOBILE FIRST
The document discusses the importance of having a mobile-friendly website. It provides reasons to go mobile like reaching a larger audience as there are over 4.6 billion mobile phones worldwide. A mobile site allows crucial content and features to be optimized for smaller screens compared to full websites. The document recommends tools to build a mobile site and essential design features like vertical navigation and prioritizing key content. Examples are given of how sites like Kayak, Dell, and Def Jam adapted their designs for mobile.
esaimen
This document discusses mobile and web interfaces. It describes how mobile interfaces are used on handheld devices for everyday tasks through various apps. It notes challenges of small screens, different operating systems, and usability issues. The document also describes how web interfaces allow interaction through browsers and apps run in browsers across platforms. It mentions challenges of interactivity, languages, blogs competing with websites, and ensuring designs are user-friendly while protecting against attackers.
iPad Class
Why would you want one more computer?
1. Have your coffee when you start it. Starts in a few seconds.
2. You can can carry it in a briefcase or attache.
3. When an idea arises, you can be instantly working on the idea.
4. You can take notes at a meeting, dictate a note or check your calendar instantly.
5. Update your calendar.
6.You can transfer files, via email, between your desktop and the iPad, either way.
Mobile appsvsmobilewebsites
1) Mobile devices are increasingly being used by millions everyday for activities like shopping, getting information, social media, and more.
2) The growth of mobile devices is dramatic, with over half of American adults owning smartphones and mobile internet access exceeding fixed connections.
3) A mobile strategy is important for businesses to engage customers, provide better service, increase traffic and exposure, and boost sales in the mobile era. Options include developing a mobile-responsive website, hosted mobile site, or custom mobile app.
Salomon katherine mobile_presentation2
This document discusses the growth of mobile browser usage and its impact on web design. It notes that mobile browsing has altered web design practices such as image resizing, screen size considerations, and prioritizing content. It also compares mobile browsers to mobile apps and discusses accessibility across different devices. The document recommends developing a website, customizing a mobile version, and hiring a professional to design a mobile app.
How to create a mobile version of your website
This document provides guidance on creating a mobile version of a website. It discusses considerations for mobile design including speed, dimensions, behavior, and designing. It emphasizes the importance of speed for mobile and provides tips for fluid layouts, CSS media queries, touch interfaces, short pages, and mobile development tools.
EPA Victoria - Case study in responsive design
Presented by EPA Victoria: Daniel McLeod, Program Leader Digital, Marketing & Communications Unit, with Tim Kotsiakos, Executive Creative Director at Reactive Media. Presentations to the Victoria Online Seminar Series, Thursday 22 November 2012.
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model
This presentation is in three parts, please see the links and description below:
Links:
Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13
Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23
Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33
Description:
Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.
Web App vs Web Site
This document discusses the differences between web apps and websites. It argues that while users are accustomed to native apps on mobile, web technologies can be used to create an app-like experience. Specifically, web apps should mimic the app lifecycle of downloading, installing, having a home screen icon, and taking the full screen. The document also covers key aspects of designing web apps, such as using single-page interfaces, viewport management for different screen sizes and orientations, and handling touch and click events consistently across platforms.
Designing for mobile devices
The document discusses key considerations for designing websites and apps for mobile devices. It outlines two main approaches: mobile websites and mobile apps. It then covers challenges like varying screen sizes, performance issues, and limited resources. UI principles are presented to optimize the mobile experience. Tactics like simplifying designs, minimizing images, and optimizing navigation are recommended. The document concludes with additional best practices and resources for mobile development.
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
Mobile Presentation
This document discusses mobile and tablet web design. It notes that mobile web usage has more than doubled since 2009 and is estimated to continue rising. This growth will impact design by requiring sites to be optimized for more mobile users. The document also lists PhoneGap, Appcelerator, and Weebly as active technologies for mobile/tablet development and provides examples of good and bad mobile design, concluding with references.
Google is NOT a Verb
Google is a proprietary search engine launched in 1998 that has become synonymous with online searching. However, using "Google" as a verb can undermine the inquiry process. While Google provides a wealth of easily accessible information, students must learn to ask meaningful questions, thoroughly investigate answers from multiple sources, and reflect critically on what they find. Teachers can help students develop digital literacy and guided practice in digital inquiry to move beyond superficial searching and gain a deeper understanding from their online research.
Plagiarism Prevention: Student Module
A short self-directed tutorial module regarding plagiarism and turnitin.com for high school students.
More Related Content
What's hot
State of the Mobile Browsers
Mobile browsers come in many varieties with various bugs and inconsistencies that make them more interesting to work with than desktop browsers. There are over a dozen mobile browsers across different operating systems like Android, iOS, Blackberry and Windows Mobile. They handle layouts, zooming and backwards navigation in different—and sometimes buggy—ways. It is best to test websites on actual mobile devices rather than emulators due to inaccuracies. Media queries can help develop responsive designs for small screens.
Mobile SEO Tips - #SFGettingSmarter
Our latest #SFGettingSmarter session is about Mobile SEO Tips and shows the benefits of having both a responsive designed website vs. a Mobile website.
This presentation is designed to educate, but we hope that this will also help you decide which avenue is best for your website.
The mobile browser world
The document discusses the mobile browser landscape. It notes there are over 20 mobile browsers ranging in quality. The browsers have different rendering engines like WebKit, Gecko, and Presto. WebKit implementations vary across platforms. Mobile browsing is growing faster than desktop browsing. The document advocates for mobile-first design and progressive enhancement to ensure usability across browsers.
Mobile is the New Black
The document discusses the importance of mobile optimization for law firm websites. It notes that mobile devices now outnumber PCs and global internet users are doubling, mostly through mobile access. Over half of Fortune 500 companies and a quarter of the top 100 law firms now have mobile-optimized sites. The document recommends justifying a mobile budget based on site analytics showing mobile traffic growth. It outlines options for mobile friendliness from a static mobile site to responsive design. The best approach is responsive design using a mobile-first strategy and focusing on key tasks for different devices.
The mobile browser world
This document discusses the mobile browser landscape. It notes there are many browsers, mostly based on WebKit, but they all have their own implementations which impacts performance and capabilities. Global statistics show Safari, Android, and Nokia browsers are most common, though the landscape varies by country. The document recommends building responsive mobile-first websites using progressive enhancement to ensure wide browser compatibility.
Mobile website --- Web is in pocket....
Now a days smart phones growing very fast. And also web access from mobile phone also more. So, we most have mobile version website. Create mobile web site using HTML5 and CSS3.
How to write mobile optimized content for your app
Tips and tricks to optimize your app's content and maximize your chances to get your app published on app stores.
The Mobile Platform World
This document discusses the complex mobile platform world. It describes the layers ("stack") of a mobile device as the browser, operating system, and physical device. It notes the variety of mobile browsers and operating systems that exist, including differences between browsers that are based on WebKit. The document also discusses proxy browsers and tips for setting up a diverse mobile device lab for testing purposes.
THINK MOBILE FIRST
The document discusses the importance of having a mobile-friendly website. It provides reasons to go mobile like reaching a larger audience as there are over 4.6 billion mobile phones worldwide. A mobile site allows crucial content and features to be optimized for smaller screens compared to full websites. The document recommends tools to build a mobile site and essential design features like vertical navigation and prioritizing key content. Examples are given of how sites like Kayak, Dell, and Def Jam adapted their designs for mobile.
esaimen
This document discusses mobile and web interfaces. It describes how mobile interfaces are used on handheld devices for everyday tasks through various apps. It notes challenges of small screens, different operating systems, and usability issues. The document also describes how web interfaces allow interaction through browsers and apps run in browsers across platforms. It mentions challenges of interactivity, languages, blogs competing with websites, and ensuring designs are user-friendly while protecting against attackers.
iPad Class
Why would you want one more computer?
1. Have your coffee when you start it. Starts in a few seconds.
2. You can can carry it in a briefcase or attache.
3. When an idea arises, you can be instantly working on the idea.
4. You can take notes at a meeting, dictate a note or check your calendar instantly.
5. Update your calendar.
6.You can transfer files, via email, between your desktop and the iPad, either way.
Mobile appsvsmobilewebsites
1) Mobile devices are increasingly being used by millions everyday for activities like shopping, getting information, social media, and more.
2) The growth of mobile devices is dramatic, with over half of American adults owning smartphones and mobile internet access exceeding fixed connections.
3) A mobile strategy is important for businesses to engage customers, provide better service, increase traffic and exposure, and boost sales in the mobile era. Options include developing a mobile-responsive website, hosted mobile site, or custom mobile app.
Salomon katherine mobile_presentation2
This document discusses the growth of mobile browser usage and its impact on web design. It notes that mobile browsing has altered web design practices such as image resizing, screen size considerations, and prioritizing content. It also compares mobile browsers to mobile apps and discusses accessibility across different devices. The document recommends developing a website, customizing a mobile version, and hiring a professional to design a mobile app.
How to create a mobile version of your website
This document provides guidance on creating a mobile version of a website. It discusses considerations for mobile design including speed, dimensions, behavior, and designing. It emphasizes the importance of speed for mobile and provides tips for fluid layouts, CSS media queries, touch interfaces, short pages, and mobile development tools.
EPA Victoria - Case study in responsive design
Presented by EPA Victoria: Daniel McLeod, Program Leader Digital, Marketing & Communications Unit, with Tim Kotsiakos, Executive Creative Director at Reactive Media. Presentations to the Victoria Online Seminar Series, Thursday 22 November 2012.
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model
This presentation is in three parts, please see the links and description below:
Links:
Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13
Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23
Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33
Description:
Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.
Web App vs Web Site
This document discusses the differences between web apps and websites. It argues that while users are accustomed to native apps on mobile, web technologies can be used to create an app-like experience. Specifically, web apps should mimic the app lifecycle of downloading, installing, having a home screen icon, and taking the full screen. The document also covers key aspects of designing web apps, such as using single-page interfaces, viewport management for different screen sizes and orientations, and handling touch and click events consistently across platforms.
Designing for mobile devices
The document discusses key considerations for designing websites and apps for mobile devices. It outlines two main approaches: mobile websites and mobile apps. It then covers challenges like varying screen sizes, performance issues, and limited resources. UI principles are presented to optimize the mobile experience. Tactics like simplifying designs, minimizing images, and optimizing navigation are recommended. The document concludes with additional best practices and resources for mobile development.
Web Apps and Responsive Design for Libraries
This document discusses responsive web design for libraries. It argues that responsive web design, which creates a single website that adapts to different screen sizes through flexible grids and media queries, is the best approach for libraries to take for their mobile presence. Native apps, separate mobile sites, and other approaches each have drawbacks, as they require more maintenance and do not allow for a unified experience across all devices. The document advocates for a responsive design that can provide a quality experience on any device using existing web skills.
Mobile Presentation
This document discusses mobile and tablet web design. It notes that mobile web usage has more than doubled since 2009 and is estimated to continue rising. This growth will impact design by requiring sites to be optimized for more mobile users. The document also lists PhoneGap, Appcelerator, and Weebly as active technologies for mobile/tablet development and provides examples of good and bad mobile design, concluding with references.
What's hot (20)
How to write mobile optimized content for your app
How to write mobile optimized content for your app
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Viewers also liked
Google is NOT a Verb
Google is a proprietary search engine launched in 1998 that has become synonymous with online searching. However, using "Google" as a verb can undermine the inquiry process. While Google provides a wealth of easily accessible information, students must learn to ask meaningful questions, thoroughly investigate answers from multiple sources, and reflect critically on what they find. Teachers can help students develop digital literacy and guided practice in digital inquiry to move beyond superficial searching and gain a deeper understanding from their online research.
Plagiarism Prevention: Student Module
A short self-directed tutorial module regarding plagiarism and turnitin.com for high school students.
Business Case Admon Info
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help alleviate symptoms of mental illness and boost overall mental well-being.
Getting Started with Lucid Chart
1) LucidChart is a free online tool that allows users to create and collaborate on diagrams, flowcharts, and other visuals from a web browser.
2) The document provides tutorials and examples on how to sign up for LucidChart, create and share diagrams, work collaboratively, cite images, and publish diagrams.
3) LucidChart can be used to create various types of diagrams for educational purposes and aligns with standards for communication, collaboration, and digital citizenship.
End of year 2013 Library Report
The BBS High School Media Center 2012-2013 Report summarizes the resources and usage of the media center over the past year. It provides details on the audio/visual and print/digital materials available, including over 700 VHS and DVD titles, 10,205 print volumes, and various digital reference resources. It also discusses the high usage of the media center, with all periods booked daily. Issues addressed are the need for improved information literacy skills and problems with the online catalog system. The report concludes by thanking readers and providing the media center's website for more information.
BBS High School Media Center End of Year Report
The HSMC underwent a transition to support the school's strategic plan of implementing wireless access and a BYOD policy for students. To keep up with changing student learning needs, the HSMC expanded its digital resources and services available for 24/7 access, including 11 new databases and 30 ebook reference titles. The HSMC also established a maker space with a green screen and began holding seminars, author visits, and book clubs in its new gathering space. Going forward, encouraging teachers to utilize the new HSMC resources remains a challenge.
Google Is Not a Verb - IB Presentation
Presentation discusses the impact of digital learning environments on IB students as Inquirers and the ATL of Research.
Viewers also liked (7)
Similar to Stivanson cody assignment4
01 01 - introduction to mobile application development
This document discusses key differences between developing applications for mobile versus desktop. It notes that mobile applications have more limited resources like screen size, memory, and bandwidth. As a result, mobile app design must prioritize essential content and navigation over extensive graphics. Interactions also differ as mobile apps are optimized for touchscreens. Developers must consider these constraints and user expectations of mobility when designing mobile applications.
01 Mobile Jungle
This document discusses various myths and realities about developing for the mobile web. It begins by addressing the myth that the mobile web is the same as the desktop web. While they use the same protocols, mobile devices have smaller screens, lower bandwidth, and less processing power. The document also debunks myths such as not needing to optimize a desktop site for mobile, having one site work across all devices, and that mobile web is easy. It discusses the evolution of mobile markup languages and challenges with various devices and operating systems.
Next gen mobile aug 2013 scotland
This document discusses the rise of mobile access to websites and the importance of optimizing websites for mobile. Some key points:
- By 2015, mobile access will surpass desktop as the primary method for accessing the web.
- Mobile users have different needs and goals than desktop users, wanting quick access to key information like maps, contacts, social media, etc.
- Websites designed for desktops are often not optimized for smaller mobile screens. Responsive design and designated mobile sites are approaches to make sites mobile-friendly.
- Google Analytics can measure what percentage of a site's traffic and returning visitors come from mobile to determine if a mobile-optimized site is needed. Failing to do so can negatively impact user
Ready, Set, Go Mobile!
This document provides a checklist for getting started with mobile marketing. It discusses the importance of mobile, best practices for mobile design such as simplicity and thumb friendliness, optimization tactics like speed and redirects, and tips for testing and analyzing mobile performance. The document encourages businesses to understand differing mobile and desktop user needs and goals to provide the best experience.
Designing and delivering elearning in a multi-device world
Kineo Pacific’s eLearning Solutions Manager Souraya Khoury led a breakout session on Day 1 of AITD 2013 about the new challenges that L&D departments face: What can be achieved with HTML5 and how responsive eLearning design can assist in achieving greater levels of accessibility across multiple devices.
Find out more at www.kineo.com
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Key Takeaways:
- Why optimize for mobility
- Defining your approach
- Mistakes made when designing for mobile
- Best practices for developing a mobile website
Mobile seminar-worksheet
This document provides information from a seminar on mobile marketing. It discusses:
- Why mobile marketing is important as mobile device usage increases and more searches are done on mobile. Consumers are more likely to take immediate action on mobile-friendly sites.
- The differences between mobile apps and mobile websites. Apps provide additional features but both an app and mobile-optimized website are generally needed.
- Types of mobile websites, including responsive designs that adapt content for all devices and standalone mobile sites optimized specifically for mobile.
- Best practices for mobile sites like keeping content quick to load, simplifying navigation, and designing for usability on mobile devices.
- The seminar concluded with a demonstration
Why go mobile
This document discusses different methods for mobilizing a website to increase reach. It begins by noting the growing percentage of people who browse the web primarily via mobile devices. It then outlines three main options for making a site mobile-friendly: native apps, mobile-friendly plugins/templates, and responsive web design. For each option, it provides details on features, benefits, drawbacks, and examples. It concludes by advising readers to choose the best option based on their budget and needs, and emphasizes that high-quality content should remain the priority regardless of method.
Guerra anthony mobile_tablet_design_presentation
This slideshow addresses statistical growth of the global use of mobile devices as well as recommendations for which business that are looking to update their website should consider.
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
After exploring the explosion of mobile, phablet and tablet devices, the enterprise has been bombarded with demands to support iOS iphones, iPads, and a variety of Android devices.
Microsoft's strategy of mobile first cloud first has been to support these devices. In this session we explore Enterprise Mobile Management and Mobile Device Management as well as Enterprise Application Management strategies.
As well we explore the latest enhancements in SharePoint 2013 as it relates to mobile and then look at Responsive Web Design for SharePoint.
Mobile Websites by dBroseGroup
This document discusses the importance of having a mobile optimized website for businesses. It notes that over 4 billion mobile devices are in use worldwide and people are increasingly using their phones to access the internet and make purchases. Having a mobile optimized website allows businesses to tap into this growing mobile market. It provides tips for an effective mobile site, including using a simple layout, fast download speed, integrating maps, and connecting to offline advertising. The benefits of a mobile site include higher search rankings, a better customer experience, increased sales, and a stronger brand image. It recommends hiring a professional to help businesses create and manage a successful mobile presence.
Simple mobile Websites
The document discusses the City of Round Rock's mobile website. It notes that over 4% of the City's web traffic comes from mobile users and that mobile usage is growing rapidly. The mobile site focuses on key information for residents like news, calendars, staff directories, service directories and FAQs. It also covers best practices for mobile web development like using viewport meta tags, conditional CSS, home screen icons of different sizes, and detecting mobile browsers.
Responding to the challenge of the mobile web (2012)
The document provides an overview of responding to the mobile web challenge. It discusses:
1) A quick history of mobile web usage from 1999 to today, noting how the introduction of the iPhone in 2007 changed expectations and usage.
2) How the mobile web has evolved since then, with variable connection speeds, various screen sizes, and people expecting mobile-friendly websites from major sites.
3) An analysis of the RSPB website's mobile traffic, which exceeds 1% and includes key pages. This suggests the need to prioritize a responsive mobile site.
4) Recommendations to embrace standardization, redesign the site to be responsive, test on various devices, and view mobile as integral
Digital Marketing in a Mobile First World
Digital Marketing in a Mobile First World. This isn't just Google's world, this is the environment that every SEO, site owner or webmaster needs to be focused on. Everything is moving to Mobile First
Mobile Marketing
The document discusses the importance of mobile optimization for websites. It notes that the mobile web is becoming the primary means of global communication and that mobile-optimized sites are specially designed for mobile browsing. Poor mobile performance can deter business, while optimizing for mobile increases business. It emphasizes that mobile traffic is growing exponentially and will soon surpass desktop. The document advocates for complete customization, flawless functionality, and flexibility in mobile site design to provide the best customer experience and keep up with changing markets.
Shamit Khemka describes Top 5 web designing trends
A lot has changed in Web designing arena, be it CSS3 style sheets or media query implementation, companies are now encompassing their web portals to look more appealing to the online visitors. SynapseIndia owner Shamit Khemka describes Changes and trends of web designing
Mobile Web Best Practices
The document provides guidelines and best practices for developing mobile web content, including:
- Start with a lowest common denominator approach using simple XHTML and stylesheets to ensure broad compatibility. Then build apps optimized for specific devices.
- Keep pages small by minimizing images, stylesheets, and file sizes. Guide user input and provide defaults to reduce keystrokes.
- Consider content adaptation strategies like redirection to mobile-optimized sites, or serving the same content with reformatting. Unification allowing shared bookmarks is the ideal approach.
- Resources and tools are recommended to test mobile web pages and emulate different devices.
Posternak gabriel presentation_mobile_tablet_deisgn
The document discusses mobile and tablet usage trends and web design for mobile devices. It provides statistics showing massive growth in mobile phone usage compared to internet access. Current technologies that can make websites accessible across devices include HTML5, HTML, jQuery, JavaScript, CSS/CSS3. Good mobile design priorities include prioritizing content, vertical navigation, and faster load times. Examples are provided of both good mobile websites like Yelp and areas for improvement on other sites. The presentation recommends redesigning websites for mobile, prioritizing content, optimizing frameworks, and setting up mobile landing pages.
Posternak gabriel presentation_mobile_tablet_deisgn
The document discusses mobile and tablet usage trends and web design for mobile devices. It provides statistics showing massive growth in mobile phone usage compared to internet access. Current technologies that can make websites accessible across devices include HTML5, HTML, jQuery, JavaScript, CSS/CSS3. Good mobile design priorities include prioritizing content, vertical navigation, and faster load times. Examples are provided of both good mobile websites like Yelp and areas for improvement on other sites. The presentation recommends redesigning websites for mobile, prioritizing content, optimizing frameworks, and setting up mobile-friendly landing pages.
Mobile web development
This document discusses different approaches to mobile web development, including native apps, mobile web apps, and hybrid apps. It describes native apps as using device APIs and being optimized for performance but costly to maintain across platforms. Mobile web apps use HTML, CSS, and JavaScript and are low-cost with broad compatibility but lack access to device features. Hybrid apps combine web technologies with native wrappers to access device APIs and offer "write once, run everywhere" capabilities. The document also covers mobile development strategies, frameworks, and tools like Cordova that can help build hybrid mobile apps.
Similar to Stivanson cody assignment4 (20)
01 01 - introduction to mobile application development
01 01 - introduction to mobile application development
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Technologies: Expert in the Room Webinar: Optimizing your Website for Mobile
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Responding to the challenge of the mobile web (2012)
Responding to the challenge of the mobile web (2012)
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
Posternak gabriel presentation_mobile_tablet_deisgn
Recently uploaded
1 Circular 003_2023 ISO 27001_2022 Transition Arrangments v3.pdf
1 Circular 003_2023 ISO 27001_2022 Transition Arrangments v3.pdf
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
SATTA MATKA DPBOSS KALYAN MATKA RESULTS KALYAN MATKA MATKA RESULT KALYAN MATKA TIPS SATTA MATKA MATKA COM MATKA PANA JODI TODAY BATTA SATKA MATKA PATTI JODI NUMBER MATKA RESULTS MATKA CHART MATKA JODI SATTA COM INDIA SATTA MATKA MATKA TIPS MATKA WAPKA ALL MATKA RESULT LIVE ONLINE MATKA RESULT KALYAN MATKA RESULT DPBOSS MATKA 143 MAIN MATKA KALYAN MATKA RESULTS KALYAN CHART KALYAN CHART
Dpboss Matka Guessing Satta Matta Matka Kalyan panel Chart Indian Matka Dpbos...
Dpboss Matka Guessing Satta Matta Matka Kalyan panel Chart Indian Matka Dpbos...➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
Sattamatka.satta.matka.satta matka.kalyan weekly chart.kalyan chart.kalyan jodi chart.kalyan penal chart.kalyan today.kalyan open.fix satta.fix fix fix Satta matka nambarBest Competitive Marble Pricing in Dubai - ☎ 9928909666
Stone Art Hub offers the best competitive Marble Pricing in Dubai, ensuring affordability without compromising quality. With a wide range of exquisite marble options to choose from, you can enhance your spaces with elegance and sophistication. For inquiries or orders, contact us at ☎ 9928909666. Experience luxury at unbeatable prices.
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
In this article, we will dive into the extraordinary life of Ellen Burstyn, where the curtains rise on a story that's far more attractive than any script.
PM Surya Ghar Muft Bijli Yojana: Online Application, Eligibility, Subsidies &...
PM Surya Ghar Muft Bijli Yojana: Online Application, Eligibility, Subsidies &...Ksquare Energy Pvt. Ltd.
During the budget session of 2024-25, the finance minister, Nirmala Sitharaman, introduced the “solar Rooftop scheme,” also known as “PM Surya Ghar Muft Bijli Yojana.” It is a subsidy offered to those who wish to put up solar panels in their homes using domestic power systems. Additionally, adopting photovoltaic technology at home allows you to lower your monthly electricity expenses. Today in this blog we will talk all about what is the PM Surya Ghar Muft Bijli Yojana. How does it work? Who is eligible for this yojana and all the other things related to this scheme?Call 8867766396 Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian M...
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
SATTA MATKA DPBOSS KALYAN MATKA RESULTS KALYAN CHART KALYAN MATKA MATKA RESULT KALYAN MATKA TIPS SATTA MATKA MATKA COM MATKA PANA JODI TODAY BATTA SATKA MATKA PATTI JODI NUMBER MATKA RESULTS MATKA CHART MATKA JODI SATTA COM INDIA SATTA MATKA MATKA TIPS MATKA WAPKA ALL MATKA RESULT LIVE ONLINE MATKA RESULT KALYAN MATKA RESULT DPBOSS MATKA 143 MAIN MATKA KALYAN MATKA RESULTS KALYAN CHART INDIA MATKA KALYAN SATTA MATKA 420 INDIAN MATKA SATTA KING MATKA FIX JODI FIX FIX FIX SATTA NAMBAR MATKA INDIA SATTA BATTA
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
SATTA MATKA DPBOSS KALYAN MATKA RESULTS KALYAN CHART KALYAN MATKA MATKA RESULT KALYAN MATKA TIPS SATTA MATKA MATKA COM MATKA PANA JODI TODAY BATTA SATKA MATKA PATTI JODI NUMBER MATKA RESULTS MATKA CHART MATKA JODI SATTA COM INDIA SATTA MATKA MATKA TIPS MATKA WAPKA ALL MATKA RESULT LIVE ONLINE MATKA RESULT KALYAN MATKA RESULT DPBOSS MATKA 143 MAIN MATKA KALYAN MATKA RESULTS KALYAN CHART
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
SATTA MATKA DPBOSS KALYAN MATKA RESULTS KALYAN CHART KALYAN MATKA MATKA RESULT KALYAN MATKA TIPS SATTA MATKA MATKA COM MATKA PANA JODI TODAY BATTA SATKA MATKA PATTI JODI NUMBER MATKA RESULTS MATKA CHART MATKA JODI SATTA COM INDIA SATTA MATKA MATKA TIPS MATKA WAPKA ALL MATKA RESULT LIVE ONLINE MATKA RESULT KALYAN MATKA RESULT DPBOSS MATKA 143 MAIN MATKA KALYAN MATKA RESULTS KALYAN CHART
Pro Tips for Effortless Contract Management
Tired of chasing down expiring contracts and drowning in paperwork? Mastering contract management can significantly enhance your business efficiency and productivity. This guide unveils expert secrets to streamline your contract management process. Learn how to save time, minimize risk, and achieve effortless contract management.
欧洲杯赌球-欧洲杯赌球买球官方官网-欧洲杯赌球比赛投注官网|【网址🎉ac55.net🎉】
【网址🎉ac55.net🎉】欧洲杯赌球是世界上历史最悠久的博彩公司之一。其历史可以追溯到十九世纪末，确切时间是1886年。这家英国公司拥有超过15000名员工，是博彩行业规模最大的公司。欧洲杯赌球是英国最受欢迎的实体博彩公司之一，其排名仅次于欧洲杯赌球，旗下2800家投注站遍布全英国。
2024.06 CPMN Cambridge - Beyond Now-Next-Later.pdf
Slides presented by Phil Hornby, Founder and Director of "for product people", at Cambridge Product Management Network, on Monday 17th June 2024.
Kirill Klip GEM Royalty TNR Gold Lithium Presentation
Lithium Will Power Us For The Next 50 Years And Then Robots: Kirill Klip GEM Royalty TNR Gold Lithium Presentation
Unlocking WhatsApp Marketing with HubSpot: Integrating Messaging into Your Ma...
50 million companies worldwide leverage WhatsApp as a key marketing channel. You may have considered adding it to your marketing mix, or probably already driving impressive conversions with WhatsApp.
But wait. What happens when you fully integrate your WhatsApp campaigns with HubSpot?
That's exactly what we explored in this session.
We take a look at everything that you need to know in order to deploy effective WhatsApp marketing strategies, and integrate it with your buyer journey in HubSpot. From technical requirements to innovative campaign strategies, to advanced campaign reporting - we discuss all that and more, to leverage WhatsApp for maximum impact. Check out more details about the event here https://events.hubspot.com/events/details/hubspot-new-delhi-presents-unlocking-whatsapp-marketing-with-hubspot-integrating-messaging-into-your-marketing-strategy/
Kirill Klip GEM Royalty TNR Gold Copper Presentation
Tesla Energy rEVolution And The Golden Age For Copper: Kirill Klip GEM Royalty TNR Gold Copper Presentation
Efficient PHP Development Solutions for Dynamic Web Applications
Unlock the full potential of your web projects with our expert PHP development solutions. From robust backend systems to dynamic front-end interfaces, we deliver scalable, secure, and high-performance applications tailored to your needs. Trust our skilled team to transform your ideas into reality with custom PHP programming, ensuring seamless functionality and a superior user experience.
Enhancing Adoption of AI in Agri-food: Introduction
Introduction to the Panel on: Pathways and Challenges: AI-Driven Technology in Agri-Food, AI4Food, University of Guelph
“Enhancing Adoption of AI in Agri-food: a Path Forward”, 18 June 2024
Recently uploaded (20)
1 Circular 003_2023 ISO 27001_2022 Transition Arrangments v3.pdf
1 Circular 003_2023 ISO 27001_2022 Transition Arrangments v3.pdf
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Dpboss Matka Guessing Satta Matta Matka Kalyan panel Chart Indian Matka Dpbos...
Dpboss Matka Guessing Satta Matta Matka Kalyan panel Chart Indian Matka Dpbos...
Best Competitive Marble Pricing in Dubai - ☎ 9928909666
Best Competitive Marble Pricing in Dubai - ☎ 9928909666
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
PM Surya Ghar Muft Bijli Yojana: Online Application, Eligibility, Subsidies &...
PM Surya Ghar Muft Bijli Yojana: Online Application, Eligibility, Subsidies &...
Call 8867766396 Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian M...
Call 8867766396 Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian M...
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
Satta Matka Dpboss Kalyan Matka Results Kalyan Chart
2024.06 CPMN Cambridge - Beyond Now-Next-Later.pdf
2024.06 CPMN Cambridge - Beyond Now-Next-Later.pdf
Kirill Klip GEM Royalty TNR Gold Lithium Presentation
Kirill Klip GEM Royalty TNR Gold Lithium Presentation
Unlocking WhatsApp Marketing with HubSpot: Integrating Messaging into Your Ma...
Unlocking WhatsApp Marketing with HubSpot: Integrating Messaging into Your Ma...
Kirill Klip GEM Royalty TNR Gold Copper Presentation
Kirill Klip GEM Royalty TNR Gold Copper Presentation
Efficient PHP Development Solutions for Dynamic Web Applications
Efficient PHP Development Solutions for Dynamic Web Applications
Enhancing Adoption of AI in Agri-food: Introduction
Enhancing Adoption of AI in Agri-food: Introduction
Stivanson cody assignment4
- 1. Collins Catering & Events By Cody Stivanson FWD-2012
- 2. • Mobile sales have almost doubled in the last 15 years • 37% of cell phone traffic is used over a WiFi Connection • Many different platforms in mobile and tablets to choose from • Andriod OS is most popular Operating System
- 3. • Mouse does NOT equal finger they are different when designing for mobile • Fluidity and width need to be flexible and different scaling sizes • Make sure you keep your content within the fold, you want them to see the important information first • Stay away from flash and some other complex mobile features most phones have them turned off or not included in the phone (iPhone doesn’t have flash)
- 4. • Use Mobile Fonts • Use HTML5 & CSS3 • Layout is very important • Make navigation easy to use and find • Content must fit to screen • Fluid layout to fit different devices • Valid code writing
- 5. Xerox mas many problems with their site on a mobile platform • Uses flash navigation • Large background image is not easy to see on mobile phones • No custom CSS file for mobile or tablet • Footer is cluttered and hard to read
- 6. This website has a big problem on a mobile phone or any apple product. • This site is completely based off of flash •Pine-sol has added a good look on a desktop or laptop but not great for mobile • Just shows links on the mobile site no images or design at all
- 7. • Great mobile style sheet giving you great information before the fold • Has the same feel as the desktop version of the site and up to date information • Great and clean footer and logo on mobile and tablet sites • Navigation is easy to use and easy to find
- 8. • Great mobile style sheet giving you great information before the fold • Has the same feel as the desktop version of the site • Great and clean footer and logo on mobile and tablet sites • Navigation is easy to use and easy to find •Uses HTML5 for animation instead of flash
- 9. I have many recommendations to make your site more viewable for the mobile user. 1. I would suggest making a mobile style sheet so the site of more user friendly on all devices. 2. I would also like to see more updates to the sites content to make the user come back. 3. Also the main navigation on your website is viewable on the android and IPhone platforms.
- 10. Content http://bits.blogs.nytimes.com/2011/10/12/mobile-accounts-for-7-percent-of-web-traffic-report-says/ http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving-new-web-design-trends/ http://www.1stwebdesigner.com/tutorials/mobile-version-website/ http://instantmobilizer.com/test-your-site.php http://www.webpagesthatsuck.com/worst-websites-of-2011.html Images http://publishing.umich.edu/2011/03/23/drupalcon-2011-trends-lessons-and-the-future-of-drupal/ http://www.spd.org/2010/01/5-questions-for-the-wonderfact.php http://mashable.com/2011/09/18/future-technology/ http://www.collinscateringfla.com/ http://www.pinesol.com/#/explorer/ http://www.realbusiness.com/# http://mashable.com/ http://www.apple.com