Redesign Product Specifications
This specification outlines the comprehensive redesign of our product, focusing on enhancing user experience, improving functionality, and modernizing the interface.
Last updated
Was this helpful?
This specification outlines the comprehensive redesign of our product, focusing on enhancing user experience, improving functionality, and modernizing the interface.
Last updated
Was this helpful?
Hylo is updating the layout and UI design of the web and mobile apps to be easier to understand and navigate, more current, and more polished.
We are implementing a “full-width” design on the web that removes the right-hand column and allows content to take up more of the view. When viewing a post, it will open in the center of the screen instead of sliding out from the right.
We’ve streamlined the process of setting up a new group on Hylo, to make it easier to make step-by-step progress and curate a space that is right for the scale of your group.
Welcome Post: Stewards can select any existing post to be a special “welcome post” that is highlighted for new members. This should include information about the group’s purpose and vision, and steps for new members to take to get oriented and activated.
To create a post, there are two options: Click the plus button in the bottom left corner of the screen, or start writing a chat message. Once the chat message box is open, the chat can be expanded into other post types (which come along with more meta-data like dates, topics, location, etc according to which post type it is.)
Search: The search algorithm will be optimized for speed, and members will have the option to search globally or within a specific group.
We are auditing all notifications to clarify messaging and ensure they work smoothly.
We are making significant backend updates to improve performance, speed, and reliability across the web and mobile apps.
We’re centering chat as the core Hylo experience, making the chit-chat of day to day coordination lightning fast and easy to jump in.
Each new group will have a main chat channel, which we will call Home, that starts as the group’s default view. They can rename their main chat which associates it with a different topic, and we will track for each group what their “main” chat topic is.
Hylo will no longer create a chat channel for every Topic. Chat rooms will need to be created manually by a group steward. Chat rooms are still connected to a topic and any posts that use that topic in that group will appear in the chat room if it exists.
Backend improvements will make the chat UI faster to load, scroll, and post. Hylo will also track the last post read better and make it easier to catch up on what you missed.
When creating a post, you see a list of groups in the “To” box, as well as each chat room in each group as an option to send the post to. Typing in the “To” box filters by group and by chat room. Sending a post to e.g. Terran Collective #regeneration will add the topic #regeneration and send the post to that chat room. It will also send the post to the #regeneration chat room of other groups that the post is being sent to, if they have that chat room as well.
When creating/sending a post to a group, if you don’t select any chat room it always by default has the “home” topic/chat associated with it.
When adding a hashtag topic to a post it will pop up a list of suggested topics that starts with the list of chat rooms in the current group. If a topic is selected which is a chat room in a group that the post is being sent to, then that Group/topic combo will appear in the “To” field, e.g. To: “Terran Collective #regeneration”
Chat Notifications:
When joining a new group, by default you will get a notification for each chat in the main chat room. For chats in other topics you only get notified if mentioned in them.
We will still have a separate user setting for each group about whether to get a notification for every non-chat post in the group. This is on by default. When turned off, then the user only gets notifications for posts in chat rooms to which they have subscribed.
Default Notification setting for a chat channel is “mentions only”
If a member participates in a chat for the first time, we consider that “subscribing” to the chat/topic and we turn on notifications for them for every post in that channel. Afterwards, this setting can be manually changed per chat room to mute/unsubscribe from the channel, or re-subscribe to it.
Hylo is making significant changes to the lefthand menu used to navigate within groups, now called the Context Menu. It will now be fully customizable by stewards, allowing them to create a curated menu to direct members’ attention toward what matters most.
Customizable: Stewards can customize the menu right in the menu UI.
Stewards can choose which view is the default home view for the group.
Stewards can create new sections called Widgets (groupings of views) that they can name and order.
Stewards can also add and remove different widgets from the menu.
Custom Views will still be a feature, where stewards can make a view that is a collection of specific posts or a filtered set of posts. Existing Custom Views will be migrated to a “Custom Views” widget.
Stewards can create a container widget to hold specific views, chat rooms, or even an individual post that they want to highlight. This will be formatted as a list for up to 5 items, then a grid with up to 9 items.
Evolutionary: One big change here is that instead of showing all the content types (Projects, Events, etc) by default, the menu will be dynamic and only show the types of content that exist in the group.
There will be a default widget that is a menu of all the “Common” views, including a button for each content type that has been created in the group.
All common views show up here by default. They can be dragged outside of this section if desired.
A max of 9 options in this section. If there are more views in the group, they can be accessed by clicking the “All” button.
Each view will have a number indicating how many new things are in that view (dark) or how many total things are in that view (light).
Each view will have an icon to indicate the type of view.
Complete List of Widgets
Home
By default, this will be a chat room for all new groups.
The view set as Home will always appear first in the menu and cannot be reordered or removed from the menu.
To change the Home view, stewards click the home icon on whichever view they want to set as the new home.
Chats
There is a dedicated Chats widget by default, and all existing active chat rooms appear here first. After that, a steward can rearrange them in the menu as desired.
Members
The Members widget appears by default for every new group.
It shows a list of member names and avatars in order of who’s online, then moderators, then everyone.
Clicking on a member takes you to their profile, and clicking “View all members” takes you to the member directory.
Common Views
This is the dynamic view that programmatically adds different content buttons as those content types are added to the group. These are the core views Hylo offers by default such as Stream, Events, Decisions, Projects, Requests & Offers, Map, Discussions, Related Groups, and Resources.
This widget always appears by default in new groups, but can be reordered or removed.
Items in the grid can be re-ordered and removed after they appear, and wont be re-added even if more content in that category is added (they will still be accessible through the All View).
Custom Views
These match current functionality, where a steward can create a special filtered view showing either a specific collection of posts, or a filtered set of posts, with a custom name and icon.
External Links
These are set by a steward to highlight the group’s key links to other websites or services.
Setup Guide
This widget is only visible to stewards and shows what’s left to set up the group.
All View
This opens up a menu showing all possible content types and views including common views, custom views, widgets, and chat rooms.
The global navigation menu is changing to show group icons rather than a list of group names. It will contain the most important member settings and highlight the member’s most visited groups. It can also be sorted by members to prioritize their favorite groups.
Global Nav Menu Items (from top to bottom)
Member Avatar: Clicking their photo icon in the top left will take the member to their personal settings and My Home context.
Notifications
Direct Messages
Hylo Commons
Groups
Groups with recent activity will have a number on a grey background.
Groups with notifications for the member will have a number on a red background.
The currently open group will be highlighted in blue.
Create
Help
On mobile, the global nav will display groups on the lefthand column, and then add an additional menu at the bottom of the screen (in thumb range) that includes the Create button, member settings, DMs, and notifications.
A new welcome email will be sent to orient new Hylo members, and people who set up a group will also receive an email to guide them on their journey.
Notifications will be audited to ensure all links take the member to the right place on the web and mobile app.
DMs
For content in multiple groups, use the link to the group that triggered the notification.
Improved Notification Settings & UI: Members will be able to specify their desired frequency of notifications for each group they are a part of, with options including every post, mentions & announcements only, or no posts. The default will be to be subscribed to every post and to be automatically subscribed to the #home chat channel. Options for DM notifications will stay the same = push, email, both or none. (Default = both)
We will also add the ability to receive browser notifications.
Members will be able to pause all notifications.
Redesigned & Improved Email Digest: The email digest will be streamlined to remove top links and highlight more useful information:
The number of new posts in each chat room
A couple of the latest posts from rooms you are subscribed to
One or more recent comments on posts you are a part of
Highlight chat rooms that have new comment activity (showing one or two recent posts), even if you are not a part of them
New reminders, such as: Upcoming events in the next week, proposals closing this week, requests or offers that are closing this week, and highlighting currently open requests and offers
New notifications: We will add several new notifications such as for when:
A new member joins a group you are a host of
A new member joins a group you are a member of - in app only (this will appear in the Home chat stream)
A proposal closing soon - if they have not voted
A request or offer is closing soon
There are open requests, offers from the member that may need to be closed
A member RSVPs to an event, they will get an email with the calendar invite including add-to-cal links or cal attachments, and reminders the day before and hour before.
Desktop app & notifications: We will release a desktop version of Hylo that includes desktop notifications.
Signup & Onboarding
Streamlining this process to make it faster to become a member of Hylo and discover relevant groups.
Chat rooms will show who’s in the chat room and active right now.
A “Recent Activity” widget!
Steward Guide will include more in-depth information about setting the group up for success.
Stewards will be able to curate members’ access to different areas of the group based on badges.
For example, there can be private chat channels only accessible to members with a certain badge, or Tracks that only members with badges from previous Tracks can access.
There will be a default private channel for everyone with a steward role
There will be an Announcements chat room where only stewards can post but everyone has access
Do a better job of tracking every post you have seen, and only send you notifications for ones you have not seen already. This is a significant project we hope to get to this year.
