Mob: Navigation customization
Goal
By enabling Networks admins to customize the buttons and link in their navigation, we can enable new bespoke applications of Networks and convert more sales.
What needs to be done
Acceptance Criteria
-
As a Networks admin, I want to rename and remove core items from the navigation so that I can curate the community as I see fit. - Site navigation reflects ordering defined by Network admin
-
As a Networks admin, I want to create custom pages on my network and link to them in the navigation so that I can create new resources for my community. - User-facing display of markdown pages
- Update basic typography styling for markdown pages
Would not update dynamically, but we should have it work where
- if user restarts the application, the navigation is updated.
- Won't have to wait for a response from the server.
QA
UX/Design
Potential issue:
- Deep-linking when pointing to url's (would need to configure the subdomain first, as other solution would lead to deep linking loop (infinite)).
- Pre-filled / selected icons as part of Material would need to be consumed by the mobile app and rendered on the mobile app.
- The ordering of nav items can be changed (modified through admin panel)
- The name of a nav item can be changed (modified through admin panel)
- The icon of a nav item can be changed (modified through admin panel).
Icon list
- water_drop
- eco
- workspace_premium
- rocket_launch
- thumb_down
- thumb_up
- groups
- person
- language
- camera filter_vintage
- currency_bitcoin
- shopping_bag
- forest waving_hand
- accessibility_new
- settings
- diamond
- handshake
- sunny
- lightbulb
- article question_answer
- dashboard
- verified
- fingerprint
- emoji_events
- play_circle
- emoji_flags
- bedtime
- campaign
- try
- bug_report
- pets
- bookmark
- room
- savings
- calendar_month
- work
- speed
- key
- bolt
- gesture
- star
- favorite
- task_alt
- school
- menu
- home
- search
Handoff figma link - Link
Context
refer to &360 (comment 1790275638) and &360
Solution
Main screens
- view links (consolidated view)
- create custom page
- edit custom page
- create custom link
- edit custom link
This is an example of editing a "core" link, which encompasses some core functionality like Newsfeed / Explore / Groups
- navigation menu re-ordering section
- icon selection modal
The typehead results would be served inside the container itself.
OLD / to refactor for new prototype videos
Nav bar re-ordering
Creating a link (external)
Integrated_Create_Link_Update_Menu
Creating a markdown driven page with meta tags
Create_Custom_Link_Revised_Proto
Editing a link or a markdown driven page
Renaming a current page(newsfeed)
Mobile
-
Is Mobile Required?
Example render
- If web config is
The mobile app side nav would show up like so
However, an important aspect to note here is that some links (admin being one of them), are "DESKTOP* only.
- The admin panel could be "not" present on the mobile app since it is not a feature on the mobile app, but the desktop. Another alternative is to simply have a modal or a toast pop up, but still have the representation of the link there.
Personas
Experiments
Definition of Ready Checklist
-
Definition Of Done (DoD) -
Acceptance criteria -
Weighted -
QA -
UX/Design -
Personas -
Experiments