--- ###### tags: `Dungeon Master` --- # v1.5 Travii Review: Post-Dev Updates Part 1 December 15, 2022 ### Cited Changes from Devs - Intuitive filters and sort options - A command pallete for app wide search (cmd + k) - Member detail: showing raids a member has been on - Added a very slim dashboard with my raids and new raids --- ### First Impressions - Two new categories in the nav bar: `Consultations` & `Applications` - Still need to develop a landing page before dApp - New verify account modal ### Dashboard - New page: add to docs - Spacing of `My Raids` is funky - should be aligned with `New Raids` - Removed left nav bar? ### Raids - No sort/filters? - `Roles Required` is new - `Tags` not working: can't add or remove - `Updates` not working: not added to raid, no submit toast - `Add Role/Raider` not working: no response, no toasts - `Edit` raid details requires a refresh ### Consultations - General UX needed: - hierarchy of importance of card info - Specs should be its own button? - what info a cleric needs to `Create Raid`: what is the most significant info ### Members - Cards are full width? Poor use of real estate - No filtering, tags, search... no nav bar? How to search members now? - UX test: no need for a `Members` menu tab if the only way to find a member is through search ### Applications - Cards are full width again? - No filtering, tags, seach... no nav bar - In detail view: `Create Member` button doesn't work ### Footer (new) - `Consultation Queue` link > HireUs/bids = isn't this redundant to the `Consultations` menu tab in DM? - Each has different info: - DM Consultations allows clerics to``Start Raid` - HireUs/bids displays $RAID bidding leader board - This info should be compiled into a single UI - `Smart Invoice` link: shouldn't SI be more integrated into the raid setup flow? ### Design System Tweaks - Remove glow of the fonts - Gradient button is difficult to read - Not enough color contrast (lacks user accessibility, should run report) - HireUs uses a different visual design? - All card spacing - All padding (to make consistent) --- --- # v1.5 Travii Review: Post-Dev Updates Part 2 December 19, 2022 ## New Documentation IA [Correlated to the e2t screenshots](https://www.figma.com/file/QJsr8NKYk1Wfy2x9AGdZ4F/Dungeon-Master-v1.5?node-id=0%3A1&t=TiJ3UYNY7Du21kcx-1) 🔴 High priority 🟡 Medium priority 🟢 Low priority ## General ### Home Page - No changes needed ### Connect Wallet - New flow (Rainbow kit?): seems to be working fine. ### Dashboard - New flow: seems to be working - 🟢 Feedback: The Dashboard should be a high-level nav of everything that can be done. Currently its just a list. ### Search - 🔴 New flow: icon instead of form field - does not work - **broken** - Clicking icon should bring up the search modal similar to `ctl+k` - 🟢 No need to have the redundancy of the `Navigate` section of the modal, since these menu options are already visible on every page. - 🟢 Recommendation: modal reduced to just search, no nav options, or a click expands the icon to a form field - 🟢 `Link` text seems superfluous, since the search data is clickable itself. Remove. - 🟡 Cannot search by raid status (Awaiting, preparing, raiding, lost, shipped) ## Raids ### Raids-Landing - 🔴 Search has been added, still no sort. Probably need to add sort. - 🟡 Default sort is unclear: what is the sort criteria when this page loads? - 🟡 What happened to the left nav bar? Sorting by raid status seemed useful. ### Raids-Loading - 👍🏽 Loads fast! ### Raids-Sort - 🔴 Currently completely missing. No sort options available. ### View-Details (Card detail view) - 🔴 Page glitches when moving cursor. This glitchy-ness is happening thoughout the app. ### Update-Status - 🟢 Clicking on raid status: toast could stay on screen longer and should be moved up into view - 🟡 Status sometimes updates without refresh but this is not consistent ### Update-Raid-Details - 🟢 Action of the `Edit` button is unclear. - 🔴 When making changes in the modal (Raid Name, Raid Category, Raid Start/End Date), screen flashes and resets changes before they can be saved. - 🟡 Raid Start/End Date is not displayed in card view. - 🔴 Cannot edit `Invoice Address` field, nor is it displayed on the card. - 🟢 `Name` and `Category` are updating fine - usually requires a refresh. - 🔴 General crazy glitchy-ness causing friction. - 🟢 `n/a` on the card under `Project Details` that doesn't seem to be correlated to the headings? - 🟢 There is a `Show More` link, but nothing more to show. - 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** - Project Details - Budget - Desired Delivery - Project Type - Specs - Delivery Priority - Key Links: - Project Specs (redundant to Specs above?) - Client Point of Contact - Name - Email - Discord - Bio - Additional Info - Raid ID ### Add-Raider - 🟢 Remove extra step: starts as text `+ Add Role or Raider` (should remove the + or Add). When clicked become two buttons. This additional click is unnecessary. - 🟡 If the flow is initiated and the user switches screens (views another open window) and switches back, the flow resets. - 🔴 Add Raider: Clicking `Add` nothing happens - **broken** - 🔴 Add Role: Clicking `Add` nothing happens - **broken** - 🔴 Screen consistently glitches 😿 ### Add-Tag - 🟡 This feature is not currently working - **broken** (low priority feature, but if it doesn't work lets just remove it) ### Add-Update - 🔴 Status Update > `Add Update` > clicking opens Update form field > clicking on `Submit` is unresponsive - **broken** - Refreshing page loses form field content and resets page, lost changes ### Cancel-Raid - 🔴 `Cancel` button is completely removed/missing? Cannot cancel raids. ## Consultations ### View-Consultations - 🟡 No sort: no way to sort the consultation cards, no indication of how they are default sorted (alphabetical?) - How might we visually highlight the cards that are priority? Sorting, color, etc. - Recommendation: adding connection to the $RAID bid amount pulled from the consultation queue ### View-Details - 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** (Same comment as above.) - All the same categories as the live raid card. - 🟢 If the carrot is clicked to expand the view, then the user navigates away and returns, the screen view is reset. ### Create-Raid - 🔴 Clicking `Create Raid` button does nothing - **broken** ## Members ### Members-Landing - 🟢 Could/should display a landing page before the members list ### Loading-Members - 👍🏽 Loading is fast! ### View-Members - 🟡 No sort option, defaul sort is unclear. - 🔴 Lost left nav bar: no way to sort/filter through Raid Member classes. Should add back or provide a way to sort. ### Search-Members - 🟡 No sort/filter options. Refer to Raids search comments. ### Sort-Members - 🔴? Removed? Reference above comment. ### Member-Details - 🟢 Displays `Not Raiding` while there is an active raid assigned to member ![](https://i.imgur.com/2lHcD3S.png) - 🟡 Member card is not displaying data in detail view (does display on the meta card view though): - Email - Telegram - Twitter - Guild Class ### Edit-Profile - 🔴 Cannot edit ENS/ETH Address on edit modal - no wallet info at all - 🔴 Cannot edit primary or secondary skills (displayed but not functional) ## Applications ### View-Applicants - 🟢 Could/should have a landing page before displaying applicants? - 🟢 Applicants don't need a raid status? ![](https://i.imgur.com/6LOs9Vk.jpg) ### Applicant-Details - 🟡 Information gatehred in the application process that is not displayed on the card. ### Create-Member - 🔴 `Create Member` button does not work - **broken** --- ### UI/Design System Comment Bucket - Too many fonts: seems to be 6 fonts being used? Or am I trippin? - 3 fonts being used in the footer - Overall: reduce to 2 fonts ![](https://i.imgur.com/mEvrVck.jpg) - Update the loading spinner to be RaidGuild themed? - Detail Card View > clicking on `Edit` > Update Raid modal > `Update Raid` button has a white outline - Revisit padding/spacing throughout app to make consistent (instantiate the use of a grid across all screens) - Cards display at different sizes on various screens. Should be made consistent throughout. - Decide on a standard for indentation - all left or all centered - Too many different button styles. Buttons are too different from each other. Examples: ![](https://i.imgur.com/vIt1InG.jpg) ![](https://i.imgur.com/zONMADB.jpg) ![](https://i.imgur.com/vKwwq1Y.jpg) - Some frames are very rounded, some slightly rounded, some not rounded. Should make consistent across the design system. Examples: ![](https://i.imgur.com/F0x1GcL.jpg) ![](https://i.imgur.com/mn6UgHI.jpg) ![](https://i.imgur.com/1sjyPTO.jpg) --- # v1.5 Travii - Scott's iteration December 19, 2022 ## New Documentation IA [Correlated to the e2t screenshots](https://www.figma.com/file/QJsr8NKYk1Wfy2x9AGdZ4F/Dungeon-Master-v1.5?node-id=0%3A1&t=TiJ3UYNY7Du21kcx-1) 🔴 High priority 🟡 Medium priority 🟢 Low priority ## General ### Home Page - No changes needed ### Connect Wallet - New flow (Rainbow kit?): seems to be working fine. ### Dashboard - New flow: seems to be working - 🟢 Feedback: The Dashboard should be a high-level nav of everything that can be done. Currently its just a list. ### Search - 🔴 New flow: icon instead of form field - does not work - *use cmd + k to activate search as the icon indicates -Scott* - **broken** - Clicking icon should bring up the search modal similar to `ctl+k` - 🟢 No need to have the redundancy of the `Navigate` section of the modal, since these menu options are already visible on every page. - 🟢 Recommendation: modal reduced to just search, no nav options, or a click expands the icon to a form field - 🟢 `Link` text seems superfluous, since the search data is clickable itself. Remove. - 🟡 Cannot search by raid status (Awaiting, preparing, raiding, lost, shipped) ## Raids ### Raids-Landing - [x] Search has been added, still no sort. Probably need to add sort. - [x] Default sort is unclear: what is the sort criteria when this page loads? - [x] What happened to the left nav bar? Sorting by raid status seemed useful. - *filters added -Scott* ### Raids-Loading - 👍🏽 Loads fast! ### Raids-Sort - [x] Currently completely missing. No sort options available. ### View-Details (Card detail view) - 🔴 Page glitches when moving cursor. This glitchy-ness is happening thoughout the app. - *we'll be digging into these re-renders while you're out -Scott* ### Update-Status - 🟢 Clicking on raid status: toast could stay on screen longer and should be moved up into view - 🟡 Status sometimes updates without refresh but this is not consistent ### Update-Raid-Details - 🟢 Action of the `Edit` button is unclear. - 🔴 When making changes in the modal (Raid Name, Raid Category, Raid Start/End Date), screen flashes and resets changes before they can be saved. - *same re-render issue as above -Scott* - 🟡 Raid Start/End Date is not displayed in card view. - *this replaces created date when available -Scott* - 🔴 Cannot edit `Invoice Address` field, nor is it displayed on the card. - 🟢 `Name` and `Category` are updating fine - usually requires a refresh. - 🔴 General crazy glitchy-ness causing friction. - same re-render problem as above -Scott - 🟢 `n/a` on the card under `Project Details` that doesn't seem to be correlated to the headings? - 🟢 There is a `Show More` link, but nothing more to show. - 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** - Project Details - Budget - Desired Delivery - Project Type - Specs - Delivery Priority - Key Links: - Project Specs (redundant to Specs above?) - Client Point of Contact - Name - Email - Discord - Bio - Additional Info - Raid ID - *Most information is not editable, it can be made editable as a part of the permissions flow. UX is now out of scope -Scott* ### Add-Raider - 🟢 Remove extra step: starts as text `+ Add Role or Raider` (should remove the + or Add). When clicked become two buttons. This additional click is unnecessary. - 🟡 If the flow is initiated and the user switches screens (views another open window) and switches back, the flow resets. - [x] Add Raider: Clicking `Add` nothing happens - **broken** - [x] Add Role: Clicking `Add` nothing happens - **broken** - 🔴 Screen consistently glitches 😿 - *same rendering issue as above -Scott* ### Add-Tag - 🟡 This feature is not currently working - **broken** (low priority feature, but if it doesn't work lets just remove it) - *hidden -Scott* ### Add-Update - [x] Status Update > `Add Update` > clicking opens Update form field > clicking on `Submit` is unresponsive - **broken** - Refreshing page loses form field content and resets page, lost changes - *UX for caching this is out of scope between refreshes -Scott* ### Cancel-Raid - 🔴 `Cancel` button is completely removed/missing? Cannot cancel raids. - *Raids are not cancelable. Raids can be shipped or Lost. Consultations can be cancelled and may be missing currently. -Scott* ## Consultations ### View-Consultations - [x] No sort: no way to sort the consultation cards, no indication of how they are default sorted (alphabetical?) - How might we visually highlight the cards that are priority? Sorting, color, etc. - Recommendation: adding connection to the $RAID bid amount pulled from the consultation queue ### View-Details - 🔴 Most information is not editable. All data should be editable. **Travii's's should offer design recommendations, can provide wireframed options, can test this in milestone 2** (Same comment as above.) - All the same categories as the live raid card. - 🟢 If the carrot is clicked to expand the view, then the user navigates away and returns, the screen view is reset. ### Create-Raid - 🔴 Clicking `Create Raid` button does nothing - **broken** - *To Do -Scott* ## Members ### Members-Landing - 🟢 Could/should display a landing page before the members list ### Loading-Members - 👍🏽 Loading is fast! ### View-Members - [x] No sort option, defaul sort is unclear. - [x] Lost left nav bar: no way to sort/filter through Raid Member classes. Should add back or provide a way to sort. ### Search-Members - [x] No sort/filter options. Refer to Raids search comments. ### Sort-Members - [x] ? Removed? Reference above comment. ### Member-Details - 🟢 Displays `Not Raiding` while there is an active raid assigned to member ![](https://i.imgur.com/2lHcD3S.png) - 🟡 Member card is not displaying data in detail view (does display on the meta card view though): - Email - Telegram - Twitter - Guild Class ### Edit-Profile - 🔴 Cannot edit ENS/ETH Address on edit modal - no wallet info at all - 🔴 Cannot edit primary or secondary skills (displayed but not functional) - *both of these weren't available in v1. UX introduces permissions questions. -Scott* ## Applications ### View-Applicants - 🟢 Could/should have a landing page before displaying applicants? - 🟢 Applicants don't need a raid status? ![](https://i.imgur.com/6LOs9Vk.jpg) ### Applicant-Details - 🟡 Information gatehred in the application process that is not displayed on the card. ### Create-Member - 🔴 `Create Member` button does not work - **broken** - *To Do -Scott* --- ### UI/Design System Comment Bucket - [x] Too many fonts: seems to be 6 fonts being used? Or am I trippin? - 3 fonts being used in the footer - Overall: reduce to 2 fonts ![](https://i.imgur.com/mEvrVck.jpg) - Update the loading spinner to be RaidGuild themed? - *is it not? -Scott* - https://raid-guild.github.io/design-system/?path=/story/components-atoms-spinner--spinner - Detail Card View > clicking on `Edit` > Update Raid modal > `Update Raid` button has a white outline - Revisit padding/spacing throughout app to make consistent (instantiate the use of a grid across all screens) - Cards display at different sizes on various screens. Should be made consistent throughout. - Decide on a standard for indentation - all left or all centered - Too many different button styles. Buttons are too different from each other. Examples: ![](https://i.imgur.com/vIt1InG.jpg) ![](https://i.imgur.com/zONMADB.jpg) ![](https://i.imgur.com/vKwwq1Y.jpg) - Some frames are very rounded, some slightly rounded, some not rounded. Should make consistent across the design system. Examples: ![](https://i.imgur.com/F0x1GcL.jpg) ![](https://i.imgur.com/mn6UgHI.jpg) ![](https://i.imgur.com/1sjyPTO.jpg) *These are all design system issues and should be raised there -Scott*