Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis,...
-
Upload
dorcas-gaines -
Category
Documents
-
view
217 -
download
0
Transcript of Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis,...
![Page 1: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/1.jpg)
Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research
Tom Lewis, DirectorAcademic & Collaborative Applications
![Page 2: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/2.jpg)
PART 1: UW AT YOUR FINGERTIPS
![Page 3: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/3.jpg)
Problem StatementWhile there are many valuable resources available to campus, finding and discovering these resources is a persistent problem for students, faculty, and staff.
The mobile context magnifies this problem, as not all campus resources are mobile friendly.
![Page 4: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/4.jpg)
THE PASTInconsistent UX for UW from mobile device.
Problematic third-party m.UW native app.
Poor central support for campus mobile development, resulting in a well-intentioned but ill-equipped mobile app craze.
![Page 5: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/5.jpg)
Inconsistent UX
m.UW native app m.uw.edu Responsive uw.edu
THE PAST
![Page 6: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/6.jpg)
m.UW Native App
m.UW native app
THE PAST
Forced mobile web apps into m.uw wrapper, diminishing usability and defying expectations for native apps.
A limited and inconsistent view of UW resources.
No context, and same resources for everyone.
![Page 7: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/7.jpg)
Mobile Development Support
THE PAST
Campus mobile app craze, but a lack of expertise.
No central support or guidance.
• No strategy for mobile app promotion, publishing, or ownership.
• Limited influence on the UX, accessibility, development, or branding of UW resources.
![Page 8: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/8.jpg)
THE NOWGoodbye m.UW. Hello, Mobile UW!
Central management of m.uw.edu, mobile.uw.edu, and uw.edu/mobile urls (all point to the same place).
Mobile UW developer resources.
Clear guidelines, strategy, and process for inclusion in UW native app stores
![Page 9: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/9.jpg)
Mobile UW Web App
MOBILE UW
THE NOW
Mobile-first, adaptive web app.
Promotes discovery and findability of critical campus resources.
Contextualization of resources for device.
Robust API available to campus allows campus developers access to resource list w/ metadata.
![Page 10: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/10.jpg)
Mobile UW: The Technology
MOBILE UW
THE NOW
Device optimization through adaptive progressive enhancement.
Front-end performance optimization, including removal of render blocking css/js.
Using Git flow and Travis to continuously test code quality and a11y.
Front-end code is semantic and accessible.
![Page 11: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/11.jpg)
Mobile UW Dev Resources
Building Mobile Apps
THE NOW
Curated resources for development:
• Best Practices (Dev & UX)
• Fundamental Concepts
• Technologies
Guidelines/Process for UW store inclusion.
Help with UX, development, A11y, or marketing.
![Page 12: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/12.jpg)
THE FUTUREIteration on Mobile UW, UW Scout … and beyond!
![Page 13: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/13.jpg)
Mobile UW IterationTHE FUTURE
Add authentication, allowing for us to customize “featured” resource lists to specific campus affiliations.
Support more robust searching and browsing for non-“featured” resources.
Continue to develop API to allow for more specified delivery of personalized content.
![Page 14: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/14.jpg)
UW ScoutTHE FUTURE
SpaceScout for finding study spaces is great, but what about findability/dicoverability of other campus physical resources? (food, equipment, …)
SpaceScout + FoodScout + ResourceScout = scout.uw.edu = ONE destination for campus.
![Page 15: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/15.jpg)
UW Scout StrategyTHE FUTURE
SpaceScout codebase unsustainable & inflexible. SpaceScout used separate iOS native app + web app approach. Have to keep two totally separate codebases up-to-date.
SpaceScout Server flexible enough to accommodate new scope. Let’s build on it, learning our lessons from past mistakes.
![Page 16: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/16.jpg)
UW Scout TechnologyTHE FUTURE
Hybrid approach. HTML content layer wrapped in very thin layer of native code (ex: Stacker).
• Content layer is reused across all platforms.
• Native code layer provides appropriate native context, feel & behavior.
• Hits sweet spot of native behavior, reusable code, and my shop’s expertise (Html/Python apps).
![Page 17: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/17.jpg)
Questions?
![Page 18: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/18.jpg)
PART 2: THE MOBILE (NOT A) PORTAL
![Page 19: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/19.jpg)
About MyUWMain portal for
students, faculty & staff.
Requires login.Decade-old design &
code.
![Page 20: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/20.jpg)
Rebuild GoalsBetter meet user needs through user research, user-centered design, and agile development.
Replace old portal technology.
Responsive, mobile first design.
![Page 21: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/21.jpg)
User ResearchEvidence-based, user-centered design:
• Design iterations• Diary studies• Focus groups• Interviews• Log data analysis for MyUW and UW.edu• Surveys• Usability studies
![Page 22: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/22.jpg)
Key Research AreasGoals students had for UW career
How goals changed over time
How day-by-day progress is made
Information needs to support progress
Use of information resources
![Page 23: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/23.jpg)
Goals and work are date-driven and time-sensitive, yet time management can be difficult.
Key Research Finding
![Page 24: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/24.jpg)
![Page 25: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/25.jpg)
Key Research Finding
They suffer from information overload, yet critical information can be hard to find.
![Page 26: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/26.jpg)
![Page 27: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/27.jpg)
Key Research FindingStudents primarily access a small subset of MyUW content, but what they do use, they use frequently.
• Email• Registration• Husky Card account• Class schedule
Correspondingly, information needs are dynamic but predictable.
![Page 28: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/28.jpg)
Design GoalsProvide students with information that is:
• personal - class and account information• critical - important dates and notices• curated - avoid wasting time• relevant - info for starting workflows• timely - when you need it
![Page 29: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/29.jpg)
Design RulePresent personalized content from multiple
systems when it is relevant (but allow access to all content at all times). Personalized
• my grades • my courses• my financial
balances
Time-based• Early weeks:
directions to classes• Around registration:
time schedule, advising info
• End of the quarter: finals schedule, final grades
![Page 30: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/30.jpg)
How do information needs change over time?
Designing Relevancy
![Page 31: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/31.jpg)
Rule + Relevancy =A card model that reorders the cards based on the
week of the quarter to bring timely, personalized content.
![Page 32: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/32.jpg)
Iterations…
![Page 33: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/33.jpg)
Final Design
Actionable and personalized content on cards.
Different cards shown during different times in the quarter.
![Page 34: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/34.jpg)
![Page 35: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/35.jpg)
Week 1 (Frosh)
What do I need to be thinking about before
classes start?
![Page 36: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/36.jpg)
Weeks 1&2
Where are my classes?
![Page 37: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/37.jpg)
Weeks 1&2
What books do I need?
![Page 38: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/38.jpg)
Week 4 (Frosh)
What classes should I take next quarter?
![Page 39: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/39.jpg)
Week 5
When can I register?
![Page 40: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/40.jpg)
Week 6
What does next quarter look like?
![Page 41: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/41.jpg)
Week 6
What does next quarter look like?
![Page 42: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/42.jpg)
Finals Week
When and where are my finals?
![Page 43: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/43.jpg)
Finals Week
What grade did I get?
![Page 44: Killing Mobile Apps with the Mobile Web: Of Portals, and *Scouts, and User Research Tom Lewis, Director Academic & Collaborative Applications.](https://reader035.fdocuments.us/reader035/viewer/2022081515/5697c0041a28abf838cc4469/html5/thumbnails/44.jpg)
Questions?