How to Troubleshoot Apps for the Modern Connected Worker
Preview
1. Flow 1: No upload modal, all status is on screen
Pros:
Fewest clicks possible. Super fast.
Cons:
No place to tell the user the max
number of images they can upload or that we'll
resize them.
Not sure what happens on page if user tries to interact
with uploading images. Can they click to another
slide if that next slide hasn't uploaded? Can they
move the order of images when they're sorted between
uploaded images and non-uploaded images.
A page like this makes it difficult to communicate to the
user if the page is hanging because of slow upload,
rather than site bug.
5. AppSlideshow Add Title Share this slideshow:
ADD
Start Over
Add Description IMAGES
http://appslideshow.com/here-is-your-link
Slide Title
Description
Transition
1 of 3
6. Flow 2: Upload Modal with Thumbnails
Pros:
Pre-upload screen tells user that we'll resize their images
and they can do max 10 (or whatever number) at one time.
Gives user something obvious to do while files
upload- title slideshow, screens, etc.
Gives user one easy place to title all slides at once.
Cons:
Lots of screen space. Might be clunky?
Question for Nick- does showing those thumbnails
and this kind of modal overall delay the upload?
9. AppSlideshow
Choose the device wrapper
Upload images for your images
Close
Maximum 10 photos at a time. All images will be resized to iPad aspect ratio.
Choose File(s)
11. AppSlideshow
Untitled Slideshow
Choose the device for this slideshow for your images
Add a description
wrapper
Uploading 3 of 3 Cancel
Loading...
Title: Title:
(Prefill with file name) (Prefill with file name)
Description Description
12. AppSlideshow
Allie's Slideshow
Choose the device wrapper for your images
This is my first slideshow using AppSlideshow
Upload Complete! Save Cancel
Title: Title: Title:
Homepage (Prefill with file name) (Prefill with file name)
Description Description Description
Hey look, I wrote some description
13. AppSlideshow Allie's Slideshow Share this slideshow:
ADD
This is my first slideshow using Start Over
IMAGES
AppSlideshow http://appslideshow.com/here-is-your-link
< Hide this
Slide Title
This is the slide title I entered whole uploading
Description
This is the description I wrote while uploading
Transition
1 of 4
14. Flow 3: Upload Modal with no thumbnails
This is an alt to Flow 2 if having the
thumbnails and large modal makes the
app a lot slower. This one also makes it
clear to see which file might be causing a
delay. Still allows user to title and
describe slideshow from this page.
17. AppSlideshow
Choose the device wrapper
Upload images for your images
Close
Maximum 10 photos at a time. All images will be resized to iPad aspect ratio.
Choose File(s)
19. AppSlideshow
Untitled Slideshow
Choose the device for this slideshow for your images
Add a description
wrapper
My_screenname_1.jpg
My_screenname_2.jpg
My_screenname_3.jpg Cancel
20. AppSlideshow Allie's Slideshow Share this slideshow:
ADD
This is my first slideshow using Start Over
IMAGES
AppSlideshow http://appslideshow.com/here-is-your-link
< Hide this
Slide Title
Description
Transition
1 of 4