BYU-I Information Security Page
A case study of BYU-Idaho’s Information Security page that I developed when working there.
The purpose of BYU-Idaho's Information Security page is to educate the students, faculty, staff, alumni, and any other non-BYU-I-related individuals about the world of IT security. It includes recent announcements, world news on technology, and blogs.
Project Summary
Potential Solution
The webpage followed the school’s official template for website/webpages for consistency. The creative department will be responsible for the content that goes on the webpage.
Problem
The main challenge was to come up with the content for the webpage encompassing common problems like Phishing, Software Vulnerabilities, Ransomware attacks, and so on. Also, the website should be very familiar to the users compared to other BYU-I's webpage. We do not want to change a design into something the user has not seen.
Goal
The objective was to improve the UI/UX and make the webpage easier to use for end-users. We increased the initial website traffic by 30% and user satisfaction by 20%.
Team
Becca (writer and researcher)
Barry (supervisor)
Myself (developer and researcher)
Responsibilities
UX Design/Research, Interaction, Visual Design, Prototyping & Testing
20
Interviews
4
Weeks of research
1
webpage
The Process
Every project's process will vary depending on the factors which include needs, goals, complexity, time, cost, and so on. However, I would be following the standard Research, Ideation, Design, and Test process.
RESEARCH
DEFINE THE USER
Understanding the WHY with User Research
Technology has evolved into a plethora of fields. It seems only a few people have an interest in the world of Information Technology. Based on my experience, people only want to know basic knowledge on any topic related to technology.
Most people are not aware of the problems that come with technology. Phishing, Software Vulnerabilities, and Ransomware attacks are just a few of the problems people face, especially students. But, most of them are not even concerned about it.
This website aims to provide information from the school and all over the world in the field of technology. We created the following persona after all the patterns.
GATHER IDEAS
Potential Solutions
We had to come up with a design encompassing the school's template. Since the creative department was responsible for the contents, we just had to worry about focusing on the design aspect.
IDEATION
User Journey
I always try to create a flow, which helps me understand the user's journey when using the webpage.
Creating drafts
I designed the initial design of the webpage. Then I tested and developed the low-fidelity wireframe for each page. I needed to make all the webpage as familiar as possible.
DESIGN
LO-FI Wireframing
I used InVision to create low-fidelity wireframing and tested it on the users. The test accumulated positive reviews. It served as the foundation of the final design.
Usability Testing
We outlined the goals with 5W’s and 3H’s.
Dividing the testing into different parts helped us create a prompt and focus on the problem we were trying to solve.
HI-FI Mockup
After the usability testing, I created the final mockup according to the results and feedback we got from the testing phase. I am unable to provide the final design because it is my school's intellectual property. However, the final design is based on the following prototype.
PROJECT LEARNINGS
What did I learn from this project?
Students, Faculty, Staff, and other users had similar and different interests, and coming to a common ground was challenging, but fun.
Understanding users' needs and conducting proper research are essential before the design phase.
We had several scope creeps but managed to handle them when we redefined our project.