: Showing website interactions to client I am currently designing a website for my client. I decided to use Sketch to prepare artboards and Invision web app to prototype and present it. During
I am currently designing a website for my client. I decided to use Sketch to prepare artboards and Invision web app to prototype and present it.
During the designing process I planned for some portions of the site to feature parallax scrolling. I have an element partially overlapped by element on top of it, and it will get more and more visible after the user scrolls down.
Now, how do I show it to client? It is only a design, so I don't want to assemble it on testing enviroment, as I am not sure he will like it and decide to use that design choice anyway, but if it's static, all he'll see is some overlap, obscuring important elements.
In this instance my issue is with parallax scrolling, but this can be easily asked about other elements, like video headers, or onhover buttons. Is there a way to present it as a self-explanatory, coherent design?
More posts by @Gail6891361
4 Comments
Sorted by latest first Latest Oldest Best
Take a look at prototyping tools like Origami Studio, Principle, or RelativeWave Form. All of these import from Sketch and are built for showcasing rich interactions on a screen. (The downside of that is that it takes more work, and, aside from Principle, managing multiple screens can be awkward.)
Adobe's XD (Experience Design) is a fantastic tool for this type of thing, although you'd likely have to rebuild it in XD first. It's still in Beta, but tons of great presentation options without having to build the actual site.
If that's not an option for you, I'd suggest "storyboarding" the site... that is, take screenshots of the design at different intervals, showing what the user will see as they scroll, and showing them in order. Not the most comprehensive presentation, and will require the presenter to do a thorough job of explaining (and some imagination by the client), but it may be your best bet.
From my point of view, the following isn't worth the trouble but you could:
Make a small animation/gif with your design showing how it would
work. If you have After Effects it's a 3 click- 2 drag- 1 save
thing so it won't be time consuming and you can add it to your file
and be presented to the client. The same goes for the other major
UI/UX elements.
Find a internet gif of a parallax that matches your own and show your
client as a concept.
Depending on the relationship with your client, show him an example from another website. Make him understand what you want to do and try to convince him that way. I've done this many times, and if you can deliver the same feeling as the example site, everybody will be happy in the end.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.