Animated UI Walkthrough

September 15, 2021 by Brian

As we are working through the design concept of Datapult it is helpful to put together screens we have designed and animate them. This gives a better sense of what the app does (and doesn’t do). When showing it to potential users it really helps make it feel more real without giving them the sense that the app is done. I especially like hand-drawn looking UI mockups for this purpose. There’s something about it that feels incomplete and I like how every pixel of the image communicates WORK IN PROGRESS. It is that aestetic quality that welcomes more constructive feedback.

Datapult mockup of user flow

The mockup

In the mockup we are trying to also show the larger context of the usage of Datapult. We feel that there’s a desire for people to use Web3 for more of their day-to-day. One very common task on a mobile device is sharing a photo. We hope that we can convince people to use Datapult to share photos when they post them on social media.

The walkthrough goes as follows:

  1. User opens photo app
  2. Chooses photo to share
  3. Share Extension in iOS slides up
  4. Datapult app is a share extension option
  5. User chooses Datapult
  6. They confirm the image to share
  7. The app uploads the image to IPFS and filecoin network
  8. The image share link is availble on the image and can be copied to Twitter, LinkedIn, etc…

Thoughts? Questions?

We’re still working through this concept and app so any feedback or thoughts are welcome. Connect with us on Twitter or through the feedback form on this page below. If you’re not familiar with the Datapult project you can read more about it here. Follow along on Twitter when we drop updates here on our website.

Tags:researchUXwalkthroughmockupdesign

We want your thoughts

We do a lot of research on industries, but we’re not in the day-to-day operations. If you have more insight and are willing to share, please contact us!

Brian Chamberlain

Brian Chamberlain

Founder, Engineering

Brian has been building consumer web and mobile products since 2000. Now in the Web3 space he is looking to bring his product engineering skills to the distributed web. His interests are in protocol development, applied cryptography, decentralized storage, hardware and software prototyping.

T.J. Chmielewski

T.J. Chmielewski

Founder, Product Design

T.J. specializes in defining successful products and experiences, building effective prototypes and tests, and improving product development processes through collaboration. :)