This document discusses designing for mobile user experience. It covers the evolution of mobile devices from keypads to touchscreens, challenges of mobile UI design like smaller screens, and design patterns for touch interfaces. Guidelines are provided for mobile websites and applications, including prioritizing content over navigation, using shallow navigation structures, and ensuring touch targets are appropriately sized. The document concludes with an exercise to design a mobile library application.
This primer on mobile accessibility will give you a solid grounding on standards, guidelines and principles of making websites accessible on mobile devices, and demonstrate some of the accessibility features available on iOS and Android.
This presentation was delivered at Digpen 7:
http://lanyrd.com/2014/digpen7/sdfcth/
This primer on mobile accessibility will give you a solid grounding on standards, guidelines and principles of making websites accessible on mobile devices, and demonstrate some of the accessibility features available on iOS and Android.
This presentation was delivered at Digpen 7:
http://lanyrd.com/2014/digpen7/sdfcth/
User experience - Why the mobile space is importantRIA RUI Society
This session will focus on why UX is more important in mobile space than desktop software, and best practices for making sure that your application provides a compelling user experience.
Mobile is hot right now. People are spending more time on their mobile devices than ever before. Given that the number of people accessing the web via mobile devices is predicted to surpass the number accessing via the desktop in the next two years, it is high time that we start to take this mobile thing seriously.
The mobile web is different. It can be daunting for those venturing into the mobile realm for the first time. Where do you start? Do you need to design a native app, a web app or a combination of both? What devices should you target?
In this Twilight Presentation Mark Delaney spoke about:
User-Centred Mobile Design
Mobile Design Considerations
Principles to Prototypes
Responsive Design Techniques
Mark is a senior UX Designer at Intergen and leads the User Experience Design team. In this presentation he took attendees on a whirlwind tour of the best practices for organising and designing your mobile experience.
It’s not hard to see that your laptop computer isn’t the only piece of hardware that has a web browser. The web is on your phone, your tablet, your laptop and even your television. Web pages that take the multi-platform world into account are using Responsive Web Design (RWD). As we saw in a previous webinar, this is a set of techniques and ideas that look to adapt layouts based on the environment of the user’s browser. In this webinar Thom Robbins, Kentico CMS Chief Evangelist drilled into the tools and technologies for building a responsive site.
Mobile Usability: Why Great UX Matters More Than EveruTest
The world of mobile usability is quickly becoming a critical path for launching successful mobile apps. As the market matures and users become more sophisticated, apps must do more than function correctly, which is already an uphill battle in the ever-expanding mobile landscape. Apps must also be intuitive, efficient, easy-to-use and strategically designed to convert leads into revenue for m-commerce.
Yet, there's a lack of mobile usability standards and a complex matrix of form factors-- starting with the choice between mobile web versus native app-- that makes effective mobile interface development a daunting task. During this session, Peter Shih will frame the challenge of mobile usability and outline a range of technology solutions that can help marketing professionals and software developers launch mobile apps that delight end users and exceed expectations.
Designing for Tablet Experiences (Henrik Olsen)Autodesk
Henrik Olsen's presentation from Web 2.0 Expo New York:
If you’re ready to jump into designing for tablets, this will be a great two-part workshop for you. Given the mass adoption of tablet devices over this past year,this workshop has been created to present the fundamentals of designing tablet applications as well as tablet optimized web sites. Learn from a leader in adopting classic design principles to the rapidly evolving world of tablets.
@morganschnee and @skawhomp discuss mobile options for nonprofits and help you decide which approach is right for your organization @keljar @guidecreative
Even though WCAG 2.0 was written before smartphones put mobile accessibility in the public eye, WCAG 2.0 was written to be forward-thinking and has proved to be so. During this session, you’ll learn about available mobile accessibility resources from the W3C Web Accessibility Initiative. You’ll also learn about the new work going on in the Mobile Accessibility Task Force to create and update techniques for WCAG in mobile websites and native apps.
Rediscovering Accessibility for Future Tech - Everyone is affected!Samir Dash
his is a rediscovery of “Accessibility” in the world of touch-screens and other natural interfaces. With new technology innovation the lines between accessibility technology and Technology for Mass are getting blurred. What used to be a special need is becoming a general need for mass use.Situational Disabilities Use-cases are defining the new age devices, wearable & smart interfaces.
High time we need to rediscover on “accessibility” what we think we have already discovered!
Modern mobile devices have been life changing for people with visual impairment. Nic Wise will cover the wealth of accessibility functions in both Android and iOS, how to use them, and why you would want to tailor your app for differently-abled people.
Video for the session: http://www.youtube.com/watch?v=D79DrH8XTeU
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Samir Dash
This paper introduces the ‘socio-cultural’ dimension of User Experience (UX) and Interaction Design (IxD) with reference to emerging devices and related eco-systems.
Socio-Cultural User Experience (SX) – the missing piece in UX:
I have coined the term ‘SX’ aka ‘Socio-Cultural User Experience’ to represent the aspect of Usability Design or User Experience (UX) that deals with usability aspect of products/ software in a social context.
Social Interaction Design (SxD) – Helping IxD to Focus on Context and Environment of the User
I am using the term ‘SxD’ aka ‘Social Interaction Design’ that deals with the ‘social aspect’ of Human – Computer - Interaction (HCI) and Interaction Design (IxD) that focuses on usability design in context of how the user is interactive with the app in specific socio-cultural context.
Considering the ‘Others’ in the User’s Social Circle:
The existing UX model does not analyze the need beyond the current user and his ‘type’ to do a usability test -- it never considers how it is impacting the other members of the society while the target user set is using the app/system.
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...Lumen Consulting
Today, native and 3rd party applications, SMS, geolocation, and social media transform an attendee's smartphone into a platform that breaks past ordinary exhibit space boundaries.
We explore key trends, case studies, and latest tech, tools, and apps.
Checkout our session site for more info and resources:
mobileexhibitor.wordpress.com
This slide deck presents the concept of "richness+simplicity" as the holy grail of user interface design for mobile devices, and examines what "richness" and "simplicity" mean in that context.
User experience - Why the mobile space is importantRIA RUI Society
This session will focus on why UX is more important in mobile space than desktop software, and best practices for making sure that your application provides a compelling user experience.
Mobile is hot right now. People are spending more time on their mobile devices than ever before. Given that the number of people accessing the web via mobile devices is predicted to surpass the number accessing via the desktop in the next two years, it is high time that we start to take this mobile thing seriously.
The mobile web is different. It can be daunting for those venturing into the mobile realm for the first time. Where do you start? Do you need to design a native app, a web app or a combination of both? What devices should you target?
In this Twilight Presentation Mark Delaney spoke about:
User-Centred Mobile Design
Mobile Design Considerations
Principles to Prototypes
Responsive Design Techniques
Mark is a senior UX Designer at Intergen and leads the User Experience Design team. In this presentation he took attendees on a whirlwind tour of the best practices for organising and designing your mobile experience.
It’s not hard to see that your laptop computer isn’t the only piece of hardware that has a web browser. The web is on your phone, your tablet, your laptop and even your television. Web pages that take the multi-platform world into account are using Responsive Web Design (RWD). As we saw in a previous webinar, this is a set of techniques and ideas that look to adapt layouts based on the environment of the user’s browser. In this webinar Thom Robbins, Kentico CMS Chief Evangelist drilled into the tools and technologies for building a responsive site.
Mobile Usability: Why Great UX Matters More Than EveruTest
The world of mobile usability is quickly becoming a critical path for launching successful mobile apps. As the market matures and users become more sophisticated, apps must do more than function correctly, which is already an uphill battle in the ever-expanding mobile landscape. Apps must also be intuitive, efficient, easy-to-use and strategically designed to convert leads into revenue for m-commerce.
Yet, there's a lack of mobile usability standards and a complex matrix of form factors-- starting with the choice between mobile web versus native app-- that makes effective mobile interface development a daunting task. During this session, Peter Shih will frame the challenge of mobile usability and outline a range of technology solutions that can help marketing professionals and software developers launch mobile apps that delight end users and exceed expectations.
Designing for Tablet Experiences (Henrik Olsen)Autodesk
Henrik Olsen's presentation from Web 2.0 Expo New York:
If you’re ready to jump into designing for tablets, this will be a great two-part workshop for you. Given the mass adoption of tablet devices over this past year,this workshop has been created to present the fundamentals of designing tablet applications as well as tablet optimized web sites. Learn from a leader in adopting classic design principles to the rapidly evolving world of tablets.
@morganschnee and @skawhomp discuss mobile options for nonprofits and help you decide which approach is right for your organization @keljar @guidecreative
Even though WCAG 2.0 was written before smartphones put mobile accessibility in the public eye, WCAG 2.0 was written to be forward-thinking and has proved to be so. During this session, you’ll learn about available mobile accessibility resources from the W3C Web Accessibility Initiative. You’ll also learn about the new work going on in the Mobile Accessibility Task Force to create and update techniques for WCAG in mobile websites and native apps.
Rediscovering Accessibility for Future Tech - Everyone is affected!Samir Dash
his is a rediscovery of “Accessibility” in the world of touch-screens and other natural interfaces. With new technology innovation the lines between accessibility technology and Technology for Mass are getting blurred. What used to be a special need is becoming a general need for mass use.Situational Disabilities Use-cases are defining the new age devices, wearable & smart interfaces.
High time we need to rediscover on “accessibility” what we think we have already discovered!
Modern mobile devices have been life changing for people with visual impairment. Nic Wise will cover the wealth of accessibility functions in both Android and iOS, how to use them, and why you would want to tailor your app for differently-abled people.
Video for the session: http://www.youtube.com/watch?v=D79DrH8XTeU
Socio-cultural User Experience (SX) and Social Interaction Design (SxD)Samir Dash
This paper introduces the ‘socio-cultural’ dimension of User Experience (UX) and Interaction Design (IxD) with reference to emerging devices and related eco-systems.
Socio-Cultural User Experience (SX) – the missing piece in UX:
I have coined the term ‘SX’ aka ‘Socio-Cultural User Experience’ to represent the aspect of Usability Design or User Experience (UX) that deals with usability aspect of products/ software in a social context.
Social Interaction Design (SxD) – Helping IxD to Focus on Context and Environment of the User
I am using the term ‘SxD’ aka ‘Social Interaction Design’ that deals with the ‘social aspect’ of Human – Computer - Interaction (HCI) and Interaction Design (IxD) that focuses on usability design in context of how the user is interactive with the app in specific socio-cultural context.
Considering the ‘Others’ in the User’s Social Circle:
The existing UX model does not analyze the need beyond the current user and his ‘type’ to do a usability test -- it never considers how it is impacting the other members of the society while the target user set is using the app/system.
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...Lumen Consulting
Today, native and 3rd party applications, SMS, geolocation, and social media transform an attendee's smartphone into a platform that breaks past ordinary exhibit space boundaries.
We explore key trends, case studies, and latest tech, tools, and apps.
Checkout our session site for more info and resources:
mobileexhibitor.wordpress.com
This slide deck presents the concept of "richness+simplicity" as the holy grail of user interface design for mobile devices, and examines what "richness" and "simplicity" mean in that context.
Identificación y manejo de especies nativas para la reforestaciónCOLPOS
Presenta las principales especies nativas de interés forestal, técnicas de propagación y procedimientos de manejo que mejoren la cobertura arbórea y reducen la erosión del suelo en áreas desprovistas de vegetación.
Adalberto Vazquez Gomez es contador publico con especialidad y finanzas e interés por la calidad. En esta presentación expone información referente a la calidad con enfoque holistico. mas información en www.adalbertovazquez.mx
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/Jack Zheng
For the most recent version please visit:
https://www.edocr.com/v/k52p5vj4/jgzheng/Mobile-Web-Overview
I have developed the mobile web development course and modules for some courses in KSU/SPSU. This is overview module to introduce the whole field. Topics include choices of mobile application development and delivery, basic principles and best practices of mobile friendly web sites and web applications, and major tools and frameworks.
“iPad apps for the enterprise: More than just a clever UI”
Building iOS mobile applications that deliver on their business requirements can seem deceptively easy, but the unique challenges mentioned in this paper must be first understood and then addressed in order to achieve success.
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and MustacheBrian Sam-Bodden
Ruby is powerful server-side language with great collection of libraries and frameworks but to create a full mobile offering, Ruby developers need to become masters of many a craft. In this talk we'll walk through the design and development of a full stack HTML5 mobile application using Sinatra to create a robust RESTful API, Spine.js to bring MVC order to the client and jQuery Mobile to style and structure the application for the mobile world.
Mobile Testing Challenges and Solutions XBOSoft WebinarXBOSoft
In this webinar, XBOSoft's VP of Engineering discusses some of the challenges that he and his team have faced in the areas of mobile test automation and mobile usability testing. He'll discuss how to gain the best platform coverage, when to use automation, when not to, and when to use shared cloud services versus emulators and real devices.
How do you stay ahead of the pack in the mobile world inundated with new products, services, solutions on a daily basis? As business expectations increase manifold, how can mobile technologists play the role of a trusted steward for their clients, in carving out a successful mobile strategy? This prez focuses on an approach/framework to identify the right technology solution in a given context.
Similar to Designing for mobile user experience (20)
This presentation is a part of my invited talk at UIUX Design Summit 2015, Bangalore organised by UNICOM.
Brief -
The next wave after mobile Ux is about designing for wearable devices. The market is getting flooded with smart watches, goggles, fitness bands, etc. Designing for wearables is a big challenge for UX designers. Wearable Ux is not just about designing small screen UI, but it covers industrial design, sensor technologies, performance, IoT, etc. In some cases it does not even have a display screen. The presentation discusses various trends in wearables and their technology usages. It compares and provides insights for wearable user experience design & user adoption. The presentation proposes a UX strategy to make wearable UX successful. Some examples on industry usages will be discussed with live demo on smart watch.
Standards based software UI design, Easy6Sameer Chavan
Standards based software UI design, Easy6 HCI conference at Bangalore. The presentation gives examples from Oracle BLAF standars use in building software UI. I was a part of BLAF team at Oracle
Design Story, Career opportunity in DesignSameer Chavan
Presentation on what is design and design desciplines - furniture, product design, industrial design, graphic design, animation, User experience. Design schools in India - IDC, NID, Career prospects. Role of a Designer in company, Life of a designer.
This presentation i gave at CAUE conference, pune (http://www.viitcaue.in/speakers.html#Sameer). It discusses common issues in designing ecommerce homepage. It questions what if one site copies other site? or should all homepages in same business have similar pattern. What factors determine the homepage identity and layout ? Should all homepage look like google just because its clean.
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Designing for mobile user experience
1. Designing for Mobile
User Experience
Sameer Chavan
@sameerhere
TechEase 2012
Views expressed in this presentation are purely views of Presenter and do not reflect views of his employers.
All the product names and technologies discussed in this presentation are property of respective companies.
2. What we will learn today?
• Mobile websites and application evolution
• Current state of Small Form Factor devices
• Challenges for Mobile UI design
• Understanding Touch Gesture Interactions
• UI design patterns for Mobile UX
• Converting existing web sites into mobile
applications.
• Design Exercise.
4. Mobile Content
• Mobile Sites and Apps
• Keypad and track pad to touchscreens
• Links to tabs/plans/Rows
• Multi column to single column
• Simple navigation
• Sensors and smartness
11. Mobile UI - A new Paradigm
• Connected devices.
• Touch interfaces
• Acceleration sensing
• Orientation awareness
• Natural animation
• Simulations of physical behavior
12. Touch Targets
• Mobile devices moving to touch UI
• Use appropriately sized targets
• Maintain spacing between targets
• Place important actions in easy to reach
• locations (ergonomics)
http://developer.android.com/design/style/metrics- http://msdn.microsoft.com/en-
grids.html us/library/windows/apps/hh465415.aspx
14. Native Apps
Advantages:
• Full access to device capabilities
• Integration with other native
applications
• Off-line operation
• ‘Push’ notifications
• Seamless design
• Runs faster
• Dev frameworks
• Installation via app stores
Disadvantages:
• Device specific
• Lock in to device upgrades
14
15. Web Apps
Advantages: Disadvantages:
• Cross-device support • Less functionality
• Quick development • Limited integration with device
• Instant update Process • Off-line is difficult
• No lock in to app stores (no 30% cut) • Less seamless with other apps
• HTML5 is doing more
15
16. Hybrid Apps
Advantages: Disadvantages:
• Potentially provides best of both • Early days, which platform
worlds to choose?
• Access to native features • Potentially complex
• Apps are web-based, and therefore
cross platform
• Growing range of third-party
options
16
17. Mobile approach
Miniaturisation
“... treats the mobile environment and technology as a subset of the desktop
environment.”
It’s a repurpose of existing content
Mobilisation
“... precisely targets mobile user needs, making (the) best possible use of
technology.”
Content and context specific
Barbara Ballard
17
18. Mobile Web design
Desktop Vs Mobile
• Breadcrumbs
• Deep Explorer views
• Popup Dialogues
• Multiple planes
• Progress indicator
• Error messages and warnings.
• Mobile sites offer better integration with phone
functions - orders by phone or sending promotional
text messages.
• Mobile sites can take advantage of technology that
automatically detects where users are to present local
search results.
18
25. Sensors
Accelerometer
GPS
Gyroscope
WiFi
Magnetometer
Bluetooth
Barometer
GSM/CDMA
Proximity
NFC
Light Sensor
Camera
Touch Screen
26. Alternatives
Responsive Web design
http://jquerymobile.com/
http://www.formfett.net/
http://forefathersgroup.com/
http://cafeevoke.com/
26
27. Design Guidelines
• Design for - On the go..
• Content is king. Navigation next
• Shallow navigation
• Fun and explorations
• Stick to a design pattern.
• Use graphics wisely
• Think of touch target size.
27
28. Design Exercise
• Design Mobile site/App for your collage library.
• Minimum requirements-
• Browse books by category
• Search books
• View my books
• Social sharing of books, recommendations,
comments, likes, etc..
• Any new ideas !!!