The document discusses how organizations need to prepare their SharePoint intranets for the increasing use of mobile devices. It examines options for making SharePoint accessible across different devices, including device-specific interfaces, responsive web design, and the new device channels feature in SharePoint 2013. The author advocates for using responsive design to create a single interface that adapts to different screens through CSS. He also suggests using device channels in SharePoint 2013 to handle special device cases.
The Design Dilemma of Mobile and SharePointEric Overfield
Are tablets and smartphone going to access your SharePoint 2010 site? Hint: They will. How will the presentation of your SharePoint site be affected by the growing trend of mobile workstyles? Traditional branding for SharePoint 2010 has its shortcomings with modern mobile devices. In this session we will review the available options to enhance the look and feel of your SharePoint site, and create a unified experience across modern internet devices. We will discuss current design trends and how to utilize them in your SharePoint project. We will finish by considering how this will be impacted by SharePoint 2013.
What Makes SharePoint UX Good?What is UX?
What defines good UX?
Evaluation Criteria for SharePoint UX
Key Tips from the Field
The Future of SharePoint & Office 365 UXUX is the short for User Experience
UX is the experience that the user has while interacting with your X
It’s more about how the user feels when they use your X
Many different parts compose the UX, no “one things” makes it
UX is NOT the interface or design of your X
UI is short for User Interface
It’s what you see in the browser
Help messages, buttons, modals, characters, style, menus, navigation, pages
UI is an incredibly important part of UX
The great variety of features, possibilities and information within SharePoint portals make it hard to provide customers with the right user experience. Slight changes and, for example, the use of Silverlight can give the user’s experience a big boost. In the presentation I (Sandra de Ridder, UX and functional consultant at Sparked) gave on the 7th of May at DIWUG I reviewed the User eXperience of a couple of SharePoint sites and provided tips and tricks on how you can improve this user experience.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
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.
The Design Dilemma of Mobile and SharePointEric Overfield
Are tablets and smartphone going to access your SharePoint 2010 site? Hint: They will. How will the presentation of your SharePoint site be affected by the growing trend of mobile workstyles? Traditional branding for SharePoint 2010 has its shortcomings with modern mobile devices. In this session we will review the available options to enhance the look and feel of your SharePoint site, and create a unified experience across modern internet devices. We will discuss current design trends and how to utilize them in your SharePoint project. We will finish by considering how this will be impacted by SharePoint 2013.
What Makes SharePoint UX Good?What is UX?
What defines good UX?
Evaluation Criteria for SharePoint UX
Key Tips from the Field
The Future of SharePoint & Office 365 UXUX is the short for User Experience
UX is the experience that the user has while interacting with your X
It’s more about how the user feels when they use your X
Many different parts compose the UX, no “one things” makes it
UX is NOT the interface or design of your X
UI is short for User Interface
It’s what you see in the browser
Help messages, buttons, modals, characters, style, menus, navigation, pages
UI is an incredibly important part of UX
The great variety of features, possibilities and information within SharePoint portals make it hard to provide customers with the right user experience. Slight changes and, for example, the use of Silverlight can give the user’s experience a big boost. In the presentation I (Sandra de Ridder, UX and functional consultant at Sparked) gave on the 7th of May at DIWUG I reviewed the User eXperience of a couple of SharePoint sites and provided tips and tricks on how you can improve this user experience.
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
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.
Responsive web design, navigation, and what's happening on the internet all play into the battle behind what to do. In this session we look at what really makes sense to reflect company culture. We look at many examples of Intranets shared on the web including public notes from Norman Nielsen Intranets report.
Know your business. Know your business requirements. Know your users. And then introduce a new social fabric that up-levels your workforce inside and outside the firewall, cross device, cross platform. This session will focus on the strategy behind moving your entire organization from an informed user base into a daily-engaged, active community. Lines of communication can go top down, bottom up, and it all happens wherever, whenever
This presentation shares a resume 'Infographic' created with vizualize.me and Linkedin. I use my Linkedin account for the case study so you'll learn more about Mark Johnson FAIA at MARKITECT.me as well.
SharePoint Site Usability and Design Tips for Non Designers by @SharePointWendyWendy Neal
This webinar was presented as part of the MetaVis SharePoint MVP Webinar Series on June 5, 2013. It was a slightly modified version of the session I did with the same name at SharePoint Saturday Twin Cities in November 2012. To get the full context and see the slide notes, please download the slides.
Accompanying video demos are on YouTube: http://www.youtube.com/playlist?list=PLxSc1uqWwEXljBcsCYtUiPxvYBm_ePgfT
Session Abstract:
So you've been given a SharePoint site to administer for your team or project, but now what? How do you configure it? What types of content should you store there? How do you change the boring standard interface to something with a little more zing without involving a designer? How should your navigation be structured and what exactly do you put on the home page to draw traffic to your site?
This webinar will walk through the basic steps that anyone constructing a website, regardless of platform, should take into consideration and how these concepts fit into the SharePoint world. Basic usability concepts will be introduced, along with some quick and easy branding tips that will make a big difference in the look and feel of your site, and you don't need to have any design or coding skills to implement them. Whether you've been given a blank slate or inherited a site from someone else, you'll come away with several ideas you can apply right away to improve the layout and design of your site, thus helping to increase user adoption. Many of the concepts in this session apply to any version of SharePoint, however all demos will be done in SharePoint 2010.
Improving your workflows can help your team maximize efficiency, reduce wasted time and resources, and increase productivity. To help you get there, Juiced Technologies offers a suite of QuickBase add-ons that streamline almost any workflow. In this session, the Juiced Technologies team will demonstrate how its customers have leveraged Exact Forms Plus, DocuSign for QuickBase, Courier for QuickBase and Triggers for QuickBase to drive real improvements. You're bound to emerge with your own ideas for how you can implement QuickBase add-ons to achieve success.
Driving SharePoint End-User Adoption: Usability and PerformanceWendy Neal
Slides from the webinar of the same name presented on March 26, 2015.
For more details see: http://wendy-neal.com/2015/03/upcoming-webinar-driving-sharepoint-end-user-adoption/
This presentation documents a social media Twitter campaign to promote a LIVE Twitter Chat. The study provides tips for conducting your own Twitter Pre-Chat, Chat Day and Post-Chat Campaign.
How you design your forms can be the difference between a happy end user and one who is confused or worse. In this overview session, you'll learn the basics of form building, from creating and modifying easy-to-use forms to implementing form rules and multiple forms and several tips and tricks along the way. You'll gain the confidence you need to build amazing forms that propel your app to the next level.
Designing and Theming Drupal for Mobile DevicesDavid Lanier
Have you noticed how a site can look great on your computer, but when viewing it on a mobile device it's unreadable, ugly, and takes forever to load?
Maybe you're designing a site, or you already have one or more sites. Now is the time to make it friendlier for mobile devices such as iPhone, Android, and others.
This session covers design considerations if you are still in the design phase, as well as demonstrate techniques for adding a mobile interface for your existing sites.
Responsive web design, navigation, and what's happening on the internet all play into the battle behind what to do. In this session we look at what really makes sense to reflect company culture. We look at many examples of Intranets shared on the web including public notes from Norman Nielsen Intranets report.
Know your business. Know your business requirements. Know your users. And then introduce a new social fabric that up-levels your workforce inside and outside the firewall, cross device, cross platform. This session will focus on the strategy behind moving your entire organization from an informed user base into a daily-engaged, active community. Lines of communication can go top down, bottom up, and it all happens wherever, whenever
This presentation shares a resume 'Infographic' created with vizualize.me and Linkedin. I use my Linkedin account for the case study so you'll learn more about Mark Johnson FAIA at MARKITECT.me as well.
SharePoint Site Usability and Design Tips for Non Designers by @SharePointWendyWendy Neal
This webinar was presented as part of the MetaVis SharePoint MVP Webinar Series on June 5, 2013. It was a slightly modified version of the session I did with the same name at SharePoint Saturday Twin Cities in November 2012. To get the full context and see the slide notes, please download the slides.
Accompanying video demos are on YouTube: http://www.youtube.com/playlist?list=PLxSc1uqWwEXljBcsCYtUiPxvYBm_ePgfT
Session Abstract:
So you've been given a SharePoint site to administer for your team or project, but now what? How do you configure it? What types of content should you store there? How do you change the boring standard interface to something with a little more zing without involving a designer? How should your navigation be structured and what exactly do you put on the home page to draw traffic to your site?
This webinar will walk through the basic steps that anyone constructing a website, regardless of platform, should take into consideration and how these concepts fit into the SharePoint world. Basic usability concepts will be introduced, along with some quick and easy branding tips that will make a big difference in the look and feel of your site, and you don't need to have any design or coding skills to implement them. Whether you've been given a blank slate or inherited a site from someone else, you'll come away with several ideas you can apply right away to improve the layout and design of your site, thus helping to increase user adoption. Many of the concepts in this session apply to any version of SharePoint, however all demos will be done in SharePoint 2010.
Improving your workflows can help your team maximize efficiency, reduce wasted time and resources, and increase productivity. To help you get there, Juiced Technologies offers a suite of QuickBase add-ons that streamline almost any workflow. In this session, the Juiced Technologies team will demonstrate how its customers have leveraged Exact Forms Plus, DocuSign for QuickBase, Courier for QuickBase and Triggers for QuickBase to drive real improvements. You're bound to emerge with your own ideas for how you can implement QuickBase add-ons to achieve success.
Driving SharePoint End-User Adoption: Usability and PerformanceWendy Neal
Slides from the webinar of the same name presented on March 26, 2015.
For more details see: http://wendy-neal.com/2015/03/upcoming-webinar-driving-sharepoint-end-user-adoption/
This presentation documents a social media Twitter campaign to promote a LIVE Twitter Chat. The study provides tips for conducting your own Twitter Pre-Chat, Chat Day and Post-Chat Campaign.
How you design your forms can be the difference between a happy end user and one who is confused or worse. In this overview session, you'll learn the basics of form building, from creating and modifying easy-to-use forms to implementing form rules and multiple forms and several tips and tricks along the way. You'll gain the confidence you need to build amazing forms that propel your app to the next level.
Designing and Theming Drupal for Mobile DevicesDavid Lanier
Have you noticed how a site can look great on your computer, but when viewing it on a mobile device it's unreadable, ugly, and takes forever to load?
Maybe you're designing a site, or you already have one or more sites. Now is the time to make it friendlier for mobile devices such as iPhone, Android, and others.
This session covers design considerations if you are still in the design phase, as well as demonstrate techniques for adding a mobile interface for your existing sites.
Beyond Branding SharePoint - SharePoint and Today's WebEric Overfield
How does your SharePoint site handle the growing number of devices that are or will be soon accessing your site? Traditional branding for SharePoint has its shortcomings with modern devices. In this session we will review available options to enhance SharePoint and create a unified experience across modern internet devices with an in-depth review of current trends and how to utilize them in your current or upcoming SharePoint project. We will finish by considering how this might be impacted by SharePoint 2013.
Session Take-aways:
As an introduction session to modern Internet devices and how they affect the presentation of a SharePoint 2010 site, each attendee should leave the session with a solid understanding of how different devices and viewports treat SharePoint including the good and the bad. Further they will have been exposed to multiple techniques and methods in which SharePoint can be modified to enhance SharePoint for modern Internet devices including tablets and smartphones with a look at the benefits and shortcomings of each method. After a review of SharePoint 2013's addition of devices channels, attendees will also learn how to leverage this new understanding of Internet devices with device channels for a truly usable, maintainable SharePoint branding initiative moving forward.
Highlights:
Learn the shortcomings of SharePoint's interface with modern Internet devices.
See modern techniques Branding experts use to solve the mobile problems.
Find out how to leverage this knowledge in SharePoint 2010 and SharePoint 2013.
Enhancing SharePoint with Responsive Web DesignEric Overfield
One of the hottest topics in Web Design over the last few years has been Responsive Web Design (RWD). The theory of one site structure for current web devices, including tablets and smartphones, has also attracted SharePoint developers, but the complexity of RWD has been a stumbling block. In this session we will start with an overview of what is Responsive Web Design followed by an in-depth look into the pros and cons of applying a responsive design on SharePoint. We will then dive into the code and learn how to create a SharePoint site that is both responsive and attractive. We will finish with a look at SharePoint 2013 and Device Channels, and review how Responsive Web Design can play a role in current and future SharePoint Branding projects.
Session Take-aways:
Building off what was learned in the previous session, Branding SharePoint for Evolving Internet Devices, this session is geared towards web developers, programmers and IT to learn "how" to code for modern Internet devices. Attendees will have been exposed to not only what Responsive Web Design is and how it functions, but also how to apply it directly to SharePoint. As with all techniques, there are pros and cons to Responsive Web Design, not only in general but also how it is applied to, and utilized by SharePoint. After a thorough review and multiple demos attendees will have seen the code and learned what to expect. Finally attendees will learn how SharePoint 2013 handles mobile computing and how Responsive Web Design can help solve SharePoint 2013's mobile computing shortcomings.
Highlights:
Find out what the hot web design topic Response Web Design is all about.
See how to utilize Response Web Design in your SharePoint project.
Learn how to leverage this knowledge in SharePoint 2013 as well.
User Interface Tips and Tricks for the Power User - Penelope CoventrySPC Adriatics
Often information workers are asked to make their SharePoint site look pretty. This session will look at what a power user should and should not do to enhance the User Interface of sites. It will include explanations of page types, master pages and Page Layouts as well as what is responsive web design. Then using no-code, Penny will amend the look and feel of page, including composed looks, adding buttons to the Ribbon and the List Item Menu. This is not a developer session and will cover both SharePoint in Office 365, and on-premises installations of SharePoint 2013.
Drive Better SharePoint 2013 Mobile Solutions with Responsive DesignPerficient, Inc.
With the explosion of smartphones and tablets in a post-PC landscape, the importance of mobility is evident. Mobile devices can differ tremendously, from screen size to functionality and usability, making it impossible to optimize a website for a single device. Given the mobile shift, companies are looking to develop and execute on strategies that provide a first-class experience for all devices.
How can SharePoint help? SharePoint is a powerful web content management platform – and it’s even better with the 2013 release. During the webinar, we demonstrated what can be accomplished using SharePoint 2013 and responsive web design. We also examined:
- What is responsive web design?
- SharePoint 2013’s WCM features
- Responsive web design & SharePoint
- Responsive SharePoint website examples
I walk through what I feel are the top 10 features in SharePoint 2013. I presented this to the Triad SharePoint User Group and was focused on features that I felt the audience would be most interested in and would be adopting immediately with the roll out of SharePoint 2013.
This fall, C/D/H presented to a group of IT professionals and leaders on best practices for optimizing and branding the user experience of SharePoint 2010 public websites and portals.
Attendees learned how SharePoint 2010 solutions can generate measurable business results from improvements in SharePoint information architecture, usability, visual design, and data visualization/integration. Real world projects were used to demonstrate how adhering to best practices drives adoption and provides valuable user feedback for continuous improvement.
Download the slide deck (PDF, 1 MB).
And for more information on this or other SharePoint topics, visit our blog at www.cdhtalkstech.com.
Modern Digital Design: The power of Responsive DesignValtech UK
You've probably already heard of the term Responsive Design. Currently it's one of the hot topics being discussed in the digital space and something many businesses are trying to get their heads around.
So what exactly is Responsive Design? And why does it matter?
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
1. Your SharePoint Branding
Experts
Branding SharePoint for
Evolving Internet Devices
Eric Overfield
SharePoint Branding and UI Lead
PixelMill
2. Introduction – Eric Overfield
• Founder and SharePoint Branding Lead, PixelMill
• Working with SharePoint since 2004
• Web Designer since 1998
• Located in Davis, CA
blog.pixelmill.com/ericoverfield
@EricOverfield
linkedin.com/in/ericoverfield
3. PixelMill
• Developing SharePoint solutions since 2004
• SharePoint Branding and UI Specialists
• Developer of Cost effective SharePoint Templates
• Your SharePoint Branding Experts
4. Agenda
• Difference between Devices
• Why We Care
• Possible Solutions with SharePoint
• What about SharePoint 2013?
5. What is the Difference Between Devices?
"There’s a plethora of devices out there with widely differing abilities
– it’s never been more confusing or challenging to create brilliant
interfaces that work across them all.” ~ Jeffery Zeldman
• Screen Size
• Functionality
• Usability
6. Why Do We Care?
• Mobile Devices are Invading
• If not now then in a few years.
• How old is your Intranet?
• Build towards the future, not the past
8. Available Options
• Device Specific Interfaces
• SharePoint 2010 has Mobile Detection
• SharePoint 2013?
• One design to rule them all, one design to bind them
• Responsive Web Design anyone?
9. The Mobile Interface
• SharePoint 2010 has a mobile interface
• Allows access to documents, lists, calendars, search, SMS alerts
• Controlled by USERAGENT
• App_Browserscompat.browser
• Custom Web Parts, _layouts likely won’t work
• Difficult to customize
10. Code Once Use Everywhere
•Two primary methods
• Progressive Enhancement
• Responsive Web Design
11. Progressive Enhancement
• #1 trend for 2012 - .net Magazine
• Coined by Steven Champeon in 2003
• Content first, then add styling
• Separate Content from Presentation
12. SharePoint and Progressive Enhancement
• SharePoint was not built with PE in mind
• JavaScript and SharePoint
• Too much presentation baked into html
• i.e. Tables, Inline styles
13. Responsive Web Design
• #2 trend for 2012 - .net Magazine
• Coined by Ethan Marcotte in May 2010
• Use fluid grids to adapt to viewing environment
• Uses CSS3 and JavaScript
• All devices load same page, use CSS3 to adapt
21. SharePoint and Responsive Design
• Uses CSS3 (media queries) and possibly HTML5.
• SharePoint already has a mobile view
• Configure with compat.browser
• Generally only one Master Page for all devices.
• Wide lists and Site Settings pages are not mobile friendly
• Primary issues are with RWD itself!
22. SharePoint and Responsive Design
• Additional overhead
• Does require CSS3
• Bandwidth Concerns
• Are mobile users and desktop users the same?
• Separate mobile vs Responsive? It’s political?
23. What to do?
• PE vs RWD vs Separate Mobile
• One site is difficult enough to maintain
• SharePoint limits our options
• Responsive Web Design is worth considering
• Define Project
• Limit overhead
• Find a CSS guru will be key
24. Device Channels Anyone?
• New to SharePoint 2013
• Interfaces tailored and maps to specific device(s)
• Custom Master Pages per Channel
• Custom DeviceChannelPanels
25. Devices Channels, the Good and Bad
• Tailored interfaces
• Only works with Publishing Sites
• Maintain multiple Master Pages and/or sites
• New devices? Maintain that list too?
26. The Best of Both Worlds?
• Responsive Design and Device Channels
• Built a Responsive site for all devices
• Use DeviceChannelPanels
• Create a Device Channel for special cases
• But we have to wait
27. Summary
• Build towards the future, not the past
• Mobile devices will penetrate the corporate firewall
• SharePoint 2010 – Response Design
• SharePoint 2013 – Responsive Design w/ Device Channels
28. Resources
• "Responsive Web Design" by Ethan Marcottes
http://bit.ly/bcKwQS
• Ethan Marcottes’ 20 Favorite Responsive Designs
http://bit.ly/ngkI8D
• v5, the Responsive HTML5 Master Page for SharePoint 2010 by Kyle Schaeffer
http://bit.ly/n8VQZw
• SharePoint 2010 Responsive Web design Template by Luis Kerr
http://bit.ly/NKPjwX
• Configure SharePoint Server 2010 for Mobile Device Access
http://bit.ly/cg6fYo
29. Your SharePoint Branding
Experts
Thank You
Eric Overfield
@EricOverfield
blog.pixelmill.com/ericoverfield
eoverfield@pixelmill.com
30. SharePoint Saturday Redmond
• September 22nd, 2012
• www.sharepointsaturday.org/redmond
• Branding SharePoint in the Real World – A Panel.
10:50am
• Ask the Experts Panel
3:30pm
Editor's Notes
Recording session Slides will be available from blog and twitter Overview talk of SharePoint and new devices Light on tech and howto Don’t worry tech folks, many resources at end.
Recording session and will make available on blog and twitter, so if you remember one of those then you can always review everything we discuss tonight
Mr Zeldman founded A List Apart , best practices and innovations in web design. sure, you can zoom in on many smart phones or tablets, but what if you can make tailored expereince for each device? Modern devices share basic ability with css, js though which his a plus
mobile is invading, for the good, all organizations. if not now then in the next few years. Iphone is estimated to provide 1/3% of gdp. What, you think your next web initiative is only going to last a few years? How long did you last intranet or public facing site last? Built towards to future, not the past, you MUST consider tablets and smart phones.
Let’s look at what we have OOTB as well as with just minor modifications. Stay away from total code re-write
Build particular interfaces for specific devices SP 2010 has mobile detection, but it's not good, and difficult to brand What about 2013? We will get to that Design and code an interface that can scale itself to different devices
Based only on specific user agents Mobile pages do not use master pages, you can modify redirection create mobile control template based on site definition create a mobile adapter for web part Leaving a lot out because I don’t like it, too basic
Html is very clean and simple Using javascript to determine functionality and add on features as allowed. Yahoo, amazon, etc
A true PE site should work without JS, SP will not do that. Tables and inline styles breaks the idea of separating content and presentation.
fluid proportion-based grids (which use percentages pixels) to adapt the layout to the viewing environment All clients effectively load the entire page but using css, hides or replaces elements to tailor the experience to the screen. DOES NOT USE USERAGENT, browser detection, rather works of screen width. Early adopter AIDS.gov
Mississippi Department of IT
Midwest and European brand that manufactures outdoor power equipment
European renewalable energy company
Uses css3 media queries and js, which is ok with SP. Turn mobile view off in compat.browser found in web applications directory. Look it up. Issues are on next slide.
Also a lot of overhead, but SP already has a lot of that as well. Not IE7 and IE8 friendly Require CSS3? There is a js ability with jQuery’s help. Does a mobile user need the same information as a desktop user? Adding information vs consuming information. Less real estate and is the navigation necessarily the same? http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/
Coding techniques to get around some overhead combine files, minimize scripts use wrapper divs that keep large images off mobile browsers
Device Channels work only with Publishing Sites Allow for one interface for all desktops and another for most tablets let's say. Only 10 device channels per site collection, but do you really want to maintain 10 MP’s?
I propose that sites be built using RWD principles If you organization will have primarily one mobile device, say an ipad or iphone, then look to create a device channel just for that device. this way you have a site that will respond to almost all devices but a tailored experience towards your primary devices.
In 2010 I suggest RWD as it is the most compatible with SP allows for the targeting of most devices, Needs one Master page In 2013 still use RWD, but you can think about DC for particular devices if the need arises One primary interface that will work with most devices have the ability to allow a target for a few particular devices easier to manage 2-3 branding efforts rather than many if you attempted to tailor your site to all devices.
Html5shiv
Thank You! Don’t forget to check out my blog where you can download this presentation or the recording. Easiest way to get to the material I referenced