top of page

Swipe History

SwipeVideo is a Japanese video technology that allows users to interact with its video content by swiping left and right. There are 2 main ways of utilizing this technology with video content.

  1. Filming an object with multiple cameras evenly distributed in 360 degrees, and users can swipe to see the object in 360 angles.

  2. Filming multiple items at the same time and put together into a SwipeVideo, so that users can swipe left and right to see different aspects in the same scenario.

Problem Statement:

SwipeVideo is currently trying to explore use cases to implement this technology. Our team is helping them to explore more consumer-facing use cases to expand the usage of the technology.


​Swipe History is a prototype centered on the idea of mixing archival footage and modern footage to create a new way to interact with educational content. Uploaded footage should showcase a process or a subject over time. A website was created with the intention of being an application that allows users to interact with the historical Swipe Videos.

2 people have worked on this idea. I was the product designer in the team working on user research, UI & UX design, website content design, and user testing.

Project Goal:

  1. Create examples of Swipe History content: a mix of archival and modern footage.

  2. Create a website that allows users to engage with the content, and explore their areas of interest.


  1. People who love exploring local history and landmark developments.

  2. Educators who want to create interactive media for lessons.

  3. Cities that want to create points of interest for visitors.


For SwipeVideo content: 

In order to prepare for SwipeVideo content, search for some suitable archival footages, and put them together to create some sample SwipeVideos, we did the followings:

  1. Visited local landmarks in Pittsburgh. ( 80% of them are considered suitable for video shooting.)

  2. Researched Pittsburgh history (book and picture archives, 64% can be made into a video).

  3. Filmed & photographed some landmarks & artworks using SwipeVideo technology.


For website: 

I did some competitive analysis on similar products for the website design.

Condé Nast Traveler

This travel information website contains destination recommendations, hotel guides, different types of travel, etc.

Features for reference:

Grid of list to display different types of places with brief titles, images, and descriptions. 


This is a website that displays videos of time captures, facilitating some tutorials and articles to teach people how to make such kinds of videos.

Features for reference:

A gallery of videos is displayed on top to show some highly popular videos with intriguing images and clickbait. bellow that there is a list/grid of other videos for people to click into.


Google Earth Engine:

This is a website that shows a top-down satellite view of a place that changes over time.

Features for reference:

Left-side list shows all the places available, a satellite map to show the places, and a timeline at the bottom.

image 6.png

Design Phase


Website Workflow:

  1. Includes a map feature on the main web page. The places with SwipeVideo content are marked with the SwipeVideo icon anchor points. Users can click the anchor point or the location in the left list and view the historical time-lapse contents.

  2. Users can search for locations.

  3. Added location introduction, directory of the location, and citations of the footage.

  4. Added a “like” feature inside the SwipeVideo player, where users can click the “like” button to express their interest in a specific timestamp in the video.

  5. Included a comment section where users can share their thoughts about these historical landmarks.

Low-fidelity prototype:


User Testing:

  1. 30+ playtesters.

  2. Tried the lo-fi prototype, and showed them the sample SwipeVideo content.

  3. Ask them some questions and let them fill out a questionnaire.



  1. 88.9% say UI/UX is easy to understand.

  2. Popular with playtesters over the age of 30.

  3. Fun implementation of the SwipeVideo technology.

  4. Users want to be able to upload their own footage.

Negative: Looks like a ppt/slide showing historical photos.


Iteration process

Added more opportunities for social engagement.

  1. Mark like the video.

  2. Mark “visited” the landmark.

  3. Leave comments.


The timeline function changes from only displaying information to making it clickable and navigating directly to the specific time. 




Try the Figma prototype here:

Lesson Learned:

The video content:

  1. Sourcing archival footage can be difficult, especially if hoping to capture the same angle – which leaves more of an impact. Maybe an easier task for educational institutions and museums.

  2. To capture the same angle footage, perhaps capturing a landmark from sunrise to sunset to give how the landmark looks in a day by assigning a few filming spots is much easier to make the video seems more impactful.

  3. SwipeVideo content created using static images gives a “PowerPoint” effect. Despite the difficulty of sourcing archival footage, video content is much more engaging.

The Website:

  1. Adding a game element to the website, such as a quiz that is triggered after viewing the content and reading the introductions may increase user engagement in the younger demographic.

  2. For further development, we can allow users to upload their own video content by creating their own SwipeVideo about certain landmarks. This will give users more engagement and a sense of accomplishment when they see how many are published by them.

  3. To encourage users to use this website and come back to it frequently, we can add an achievement system by giving some milestone badges and rewarding them with “you have uploaded more than xx videos”, “you have been to more than xx places”, etc.

bottom of page