FINAL DESIGN
App Version
-
Login/Register
Login in: Helping users to log in quickly
-
Include mobile phone number, WeChat, email, BEANS ID, student ID login, multiple ways to login
-
Click on 'do not have an account' to register if not already registered
-
Administrators access their accounts by clicking on 'Administrator Account'
Register: Understanding user information and providing personalised service
-
Registration via verified mobile number
-
Create an account by filling in your personal information
-
The real name authentication section is divided into two parts:
1. the primary and secondary school student
2. other university students and staff
-
Set password
-
Homepage
Homepage: Provides simple information on waste sorting and can be linked to other boards
-
Divided into news and recommendations sectionsNews: Users can see news related to environmental protection
-
Recommendations: Suggesting books and videos related to environmental protection and displaying good posts on the home page, such as tips on turning waste into treasure.
-
Users can toggle the pop-up window above to access the personal report and public benefit activities
Public benefit activities: A game section combined with realistic public service activities
-
Users can change their avatar's costume, complete regular tasks and see the ranking of points among friends
-
Users can accumulate Beans to participate in different public benefit activities such as tree planting, marine litter management, animal protection, etc.
Personal Report: Users can view their detailed statistical information
-
The correct sorting rate for individuals and groups
-
The most common types and frequency of waste discarded by individuals and groups, etc.
-
Sorting
Sorting: Help users to learn more about waste separation.
-
This section includes four levels of menus
-
The first level: according to the criteria for waste separation, the sorting section is divided into four categories: recyclable waste, household food waste, hazardous waste and residual waste.
-
The second& third level: each category has a detailed list of common waste in that category
-
The fourth level: detailed descriptions of specific waste
-
Clicking on the plus sign in the middle of the page allows users to add waste, which will be displayed in the sorting section after being reviewed by administrators.
-
The search bar allows users to find the relevant type of waste directly
-
Community
Community: Including game, square, nearby, groups
Game: start the game and see other sections of the game
-
Game propert list: to buy the game props that users need
-
My record: to see the user’s record including this week's and historical
-
Ranking list: to see the user's ranking including all friends' and city's
-
My friends: when clicking on the VS. Friends button on the home page, users will be redirected to the page to invite their friends to play with them
Square: main communication and sharing area
-
Users can see the latest posts and the posts recommended to them based on their browsing history
-
Post: to read this post in detail and could like, comment and share
-
Create post: when the plus button is clicked on the home page, the page will jump to the create post page where the user can publish a post and add a location
-
Help: to see posts where people are asking for help because they are unsure of the type of waste, comment to help and potentially get Beans reward
-
Create help: to help users post quickly and ask for help with the kind of waste they are unsure of
Nearby: users can search for bins near them
Groups: to view all groups in the app
-
When clicking on a specific group, users can see detailed information about the group and the group's posts.
-
Message
Message: to see users' private messages, as well as the likes, comments, etc. they receive
-
Contacts: user's contact list
-
Likes: to see the likes received by users
-
Comments: to see the comments received by users
-
Chat: to see detailed chat records with others
-
Me (User Version):
Me (User Version): Display of user personal information
-
User account information: ID, university, follow, followers, likes
-
Thumbnails of user posts
-
View my report allows users to view the personal report
-
Click on the icon in the top left corner to bring up a side window to view information such as browsing history, my wallet
-
Me
Administrator Version: The administrator can access from the login screen to manage the app and the smart bin
-
Bins Management:
1. Enter the bin number in the search bar to check its status
2. A map of the distribution of the bins and click on the icon for bin information
3. Administrators receive feedback from smart bins and process them
-
Statistics & Report: Annual/quarterly reports on waste separation
-
Contact:
1. Contact other administrators
2. Make announcements to students
3. Provide emergency contact
Wechat Mini Program Version
The WeChat Mini Program version is a streamlined version of the app. We have maintained some core features in the app such as：
-
Home – to browse posts and news
-
Sorting – to identify the category of waste. As WeChat is one of the most commonly used social media in China, we hope to use the WeChat version to guide users to the app to experience more features.
-
Nearby – to find bins nearby and get a planned route to the nearest bin
-
Me – users can view their posts, messages and data report
Smart Bin
Screen
BACK TO TOP
NEXT PAGE