-
Notifications
You must be signed in to change notification settings - Fork 42
Glossary
This is an opinionated glossary of terms developed by the SecureDrop team.
Issues in the securedrop-client repository labeled ux need to adhere to the UX Styleguide. The styleguide is broken-up into sections for Styling and _Behavior.
Styling: What things look like. Most of this is provided in a combination of Zeplin Screens that you interact with in order to see values for things like colors, fonts, padding, etc.
Behavior: What should this thing do when you click that? How long should the message show for, before it disappears? Details like that are shared in the Styleguide towards the bottom, in the Behaviors section. Invision prototypes are shared with bulleted notes and instructions for each.
A tool used to provide design mockups and specs, with CSS code that we use as specifications for securedrop-client work tagged with the ux label. These specifications are stored in what Zeplin calls Screens.
A cloud service used by designers, to easily make clickable prototypes from Sketch wireframes. Screens in an Invision prototype are made from static PNG images, with clickable "hotspots" the designer inserts. If you click inside any screen area on an Invision prototype, the hotspots will flash blue.
Reference this page for areas of the UI mapped-out by name.
Authentication Widget: —tbd—
Files Pane: —tbd—
ID Badge: A colored square with the first two letters of a user's username in white text, on top of it. Post-Beta it is hoped these will be comprised by the user's first and last name initials.
Left Pane: —tbd—
Conversation Pane: The pane to the right where Source messages and files will show-up for Journalists. Also where Journalist responses are shown in the mine/yours messaging paradigm. Multiple journalists may correspond with a single source. Each journalist will be represented with a unique ID badge.
Messaging Bar: Nested inside the Top Bar. Displays compact/brief Error and Success messages.
Messaging: Communication from the system to the Client's user.
Conversation Bubble: If you are a Source, your message displays to the Journalist in in a Conversation Bubble aligned to the left side of the conversation pane. If you are a Journalist, your message and an ID badge with the first 2 letters of your username, display aligned to the right side of the Conversation Pane and in a unique color.
Refresh Button: —tbd—
Timestamp/Status: —tbd—
Reply Pane: —tbd—
Source List: —tbd—
Selected Source Header: —tbd—
Offline Icon: —tbd—
Top Pane: —tbd—
Login Open: —tbd—
Login Greeting: —tbd—
Visual Design: —tbd—
Interaction Design: —tbd—
Content Inventory: —tbd—
Things out of scope for Beta, but in backlog items and some wireframes
Briefcase:
Error Queue:
Activity Pane:
Trash/Destroy Flow: