Solidify | Creation Flow, No Feedback

14 posts
  • Dashboard Index

    8

    Avatar
    1. 1
      Avatar

      Ignore for now, will become switcher to go to Notable and Verify later. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Links to edit account page (only for the account owner). If person is on multiple accounts then this is used to switch between them. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Number of views of this prototype. These should be visits (in analytics terms), not hits. Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      The number of comments left on this prototype. If comments are enabled. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      Opens the quickview for this prototype, which we may or may not keep. Ignore for now. Matt Kelly, over 6 years

      • Avatar
    6. 6
      Avatar

      Avatar is only shown if this prototype does not below to the current_user Matt Kelly, over 6 years

      • Avatar
    7. 7
      Avatar

      This title is cropped with CSS. Matt Kelly, over 6 years

      • Avatar
    8. 8
      Avatar

      If the creation wizard has not been completed, this link will take you to the next step in the creation wizard. If complete it will take you to the report page. Matt Kelly, over 6 years

      • Avatar
  • Upload and Edit Pages

    5

    Avatar
    1. 1
      Avatar

      Opens standard file select dialog with ability to select multiple images of folders. As images are uploaded they are added to the list below for editing. More images can be added later by selecting more images, which will be added to the bottom of the list below. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Select from titles of existing prototypes. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Grabs all the images of those prototypes and loads them below with their existing titles, that can then be edited. Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      X is displayed on hover here to remove the page. Removal of done via AJAX, and then the element is removed with .fadeOut. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      Image is used as anchor for dragging, to reorder the pages. New positions are saved via AJAX on dragend. Matt Kelly, over 6 years

      • Avatar
  • Edit Hot Spots

    8

    Avatar
    1. 1
      Avatar

      Click and drag to add annotations just like you do in Notable. We have existing code for this, which I can better abstract for use in Solidify. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Select the page that this hotspot will link to. This is why titling is some important. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Include this hotspot on all pages. Used for navigation elements that are in the same position on all pages. Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      Used to simulate a hover state. When you hover onto this hotspot the page image is changed to the page image selected above, when you hover out it is changed back. The actual page is not changed. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      Label changes to save after the hotspot has been created. Matt Kelly, over 6 years

      • Avatar
    6. 6
      Avatar

      Jordan, can we make this an actual clickable element. Matt Kelly, over 6 years

      • Avatar
    7. 7
      Avatar

      Loads this page for editing via AJAX, not a full page load. Matt Kelly, over 6 years

      • Avatar
    8. 8
      Avatar

      Open prototype in viewing mode in new window in preview state. Views, comments and metrics are not recorded while in preview mode. Matt Kelly, over 6 years

      • Avatar
  • Edit Feedback Type

    5

    Avatar
    1. 1
      Avatar

      You can navigate back to sections that are already complete. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      You cannot navigate forward to sections that are not already complete. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      All hotspots always shown while people are viewing the prototype Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      Hotspots are still clickable and hoverable, they are just transparent. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      Let user toggle between above two modes. Matt Kelly, over 6 years

      • Avatar
  • Edit Audience

    4

    Avatar
    1. 1
      Avatar

      Disregard text. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Disregard text. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Open prototypes may be listed on marketing site, and have a potentially guessable url (just the id). Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      Closed prototypes are never publicly listed, and are accessed via a unique token that cannot be guessed. Matt Kelly, over 6 years

      • Avatar
  • Edit Prototype Details

    1

    Avatar
    1. 1
      Avatar

      Jordan, can we please link this to the report page, and not the dashboard. Matt Kelly, over 6 years

      • Avatar
  • Prototype Report Summary

    12

    Avatar
    1. 1
      Avatar

      Same as views shown on dashboard page. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Average time people spent viewing the prototype Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Open share modal Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      Skip this for now. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      Delete this prototype with simple JavaScript confirmation dialog. Matt Kelly, over 6 years

      • Avatar
    6. 6
      Avatar

      Jordan, how do you edit a prototype once you leave the creation wizard? Matt Kelly, over 6 years

      • Avatar
    7. 7
      Avatar

      Opens this page of the prototype in preview mode where no stats are captured. Matt Kelly, over 6 years

      • Avatar
    8. 8
      Avatar

      Tracks views over time, ignore for now. We have the code required to create this in another app. Matt Kelly, over 6 years

      • Avatar
    9. 9
      Avatar

      Jordan, let's use real urls here, not hash bangs. We'll use hashbangs for pages in a prototype, but not the actual prototype. Matt Kelly, over 6 years

      • Avatar
    10. 10
      Avatar

      Opens new window to share this url on Twitter or Facebook. This should work the same way it does in Notable. Matt Kelly, over 6 years

      • Avatar
    11. 11
      Avatar

      Aggregate time spent on the page by all people who visited it (except those in preview mode) Matt Kelly, over 6 years

      • Avatar
    12. 12
      Avatar

      Flip between these pages with an AJAX load. Does not need to be instant (preloaded data), but should not trigger a complete page load. Matt Kelly, over 6 years

      • Avatar
  • Prototype Report Page Stats

    8

    Avatar
    1. 1
      Avatar

      Toggle pages via AJAX. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      As in 90% of people who viewed this prototype viewed this page at least once. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      As in 72% of the exits on this prototype were from this page. Matt Kelly, over 6 years

      • Avatar
    4. 4
      Avatar

      As in 65% of people where on the Job Listings page before viewing this page. Matt Kelly, over 6 years

      • Avatar
    5. 5
      Avatar

      These will most likely not add up to 100% since the user can entire from somewhere outside the prototype. Matt Kelly, over 6 years

      • Avatar
    6. 6
      Avatar

      As in 79% of people who viewed this page viewed the Job Listing page next. Matt Kelly, over 6 years

      • Avatar
    7. 7
      Avatar

      These will also probably not add up to 100%, as the user has to exit the prototype completely at some point. Matt Kelly, over 6 years

      • Avatar
    8. 8
      Avatar

      Same as using the select list to move between pages, but allows you to do it via thumbnails. Changes page via AJAX. Matt Kelly, over 6 years

      • Avatar
  • Prototype Report Testers

    3

    Avatar
    1. 1
      Avatar

      Jordan, are we collecting the name for no feedback tests? Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Complete history of all the pages this person viewed during this visit. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      Change pages via AJAX. Avoid full page load. Matt Kelly, over 6 years

      • Avatar
  • Share Prototype Modal

    We'll have the designers give this some visual love.

    Avatar
  • Start Prototype

    3

    Avatar
    1. 1
      Avatar

      Takes you to the thanks page. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Starts the prototype by rendering the first page. Matt Kelly, over 6 years

      • Avatar
    3. 3
      Avatar

      The JSON data for all the page in the prototype should be loaded when this page loads. As a person clicks through the prototype, the pages will be rendered client side from that data so there is no server request and the interface responds instantly. Matt Kelly, over 6 years

      • Avatar
  • View Prototype

    2

    Avatar
    1. 1
      Avatar

      Only shown if option to allow people to toggle hotspots was selected. Matt Kelly, over 6 years

      • Avatar
    2. 2
      Avatar

      Visible hotspot. Note that invisible hotspot should still have the pointer cursor state. Matt Kelly, over 6 years

      • Avatar
  • View Prototype

    1

    Avatar
    1. 1
      Avatar

      This would like to another page in the prototype. Hotspots in no feedback tests never link to the thanks page. You get to the thanks page by clicking the close x in the top right. Matt Kelly, over 6 years

      • Avatar
  • Prototype Thanks Page

    This page is not applicable for no feedback tests.

    1

    Avatar
    1. 1
      Avatar

      Not shown on thanks page. Matt Kelly, over 6 years

      • Avatar
Created by Matt Kelly

Ben, here are the annotated screens for the first flow we will implement in Solidify.

Drag here to remove post
Saving...

Drop one image to create a new post.

Drop several images to create a new set.

Drop images to add new posts.

Drop an image to add a new version to this post.

You need to publish or delete your new version before adding another.

Please wait for the current upload to finish.

Uploading version...