6
Agile iterations
00
Project Overview
A news portal response to the short-video era.
A desktop short-video channel that brings verified news into the existing iNews ecosystem.
I handled the project end to end—from research and requirements to interface design, development, and evaluation.
The core tension was simple: iNews needed to protect newsroom credibility while adapting to audiences who expect information to be concise, visual, and immediately interactive.
Instead of copying a social feed, iNews Byte connects topic planning, production, YouTube upload, administrator publishing, and public interaction in one structured product flow.
How might iNews make verified news feel as immediate as short-form social video without losing editorial control?
- Organisation
- iNews Media Group
- Project
- Final Project · 2025
- Role
- Research · UI/UX · Development · Testing
- Collaboration
- Product · UI/UX · IT · Editorial
- Platform
- Desktop web · Local deployment
20
Usability respondents
20/20
Functional scenarios passed
95.22%
Overall usability score
01
Context & Challenge
The portal was competing for attention, not only for credibility.
The research showed a widening gap between traditional portal behaviour and the fast, visual patterns increasingly preferred by Gen Z and Millennial audiences.
iNews page-view movement
Aug 202413.05M
Oct 202413.08M
Dec 202412.95M
The data did not show a dramatic collapse, but it revealed stagnation followed by a decline—an important signal in a media business where attention and page views affect reach and advertising value.
29h
average monthly TikTok usage in 2023
38h 26m
average monthly TikTok usage in 2024
Short video had become more than entertainment. Its concise, visual, and trend-driven format increasingly shaped how younger audiences accessed information.
01
Create a dedicated short-video news channel
Deliver concise news video within the iNews portal rather than sending users to an unrelated platform.
02
Support engagement and repeat visits
Use interaction, saving, sharing, and discoverability to create more reasons for users to stay and return.
03
Evaluate the complete experience
Verify functional behaviour through black-box testing and evaluate usefulness, ease of use, and satisfaction through the USE Questionnaire.
02
Discovery & Definition
Research moved the project from a trend assumption to a defined product problem.
Five inputs were combined to understand the business context, internal workflow, expected functionality, and eventual user experience.
01
Observation
Reviewed the existing iNews portal, page-view movement, and the shift toward short-form news consumption.
02
Literature review
Studied academic journals, industry reports, and digital-trend references related to short video, engagement, and usability.
03
Internal interviews
Gathered expectations and system requirements from iNews product, UI/UX, and IT teams.
04
Brainstorming
Translated findings into feature priorities, interface directions, system flows, and implementation decisions.
05
Questionnaire
Evaluated the completed experience with 20 respondents using the USE Questionnaire.
What the organisation needed
A controlled publishing system that still feels current.
A verified editorial path from production to publication
YouTube integration without duplicating video hosting
Content administration, search, filters, and moderation
A solution capable of supporting engagement and page-view goals
What the audience needed
Fast access without sacrificing context or trust.
Short, visual news that is easy to scan and understand
Simple search and direct video playback
Clear details before and during viewing
Interaction through likes, comments, saves, and sharing
Primary roles
Admin + Public user
Environment
Modern desktop browsers
Architecture
Client-server web system
Content source
iNews YouTube embeds
03
Product & System Design
The experience connects newsroom control with public participation.
The design is not only a set of screens. It translates the editorial workflow, two user roles, content priorities, and interaction requirements into one coherent system.
01
Fast to understand
Short video, concise titles, clear metadata, and direct playback reduce the effort required to access news.
02
Verified by design
Content remains connected to the iNews editorial process instead of behaving like unverified social-media uploads.
03
Built for participation
Likes, comments, saves, and sharing turn passive reading into a more interactive news experience.
System role
Administrator
The editorial side manages verified video content and platform safety.
01Authenticate and securely end a session
02View, search, and filter published videos
03Add videos using YouTube embed links
04Review complete video information
05Edit and remove video content
06Moderate inappropriate user comments
System role
Public User
The audience side supports discovery, viewing, interaction, and personal content management.
01Register, log in, and manage a profile
02Browse and search short-form news videos
03Open a complete video-detail experience
04Like, comment, save, and share content
05Return to a personal saved-video dashboard
06Log out securely after completing a session
01
Editorial workflow
From newsroom idea to public interaction.
The workflow begins with topic selection and script approval, continues through research, storyboard, production, editing, review, and YouTube upload, then moves into administrator publication and public engagement on iNews Byte.
02
Use-case architecture
Two actors with clearly separated responsibilities.
The use-case diagram documents administrator content management and moderation alongside public discovery, interaction, profile management, and saved-content access.
Homepage
A discoverable video grid inside a familiar iNews structure.
The homepage retains the iNews logo, search, login, categories, and advertising areas, then introduces iNews Byte through a dedicated section and video cards containing thumbnails, titles, categories, and duration.
Familiar portal navigation
728 × 90 and 970 × 250 advertising placements
Scannable video metadata and direct selection
Video Detail
Context, playback, and interaction stay on one page.
The detail view combines a video player, title, publication information, concise description, engagement metrics, sharing, saving, and discussion.
Direct playback without leaving the portal
Context before and during viewing
Like, comment, save, and share actions
04
Build Journey
Six iterations turned the concept into one working system.
The build moved from secure access and publishing to discovery, interaction, personalisation, and refinement.
Weeks 1-2
Iteration 01Authentication foundation
Built admin and public login, registration, session validation, password protection, and secure logout.
Secure access for both system roles.
Weeks 3-4
Iteration 02Editorial content management
Created the admin video list, add, edit, detail, validation, and delete flows.
One workspace for editorial publishing.
Weeks 5-6
Iteration 03Public discovery and playback
Built the public video grid, detail view, playback, likes, and sharing.
Verified news became easier to discover and distribute.
Weeks 7-8
Iteration 04Content search
Added keyword search for both administrator and public views.
Relevant stories became faster to find.
Weeks 9-10
Iteration 05Conversation and personalisation
Added comments, saving, and a bookmarked-video dashboard.
The product supported interaction and return visits.
Weeks 11-12
Iteration 06Profile, moderation, and refinement
Completed profile editing, comment moderation, integration review, and stability checks.
All core flows worked as one connected system.
01
Editorial workspace
A structured path from YouTube upload to iNews publication.
Administrators can authenticate, review the video library, add a YouTube embed link, complete the required metadata, edit existing content, and remove content when necessary.
Clear content-management hierarchy
Form validation for complete publishing data
Search, filters, detail review, and moderation
02
Public discovery
Familiar portal patterns make short video easy to browse.
The public experience keeps familiar iNews navigation while introducing a dedicated video grid with thumbnails, categories, durations, and a direct path into the complete story.
Searchable short-video grid
Recognisable iNews structure and advertising spaces
Clear transition from discovery to playback
03
Engagement and return visits
Interaction continues after the video finishes.
Users can respond through likes and comments, share a video, save it for later, revisit saved content, and update their account information.
Like, comment, save, and share
Personal saved-video dashboard
Profile control and secure logout
Project evidence
Design, planning, and demonstration were documented throughout the project.
Selected slides are included as supporting evidence without forcing the reader through the full academic presentation.
05
Validation
The system was tested for both functional reliability and user experience.
Black-box testing checked whether each feature produced the expected result, while the USE Questionnaire measured usefulness, ease of use, and satisfaction after respondents completed realistic tasks.
9
Admin scenarios passed
11
Public-user scenarios passed
6
Tasks completed before survey
9
USE statements rated
Search for a news video
Play and review a video story
Like the selected video
Save content for later
Share a news video
Submit a comment
The 20 respondents represented students, workers, and members of the public who had used digital news platforms for at least six months. Each rated nine statements on a five-point Likert scale.
93.33%
4.67 / 5Usefulness
Respondents considered iNews Byte a useful and efficient alternative for understanding news quickly.
96.33%
4.82 / 5Ease of Use
The highest result indicates that navigation and core interactions were clear without additional guidance.
96.00%
4.80 / 5Satisfaction
Respondents reported a comfortable experience and willingness to use the feature again.
USE Questionnaire results
Usefulness93.33%
Ease of Use96.33%
Satisfaction96.00%
Combined usability95.22%
Result interpretation
Ease of Use led the evaluation, while Usefulness revealed the clearest improvement opportunity.
The combined usability score reached 95.22%, placing the system in a very-high category. The result validates the experience quality, but it does not yet prove an increase in production page views because the project was evaluated as a locally deployed system rather than a live commercial rollout.
06
Reflection
The strongest result was not a single screen—it was a complete, validated product flow.
iNews Byte connected verified editorial production, administrator publishing, public discovery, interaction, personalisation, and evaluation within one coherent web system.
What the project demonstrated
End-to-end product ownership
Research, requirements, interface design, system logic, implementation, and evaluation were treated as one connected process.
Credibility can shape interaction design
The product adopted short-video behaviour without removing the editorial workflow that differentiates professional news media.
Validation must follow implementation
Functional testing confirmed reliability, while usability testing showed how the experience was perceived by actual users.
Recommended next steps
01
Relevant notifications
Notify users about new stories in preferred categories or currently trending videos.
02
Mobile optimisation
Prioritise a fully responsive experience across screen sizes because news consumption is heavily mobile.
03
Production-impact measurement
After a live rollout, compare page views, watch behaviour, return visits, and interaction rates against the original portal baseline.
Final outcome
Verified news, redesigned around the behaviour of a new digital audience.
The final system delivered a functional short-video news channel with editorial management, public interaction, and a very-high usability result—while clearly identifying the work still required before measuring real business impact.