Replies: 31 comments 38 replies
-
For the sign up form, we can make it more engaging by using gamification elements like progress bars, pop-ups, or badges to keep users motivated during the sign-up process. |
Beta Was this translation helpful? Give feedback.
-
If I am getting it right, we would like a feature where ZubHub recommends students to groups and groups to students. Suggestion: |
Beta Was this translation helpful? Give feedback.
-
Hi all! This task is reserved for Outreachy internship. The contribution period will begin on March 6th. You can come back after this date to start contributing to the discussion. |
Beta Was this translation helpful? Give feedback.
-
Potential ChangesSo here is a list of the things, I'd love have a constructive discussion for (this list isn't exhaustive and totally open for addition to ideas) 1. Updating the Login & Sign Up PageSign up page As soon as a new user enters the website and try to sign up, they get bombarded with a lot of questions which clearly isn't a good practice.
Login page: The textbox shouldn't be side by side rather following the convention of having the username textbox up and password textbox down below.
2. Adding a tutorial page/animation after logging in for first timeOnce the user enters the page for the first time it would be great to to have a proper step by step tutorial to get familiar with the entire website explaining them where they can find which button and how they can create a demo project. 3. Adding tooltipsHaving a tooltip for each button always comes in handy, it will not only guide a first time user on the website but also help them out with figuring what they can do! |
Beta Was this translation helpful? Give feedback.
-
@tuxology, here is a list of things I noticed on the login page
I attached an image with sketch I made highlighting the things I noticed. |
Beta Was this translation helpful? Give feedback.
-
Hi @tuxology @srish here are some of the things I noticed on the landing page/ login on signup page
|
Beta Was this translation helpful? Give feedback.
-
Hi @srish @tuxology Kindly find below some of my observations and recommendations for the New user feature,
|
Beta Was this translation helpful? Give feedback.
-
After sign up, the user should be taken on a mini-tour of the platform to help them get familiar with the platform. The tour is optional and can be terminated at any point. @srish would love to get your feedback on these. |
Beta Was this translation helpful? Give feedback.
-
Hello @srish I would like to suggest this To pop up immediately the post has been made successfully, then disappear to the newly made post page. The design is subject to improvement as I am not a designer, however I am frontend developer and I can implement this feature |
Beta Was this translation helpful? Give feedback.
-
@tuxology @srish please kindly look at my observation and wireframes for zubhub features
I came up with a few solutions for these and designed a few sketches to show it
These are few suggestion and wireframes sketches i came up with, please i am open to correction, feedback and task issues assignment. |
Beta Was this translation helpful? Give feedback.
-
Hi @srish @tuxology @darechan @sethiastha I worked on a grouping/Room User interface on ZubHub that allows users to create a group and add or remove members, making the room public or private. Figma file: https://www.figma.com/file/znHmUthh7VmGk5W9StISSc/ZubHub-Project?node-id=236%3A25&t=N56ogQ9wscGvd3fc-0 |
Beta Was this translation helpful? Give feedback.
-
Hello everyone! @tuxology, @srish I, and @Temabo have been working on the user interface for the grouping feature in Zubhub. As part of our brainstorming process, we researched how other platforms have implemented similar features and used our findings to create low-fidelity wireframes for the group account creation process. We would greatly appreciate any feedback from the community and are also open to collaborating with others on creating more UI screens for this feature. |
Beta Was this translation helpful? Give feedback.
-
Hi, @srish and @tuxology I want to know if my understanding of the grouping feature is correct with these user stories |
Beta Was this translation helpful? Give feedback.
-
hi @srish and @tuxology please i have been unable to paste my designs on here, please i need assistance on how to |
Beta Was this translation helpful? Give feedback.
-
I made few changes to the landing page and signup page, i think the colors are too bright so i did a revamp, I also made the log in page and sign up page simple and easier this would enable new users to get started in a short period of time. i am working on the home page too @srish @tuxology i would appreciate your feedback |
Beta Was this translation helpful? Give feedback.
-
Hi, @srish, @tuxology I went back and iterated on my previous design for the user interface of the ZubHub grouping feature, which allows users to create, add, or remove members. This is the result outreachy.mp4 |
Beta Was this translation helpful? Give feedback.
-
Starting from the first problem statement, “Currently, it is hard for new users to immediately get an idea of what they are supposed to do when they first land on the website Some examples of keeping new users engaged through a guided experience would be emphasizing signing up” I iterated a landing page which would act as user guide for a new user who is just visiting the website, they can quickly grasp what happens in the Hub, while as well emphasizing on signing up (with a clear CTA for signing up) |
Beta Was this translation helpful? Give feedback.
-
Hello, I'm girish, I'm getting this error while setting up the backend, could you please help me out |
Beta Was this translation helpful? Give feedback.
-
@srish @tuxology I also made a prototype video on how it would work Page.1.-.Zubhub.Contribution.-.Figma.2023-03-18.12-57-39.mp4 |
Beta Was this translation helpful? Give feedback.
-
I noticed the Zubhub website doesn't have a frequently asked question, so I carry out UX research on this. I asked some kids from ages 6-11 years old to use the website on their own, as new users, they are supposed to signup. in the process of signing up, they kept asking me questions like:
I have to answer all of these questions for them. so I decided to come up with a FAQs page for the kids and also added some questions that parents are likely to ask before giving their kids access to the website. The FAQ is going to be at the footer of the website as a link(when a user clicks on it, it takes them to the FAQs page) FAQ added as a link: At the footer @sethiastha @tuxology @srish Please let me know what you think about this. Thank you |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
@srish @tuxology @sethiastha The first frame shows the access point to grouping, A zubhub user can a group or belong to a group and view their groups through the side menu dropdown. The second frame shows the group a user belongs to, and buttons like search, filters for all or favorited groups, as well as create a new group. |
Beta Was this translation helpful? Give feedback.
-
Hey @sethiastha @srish @tuxology ,everyone. I included a Newsletter section on the homepage, for users to subscribe too, so they get latest tips and updates on ZubHub through their emails. These emails would include sending users next steps if they leave without creating a project and sharing with them some activity ideas and tips on how they could earn badges. What do you guys think? |
Beta Was this translation helpful? Give feedback.
-
Hey @sethiastha @tuxology @srish , everyone. With ZubHub needing a User Interface for their grouping feature that allows organizations to create group accounts and add and remove members to them. I came up with a design that could support this feature. SIGN UP SCREENS FOR ORGANIZATIONS PROFILE PAGE FOR ORGANIZATIONS Below is what their profile would look like when they haven't created any groups. Below is what what their profile would look like when they have created groups and added members. INVITE AND REMOVE GROUP MEMBERS SCREEN CREATE NEW GROUP SCREEN HOMEPAGE FOR ORGANIZATIONS WITH PROFILE DROPDOWN What do you guys think? |
Beta Was this translation helpful? Give feedback.
-
Hey @sethiastha @tuxology @srish Based off, of the problem statement I came up with a screen for the home page, that emphasises on signing up. What do you guys think ? |
Beta Was this translation helpful? Give feedback.
-
Hey @sethiastha @srish @tuxology , everyone. Currently, it is hard for new users to immediately get an idea of what they are supposed to do when they first land on the website. One way of keeping new users engaged would be welcoming them with a quick tour of the platform. Once a new user signs up, the quick tour feature appears, it gives new users a brief introduction of the platform so they understand the platform and feel welcomed, as opposed to being confused and unengaged. QUICK TOUR FEATURE Users who just signed up gets redirected to the homepage, with the option of a quick tour When they start the tour, they begin to get an idea of how to use platform, here the user is being educated on how to create a project. Likewise here, there are two ways to create projects on homepage. The browse activities button's purpose was difficult for me to understand as a first-time user, but thanks to the quick tour option, users can obtain a better understanding of it. As sharing and learning are at the heart of ZubHub, I decided to include the explore ideas button to the quick tour. This button functions like an encyclopedia of creativity, where creators may go to get inspiration from the available activities. Most users prefer to be able to easily access their profile without having to search for it; this enhances the user experience as they believe the platform to be helpful and usable. HERE THE LINK TO THE PROTOTYPE What do you guys think? |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Conducting User Testing for Zubhub So far I’ve made a few ideations and iterations based on the brief, feedback and my own hypotheses. What do users actually think? To begin understanding this, I set off to conducting an interview with one such potential user: a student. My interviewee(let’s call her Riya) is in 12th grade and is a sciences student. I made an interview plan and created a Discussion Guide: The interview would take place with the interviewee sharing their screen, sharing their thoughts out loud as they went through the Zubhub flows for the very first time. My goals for the interview were to understand:
Here’s what I gathered:
“I can learn by reading and writing notes, but I haven’t tried working on projects of this kind. I don’t think I’m good at cutting and pasting, or working with any physical items. I wouldn’t know what to do here” Suggestion: We can emphasize guiding students with learning guides and tutorials for simple activities they can start with so they don’t feel lost about where to begin. While there is an existing “Explore Ideas” button, it would be ideal to integrate these learning resourves within the website. Regarding my gamification solution: Riya said that while she liked the appearances of the badges, it felt a little superficial to her because the rewards were not “real”, just visual elements that wouldn’t feel good to have unless she was already passionate about making projects. Suggestion: I can explore the concept of gamification further and understand how to genuinely help students enjoy creating and sharing, without it feeling superficial. How can we make this interest feel intrinsic? I'd like to look into this further.
Suggestion: We could allow users to personalise their feed a little by having them select their areas of interest, for example during onboarding, so that these appear first. Taking suggestions from 1. Ahead, we can also personalise their tutorials so they get to learn their favourite areas primarily. Riya enjoyed the existing sign up process. She found it simple and easy, but did find it feel a little too long by the end, and the bio especially felt annoying. “I don’t know what I should write about myself, suddenly my brain goes blank about my interests and personality” About my redesign, she liked the flow and transition of it, and she said it kept her from getting distracted because of the animated moving questions. The sample bio was especially helpful as she could use the template to write about herself, it gave her “a starting point”. For the project creation process, she said a similar “sample description” could be helpful There is not a lot of scope for users to interact with each other beyond commenting. Riya said that, if she really likes someone’s work, she’d want to talk to them further, chat with them about what they like, how they worked on their projects, and so on. Suggestion: A messaging feature between users could help brings users closer and bring a stronger sense of community
Quick Tour: She did not like the quick tour idea, saying that she always skips the tour as she prefers going through the site herself, even if it takes longer. Therefore, the information should simply be presented better. Visual design Note: Riya said the yellow color did not look right, and it felt a little harsh to the eyes. This may be something to consider if it's a repeating issue amongst users. This was only one interview, but it helped test a lot of hypotheses and ideas for me, and also relook into what makes Zubhub enjoyable and what can be improved. If you've read this far, thanks a lot, hope you also learned something from it! |
Beta Was this translation helpful? Give feedback.
-
@srish @tuxology @sethiastha
other ideas that can be incorporated, include |
Beta Was this translation helpful? Give feedback.
-
Learn more about the proposed project here #559 and share your ideas below.
Beta Was this translation helpful? Give feedback.
All reactions