UNIVERSITY OF CALOOCAN CITY

College of Liberal Arts & Sciences

Research and Development

Activity #1

GROUP MEMBER
Robles, Kanji M.
Veronilla Patricia Nicole C.
Marquez, Keanu F.
Pelayo, Crystal Ecleo E.

Name: Date: 2022-09-04

Subject code & Section: CCS123 - BSEMC 2B

Instructions: Research about User Interface and choose any app from web, mobile and game.
Include a description and tell what you like about it. (Please include screenshot per category)

A. WEBSITE(Facebook)

Main Window

Facebook's user interface (UI) contains labels and icons for each function, making it simple to
browse, which is why we like it
Profile Menu
Profile
We like the Profile information which show your friends, groups, and saved picture or videos.

Contact Menu

We also like the section that shows our online friends and the search bar on top of it.

Like, Comment And Share UI

The Communication button is also easy to understand and the different emoji that shows
emotion makes it user-friendly

B. MOBILE APPLICATION(Tiktok)

Tiktok Main window

What we like about Tiktok is the simplicity of the application making it easier to
navigate. It is a User friendly app that doesn’t require a lot of time to learn it.
 Like, Comment, Favorite, Share UI

We like how the tiktok symbol is on the right side of the screen because it doesn't block the view
and has only five icons, making it easier to remember.

Algorithm UI

You have the option to decide whether to only view the content you Follow and a For you page
which is randomly selected videos based on an algorithm and a Live button to show a live
videos and lastly a Search bar button making it easier to find whether it is a video or a person.

Profile Menu
The Profile UI looks clean because it displays how many people you follow, how many people
follows you, and how many your likes. There are also four buttons, each of which has a specific
purpose related to your video and saved video,

C. GAME (Valorant)

Log in Screen

We appreciate that the Valorant log in screen only requires a username and password,
making it simple to access the game. It also provides three options for creating an account
below the log in UI.

Screen Select

We like how the play button is larger than other buttons and how the select screen is kept
simple by being placed on top, making it easier to find.
 Playmode

We like how the buttons are organized because it prevents confusion by placing the play
button at the bottom and the play modes button at the top.

Loading Screen

The way the loading screen presents information, including the huge title, the game mode,
and how the background changes based on the map, is one of its many appealing features.
 Settings

We appreciate how the button is arranged in the settings according to its content.
There are buttons at the top that control the general setting, the title underneath the general
setting, the scroll bar, and the exit.

Agent Selection

We like how the agent selection displays so much information before the game starts by
showing the available agents, the name of the pick agent, the role of the pick agent, and the
agent's skill with its information.
 In-game Store

When the game starts, the in-game store displays the player's current gun credits and three
communication buttons, the guns are also separated by category and tier to make browsing
easier. It also displays the information of the gun selected and at the bottom shows the agent
skill which you can buy.

Profile Customization

It is very user-friendly to select a player card simply by clicking on the player card itself on the
bottom section before equipping it.