모바일 브라우저 탭 전환: Swipe vs. Scroll

Source

• Evernote/Inbox/Swipe vs. scroll web page switching on mobile browsers.md

Summary

구글 연구에 따르면 모바일 브라우저에서 탭 전환 시, Chrome 의 스택형 카드 기반 수직 스크롤 인터페이스가 Safari 의 수평 스와이프 인터페이스보다 전환 속도가 빠르고 사용자의 좌절감이 적다. 오류율에는 유의미한 차이가 없었다.

Key Points

• 모바일 환경에서 탭 기반 브라우징은 화면 공간 부족과 터치 정밀도 문제로 인해 어려움.
• Safari(수평 스와이프) 와 Chrome(수직 스크롤 카드) 의 탭 전환 인터페이스 비교 실험 수행.
• 결과: 카드 기반 수직 스크롤이 더 빠른 전환과 낮은 좌절감을 제공하며, 오류율에는 영향 없음.
• 모바일 정보 공간 설계 시 카드 기반 인터페이스의 우위성 시사.

Related

• 웹앱(Web App) vs 네이티브 앱(Native App): 모바일 UX 관점에서의 비교 분석

• 오페라 합계 초과

• 웹 vs 앱: 앱의 우위와 웹 플랫폼의 지각 변동

• 브라우저 개발자 도구의 25 가지 비법 (2011)

• Scrapy 로 웹사이트 크롤링 해보기

• Typeform: 크로스 디바이스 설문조사 플랫폼

• 스크롤 후 고정 콘텐츠 (Scroll-Then-Fix Content)

• 스마트폰 웹 브라우징 경험 개선 팁

• Web Apps vs Native Apps: The Blurring Line

• 모바일 앱 사용자 기대치 및 성능 요구사항

• 모바일 웹의 문제점과 해결 방안 (Brad Frost)

• 모바일 검색에서 주의 및 만족도 측정 개선 방안

• 폐쇄적인 모바일 혁명과 열린 웹의 종말

• 오페라, 웹킷 기반 브라우저 ‘오페라아이스’ 개발 배경 및 의미

• 2012 년 HTML5 모바일 개발 현황 및 디바이스 API

• Synchronized Cross-device Mobile Testing

• Preme: Windows 창 관리 개선 도구

• 모바일 웹 개발을 위한 화면 크기 측정 속성 분석

• 모바일 웹의 쇠퇴에 대한 논의

• PPK의 브라우저 기능 개발 중단 제안에 대한 Opera의 반박

• 운영체제의 중요성 감소 (Operating Systems Don’t Matter Much Anymore)

• HTML5: 기대와 실망 사이, 브라우저 중심의 새로운 플랫폼 경쟁

• eBay 의 WebAssembly 활용 사례: 모바일 웹 바코드 스캐너

• React vs Vue: 동일 앱 구현을 통한 차이점 비교 (번역)

• The Once And Future Web Platform

• “앱의 시대”는 끝났다

• 웹 플랫폼의 진보와 복잡성에 대한 Jake Archibald 의 관점

• 웹 플랫폼의 지속적 우위와 진화

• 팀 버너스리 인터뷰: 웹의 본질과 개방성

• Roll It: 브라우저 기반 크로스 디바이스 게임 구현 사례

• 모든 웹 프로젝트는 PWA여야 한다

• HTML5 모바일 앱의 해부학 (Anatomy of a HTML5 Mobile App)

• 모바일 게임의 미래 (2013)

• 하복(Havok), 모바일 게임 엔진 ‘프로젝트 아나키’ 무료 배포

• LungoJS: HTML5 기반 모바일 프레임워크

• WebNode의 제한 사항

• 모바일 게임 크랙 대응: 서버 로그분석의 중요성

• Roll It 생성 사례 연구

• 2017 웹 개발 트렌드: PWA, 프레임워크 안정화, GraphQL, AI

• ‘개방’ 웹과 ‘폐쇄’ DRM, HTML5 한 배 타나

• 모바일웹 Device API 표준화 동향 (2009-2011)

• 웹의 진보를 멈추자 (Stop pushing the web forward)

• Buddy.com, 모바일 분석 서비스 진출

• 모바일 콘텐츠 서비스와 콘텐츠 유료화 전략

• 2013년, 웹의 귀환을 꿈꾸다 (베를린로그)

• Ajax 10주년과 웹 기술의 진화

• 웹의 종말과 스트리밍 시대의 도래 (월드스트림)

• 모질라 CTO, W3C의 HTML5 DRM 허용안 비판

• 스마트폰 브라우저에서 즐겨찾기 스크립트를 이용한 해외 사이트 번역

• HTML5 의 핵심: W3C 명세와 실제 웹 플랫폼의 차이

• Countly: 실시간 모바일 앱 분석 도구

• HTML5 Web App Client-Side Storage 옵션 및 팁

• Chrome DevTools 모바일 스크린캐스트 및 에뮬레이션

• 언리쉬드 (Unleashed) - 모바일 전략 카드배틀 게임

• HTML5 의 역사: W3C 와 WHATWG 의 분열과 XHTML 의 실패

• 시스코-구글, HTML5 코덱 표준화 무산

• 중국 인터넷 거인들의 다음 전장: 모바일

• DTS 코덱 지원 중단 배경

• 대형 스마트폰 화면이 모바일 비디오 소비 증가의 주요 요인

• 모바일 멀티플레이어 게임의 진화와 잠재력

• 스마트폰 사양 발전과 모바일 게임의 변화

• HTML5 표준에 DRM(EME) 도입을 둘러싼 찬반 논란

• React vs Vue 비교 (2019 Edition, React Hooks 기준)

• React vs AngularJS 비교 (Quora)

• 모바일 검색의 미래: Aggregated Search

• 때로는 아날로그가 디지털보다 강력하다

• It’s Almost Time To Throw Out Your Books

• 시만텍 2013 모바일 보고서: 혁신기업 vs 전통기업의 모바일 환경 차이

• HTML is the Web ~ Pete Lambert

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• 2012년 1,2월 브라우저 기술 동향

• 미국, 일본, 중국, 한국 모바일 앱 이용 행태 비교 (2013)

• W3C 웹 및 브로드캐스팅 제3차 대면 회의 개요

• 2012년 모바일 시장 정리

• Model-driven Game Development: A Literature Review

• HTML5 Video Player Comparison (2011)

• LG 웹OS의 다중 디바이스 확장 전략 및 플랫폼 아키텍처

• 모바일 사진의 쇼핑 활용 (The Bigger Picture)

• Undead Overlord 모바일 RTS 개발 논의 (Experimental Game Dev Podcast)

• 국내 모바일앱 생태계의 문제점 1

• ITViewpoint.com: 30분 만에 캔디팡 만들기 영상 소개

• 동방 프로젝트 기반 3D 게임 개발 중간 보고

• 크로스 플랫폼 SSO 기술 (Cross-Platform SSO)

• HTML5 게임 오프라인 지원 가이드