Name: Anthonia Okafor
Location: Lagos, Nigeria
New User Interface (UI) design implementation of the Public Lab website.
Abstract/summary (<20 words):
Implementation of UI will be done using Bootstrap 4 UI library and the Style Guide provided by Public Lab.
A well designed user interface is simple to use and improves user involvement of any system. Some pages in the PublicLab.org website need a better user interface than it currently has to make it easily understandable to the user. For example, some issues to be improved on are:
- Colours of elements are not consistent across pages
- Some pages are cluttered and need to be spaced out
- Tags/Topics page should show cards instead of table rows
- Navigating the pages should be easy
Below is my project timeline. I have a day each week to review Pull Request (PR) and
make some FTO issues so as to involve new contributors to my project. At the end of each milestone, I plan to test the implementation using lookback.io
1. Dashboard Page Design
May 20 -22: Creating a secondary Dashboard template to shadow the first, and getting initial topics to appear on it
May 23: Adding a "new topics" area to the dashboard page
May 24: Write a blog post, review PRs and create First-Timers-Only (FTO) issues
May 27 -28: Adding a map of recent nearby content (larger project) to the dashboard page
May 29: Displaying topics on the dashboard based on subscriptions
May 30: Creates a modal box to confirm if user wants to unsubscribe when the 'close card' button is clicked.
May 31: Write a blog post, review PRs and create FTO issues
June 3-5: Adding "recent and trending tags" section to dashboard
June 6: Testing
June 7: Write a blog post, review PRs and create FTO issues
2. People Page
June 10 -- 11: Creating an HTML version of the "card" designs shown in several of the UI mock-ups
June 12 -13: Testing these at different screen widths and on different devices.
June 14: Write a blog post, review PRs and create FTO issues.
June 17 -- 20: Adding tools to a less obtrusive popover menu using Bootstrap UI components.
June 21: Write a blog post, review PRs and create FTO issues
June 24 -- 26: Modifying the People page to show a map on the right side
June 27: Testing
June 28: Write a blog post, review PRs and create FTO issues
3. Tags/Topic page
July 1 -- 3: Creating template partials from people and topic card designs for use in other parts of the site
July 4: Modifying the Tags/Topics page to show cards instead of table rows
July 5: Write a blog post, review PRs and create FTO issues
July 8 -- 10: Integrating a map of recent content onto the topics page
July 11: Testing
July 12: Write a blog post, review PRs and create FTO issues
4. Question Page
July 15 -- 17: Modifying the Questions page to display an introductory text area.
July 15 - 17: Add suggested questions based on user's topic
July 18: Testing
July 19: Write blog, review PRs and create FTO issues
5. Profile page
To ensure uniformity and consistency in the design, the above image with the map at the left should be made to have the map at the right as shown below
July 22 -- 23: Displaying active topics on the profile page
July 24 -- 25: Restructuring the profile page column layout to follow the new UI design
July 26: Write a blog post, review PRs and create FTO issues
July 29 -- 31: Compressing profile page tools into a smaller fold-away interface design
August 1: Developing a map popup interface to display individual recently posted pieces of content on a map
August 2: Write a blog post, review PRs and create FTO issues
August 5-7: (cont) Developing a map popup interface to display individual recently posted pieces of content on a map
August 8: Testing
August 9: Write a blog post, review PRs and create FTO issues
August 12 -- 13: Implement search for locations box within maps (as shown in UI designs)
August 14: Testing
August 15 -- 16: Integration of alerts to guide subscriptions and welcome to new users
August 19: Testing
August 20 : Submit the final internship report.
Guidance from mentors, support from the community, documentations and relevant resources are welcome.
Here are my contributions to Public Lab :
Most of my coursework and University projects were performed in teams. I am a team player and I exhibit right attitude when in a team. As an assistant organiser of GDG Ojo-Festac, Nigeria, I work effectively in a team to plan and organise events.
I am excited to be part of Public Lab, I love technology and display enthusiasm wherever I find myself. Open Science holds strong interest to me because of the belief that****_"science must be done in an open, and reproducible fashion where all components of research"__such as hardware, software tools and methods, are open.
Since a good User Interface improves user participation, my work would be beneficial to all users of PublicLab.org, especially new users.