Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Single Page Application Usability

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Scalone Scalone
October 15, 2014
Programming
250
0

Single Page Application Usability

Academic presentation about single page application usability, just some concepts.

Avatar for Scalone

Scalone

October 15, 2014

More Decks by Scalone

See All by Scalone
TDD - Test Driven Development
Avatar for Scalone scalone
0
3
Ruby, Web and IOT with the same Platform
Avatar for Scalone scalone
0
100
20k mRuby devices in Production
Avatar for Scalone scalone
0
470
DaFunk, IOT Framework in Ruby
Avatar for Scalone scalone
0
180
Concurrency in the imperative and functional world
Avatar for Scalone scalone
0
220
Git e Github
Avatar for Scalone scalone
0
110
Git, o que é, do que é feito, para que serve?
Avatar for Scalone scalone
0
350
DaFunk, IOT Framework in Ruby
Avatar for Scalone scalone
0
210
Uzmenino Marketplace
Avatar for Scalone scalone
0
160

Other Decks in Programming

See All in Programming
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
730
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.4k
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
Avatar for o8n o8n
4
1.5k
脱 雰囲気実装！ AgentCoreを良い感じに WEBアプリケーションに組み込むために
Avatar for Takuya Yonezawa takuyay0ne
3
420
How to stabilize UI tests using XCTest
Avatar for Akio Itaya akkeylab
0
150
RSAが破られる前に知っておきたい 耐量子計算機暗号(PQC)入門 / Intro to PQC: Preparing for the Post-RSA Era
Avatar for mackey0225 mackey0225
3
110
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
Avatar for shiro seike seike460
PRO
2
200
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
8
4.1k
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
1.4k
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
750
20260320登壇資料
Avatar for 松井遼(まついはるか) pharct
0
150
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
300

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.6k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k

Transcript

  1. Single Application Usability @scalone

  2. None
  3. None

  4. Disclaimer Not Browser ! Designing for Usability But not deep

  5. None

  6. –Wikipedia “Web site that fits on a single web page

    with the goal of providing a more fluid user experience akin to a desktop application.”

  7. HTML, JavaScript, and CSS

  8. HTML, JavaScript, and CSS single web page

  9. HTML, JavaScript, and CSS Web site that fits on…

  10. HTML, JavaScript, and CSS

  11. Explain…

  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None

  19. Points…

  20. AJAX

  21. Search engine optimization

  22. Browser history

  23. Client/Server code partitioning

  24. Cases?

  25. None

  26. Design…

  27. Visibility

  28. Navigation

  29. Style

  30. Usability…

  31. Learnability

  32. Efficiency

  33. Satisfaction

  34. Real Cases https://www.spotify.com/us/2013/ http://www.adamhartwig.co.uk/ http://www.niquewoodhouse.com/folio/ http://www.rleonardi.com/interactive-resume/ http://makeyourmoneymatter.org/ https://www.simple.com/

  35. Thank you! @scalone