Mobile scoping

 

Major changes

  1. Landing page without login:

    1. Hide pop-up bubble

    2. Adapt order

    3. Hide “a warm welcome“…

    4. Add the 3 new sections: horizontal slider

    5. Community discussions: Add the selection filter for top discussions

  2. Landing page with login:

    1. Adapt so that the search is on top

    2. Find a way to place “all categories”, “unanswered questions”, “groups” and “my discussions” further up - e.g. via quick links or via buttons - navigation pocket

      1. Possible to add them on top in the header - custom header - navigation pocket @Sandro Hürsch (Unlicensed) check with Nando

    3. Place recent, following and top discussions directly underneath

    4. Place upcoming events up

    5. Leave link to orientation videos and contact underneath, possible in the footer?

    6. Leave who’s online underneath

  3. General

    1. Space optimization: removing dead space; define a fix space for in-between comments and discussion posts

    2. Recommendations from Yacine for using less space

  4. Individual discussion

    1. suggestion for how an individual comment can look like on mobile to occupy less space, yet have the information of views, comments and last contributed

    2. small space optimization adaptations

    3. short CTA further up directly after the question

  5. All categories view

    1. A suggestion of how to view all the categories in a better way without so much scrolling

      1. Toggle for the nested categories?

      2. Hide Nr. of comments and Most recent in each category

      3. Bring color to distinct the the subthreads

  6. Groups

    1. Adapt the design similar to the desktop version

    2. Make a suggestion for the individual post

 

 

Issue

Suggested Change

Image

Issue

Suggested Change

Image

Call to register banner takes up the entire page when first seeing the community

Make it smaller, so that users know underneath are the recent discussions

 

Font size of questions/discussion titles so large that posts take up a lot of space

decrease font size similarly to “warm welcome” as seen in screenshot

Different language groups on the English page → confusing to users

filter for language? groups specific to language site?

Headings of Health, Living Themes and Communtiy smaller than subcategories → also a bit confusing, makes structure not as clear as it could be

Make these headings bigger or in toggle style, where subcategories only open up when broader category is selected

Views, comments, time, and user take up three lines, makes posts longer than they need to be

try to have time or date in the same line as views and comments?

usernames overlap when ‘most recent by’ instead of ‘started by’

change wording?

Space optimization

smaller space underneath each comment

 

Groups post

Make a suggested design adaptation on how the individual post in the groups can look like so that it is taking less space