Prototypes Archive

FYI

As prototypes created with visual prototyping tools and to demonstrate specific features or functionalities, many must be navigated exactly as prescribed—else they will break. Most imply multiple features that do not "work," while other features will work, for this same reason. UXPin prototypes are generated with React code that requires Javascript. Invision prototypes are effectively static JPGs with "hot spots" to navigate to other static JPGs. Invision Studio uses some fancy rendering something I don't know much about, but presume it requires Javascript. Enjoy!

---

SDW Safe Delete (Apr 2021)

• For: UxR study
• Features: Safe Delete from JI, mirrored in Client; "tear" pattern, muted-lilac overlays & cubes spinner
• Navigation Instructions
  • 1st, Benign Artichoke, files/messages
  • 2nd, Cuddly Antelope, account
• Link: UXPin

SDW Tagging (Jan 2021)

• For: Team PoC (no idea why this was requested, I'd honestly forgotten about it!)
• Features: Journalist ID tagging, Source tagging, googly-eyes "seen by"
• Navigation Instructions: hover over screen on-click. Invision UI arrows will overlay the screen on each side; use these to navigate. No "hot spots" on screen.
• Link: InVision

Source UI "Get Codename" Page (Jan 2021)

• For: Improve new source guidance
• Features: Instructive copywriting, update colors, codname semiotics (lock), codename widget on "Submit" page, Source UI design principles, footer update w/ links
• Link: InVision
• Note: Invision has no hover states nor other animation; it's clicking between static JPGs, essentially

JI Safe Delete (Dec 2020)

• For: UxR study (script, tbd)
• Features
  • MClemens: (tbd)
  • NBly:(tbd)
• Links: MClemens · NBly

Source UI Hide/Show "Encryption Options" (Nov 2020)

• For: Team PoC for progressive disclosure pattern on SUI
• Features: Hide/Show div on text above uploads box
• Nav Instructions: It's just 2 pages. :)
• Link: InVision

Read/Unread (Jul 2020)

• For: UxR study (script, tbd)
• Features Shown: Read/Unread (auto), Mark Read/Unread, Muting, View Filters, User Guide, Seen By
• Link: UXPin

Source "Learn More" Page (Jun 2019)

• For: Team PoC
• Features: Content outlining TL;DR opsec risks for sources unwilling to read more thorough documentation
• Link: InVision

SDW Client "Briefcase" Export (Mar 2019)

• For: Team PoC
• Features: Bulk export w/ a shopping-cart like feature we anti-Capitalist'd as "Briefcase"
• Nav Instructions: I forgot, click & see "hot" areas highlighted.
• Link: InVision

SDW Client (Nov 2018)

• For: Early user feedback
• Features: Download/Decrypt, Export w/ Decryption, Read/Unread
• Nav Instructions: I forgot, click around—some fun animations I'd forgotten about!
• Link: InVision Studio

SDW Client (Oct 2018)

• For: Early user feedback on
• Features: Demonstrates Qubes boot, online/offline, login
  • Click into Reply Pane to see "ideas pu-pu-platter" screen w/ Trash Can, Notepad, Waterline, and lots of other implied options
• Nav Instructions: I forgot, click & see "hot" areas highlighted.
• Link: InVision