Ridmik News / Original product presentation
01 / Ridmik News
The problem
- Bengali speakers lacked a centralized news source.
- Users needed tailored news experiences.
- No platform allowed easy citizen journalism.
- Summaries and audio news were missing.
Reading the problem / Ridmik News
A feed is one point in a reading journey.
Headlines, article detail, audio summaries and contributions need clear hierarchy and reliable return paths.
Tailored feeds, citizen journalism, summaries and audio introduce different content and feedback states.
How can readers choose between headlines, full stories and audio without losing context?
Evidence: the project account and the attributed artifacts on this page. Process drawings and interaction studies are reconstructed explanations; numerical research or business results are included only where separately supported.
02 / Ridmik News
My role
- Gathered insight through interviews and surveys.
- Reorganized content for clarity.
- Designed a user-friendly submission system.
- Collaborated on summaries and audio features.
03 / Ridmik News
The process
- Developed personas and journeys for Bengali news consumption.
- Explored feed, article and related reading paths through wireframes and prototypes.
- Refined the visual hierarchy and collaborated with developers on the interface.
The process / Ridmik News
A direction.
A way to build it.
Reading, summaries, audio and contribution add different paths to the same Bengali news experience.
A schematic of sequence and overlap, not a dated project schedule.
Frame the reading audience
Use the documented interviews, surveys, personas and journeys to understand content needs.
Organize the story paths
Separate feed relevance, article reading and alternative content formats.
Explore content-rich screens
Use wireframes and prototypes to check headlines, summaries, audio controls and contribution entry.
Refine with engineering
Keep content hierarchy and the related states connected through developer collaboration.
How can readers choose between headlines, full stories and audio without losing context?
A reader may want a headline, a full story, a summary or audio. The interface needs to make those choices understandable without requiring everyone to use the same format. The flow follows a story from feed context into a preferred way of consuming it.
Journey map / Ridmik News
See the whole task in context.
Choose a step to connect the person’s intent with the interface and the design decision.
Current intent
Browse a tailored feed
Tailored feeds, citizen journalism, summaries and audio introduce different content and feedback states.
- Interface context
- Tailored feed
- Review question
- Which content cues help readers judge relevance before opening a story?
Representative task sequence and recovery path, not a measured emotional curve or historical research map.
Behind the experience
The visible task depends on work behind it.
For Ridmik News, this map connects “Browse a tailored feed” to “Continue exploring”. Read across to follow the task, then select a layer to inspect the interface, design and delivery references behind it.
| Layer | Browse a tailored feed | Open a story | Read or listen | Continue exploring |
|---|---|---|---|---|
| The task | Browse a tailored feed | Open a story | Read or listen | Continue exploring |
| Visible interface | Tailored feed | Tailored feed | Article detail | Audio & related news |
| Design checkpoint | Tailored feeds, citizen journalism, summaries and audio introduce different content and feedback states. | Help a reader judge relevance before opening a story. | Make the article hierarchy comfortable for sustained reading. | Connect listening and related content to the same story. |
| Implementation reference | Use the documented interviews, surveys, personas and journeys to understand content needs. | Separate feed relevance, article reading and alternative content formats. | Use wireframes and prototypes to check headlines, summaries, audio controls and contribution entry. | Keep content hierarchy and the related states connected through developer collaboration. |
| Recovery | Unavailable story or audio → explain availability → offer a readable alternative | |||
A reconstructed delivery map: the implementation row summarizes design-process dependencies, rather than claiming to document the original backend architecture.
A clear entry into a story.
Reconstructed comparison of design approaches. These are review studies, not a claim that both directions were historically tested or shipped.
What this direction changes
A clear entry into a story
Prioritizes headline meaning and continuity into article detail.
Preserve the story as the format changes.
The published account includes personas, journeys, wireframes and prototypes. These reconstructed views compare the feed with article detail and audio-related controls. Each view keeps the story recognizable while giving the relevant content format enough space.
01 / Tailored feed
Ridmik News⌕
01Tailored feed↗
02Article detail↗
03Audio & related news↗
Open a story
Help a reader judge relevance before opening a story.
02 / Article detail
Ridmik News⌕
Browse a tailored feedTailored feed
Open a storyArticle detail ⌄
✓Read or listen
Read or listen
Make the article hierarchy comfortable for sustained reading.
03 / Audio & related news
Ridmik News⌕
Continue exploring
- Tailored feed
- Review
- Article detail
- Review
Continue exploring
Connect listening and related content to the same story.
Try the interaction
Ridmik News / Task & review study
Ridmik News01 / 03
View 01
Tailored feed
Help a reader judge relevance before opening a story.
Keep this context visibleTailored feed
Help a reader judge relevance before opening a story.
Starting context
Browse a tailored feed
Give Bengali headlines room to work.
Build a clear hierarchy for Bengali headlines, summaries, bylines and article text. Support long headlines without letting metadata compete with the story.
Illustrative type-role specimenRidmik News
Browse a tailored feed.
Continue exploring.
HeadingArticle detail
24 / 30 px · regularBodyHow can readers choose between headlines, full stories and audio without losing context?
16 / 26 px · regularLabelContinue exploring
12 / 18 px · regularStateUnavailable story or audio → explain availability → offer a readable alternative
12 / 18 px · regularPortfolio-font hierarchy illustration; the source does not establish the exact client font or token scale.
Balance relevance, contribution and accessibility.
Which content cues help readers judge relevance before opening a story?
A feed needs enough context to support a reading choice. Headline hierarchy and supporting metadata should communicate relevance without forcing the reader into every story.
How can contribution and audio controls stay understandable beside the core reading task?
Contribution and audio features should extend the core reading task. Their controls need recognizable labels and a clear relationship with the article they affect.
Specify content behavior beyond the ideal headline.
The contribution spans content organization, a submission experience and collaboration on summary and audio features. Engineering references should include long headlines, unavailable content and alternative reading routes rather than only a perfectly filled feed.
A future agent-assisted change should use representative Bengali stories and verify the relationship between article, summary and audio states. Generated placeholder content should not become the specification for real editorial material.
Ridmik News is a production-product story; the separate animated news concept explores presentation rather than this platform’s release.
Accessibility & standards
Access belongs in the design.
For Ridmik News, carry accessibility requirements from the core user journey into component states, prototypes and engineering acceptance criteria.
WCAG 2.2 AA · EN 301 549 · APCA · WAI-ARIA · Platform guidance
Read and navigate with assistive technology
Specify accessible names, logical reading order and meaningful control roles. Plan VoiceOver or TalkBack checks, Dynamic Type or text scaling, and platform-appropriate touch targets.
Preserve meaning across themes
Review WCAG 2.2 AA contrast and non-color cues in light and dark appearances; use APCA as an additional typography-readability check.
Respect native behavior
Use Apple HIG and relevant Android guidance for navigation, gestures, focus and motion preferences. Give gesture-driven actions a discoverable alternative.
Review scope & standards references
These are design references and review priorities, not a claim that this historical project passed a WCAG audit. Record criterion-level evidence, assistive-technology and device results, unresolved issues and retest outcomes before making a conformance statement.
APCA supplements the WCAG 2.2 contrast checks; it does not replace them. WCAG 3 remains a draft. EN 301 549 v4.1.1 is the latest published edition checked on 6 November 2026; its publication and its formal EU legal citation are separate matters. Confirm the applicable procurement or legal baseline with the client.
Outcomes & scope
What the work delivers.
- Became the hub for Bengali news.
- Became Bangladesh’s #1 news platform.
- Improved efficiency, summaries and accessibility.
Results are described within the documented project scope. Illustrative studies are identified separately from original project artifacts.
Review & next iteration
What needs to hold up in use.
Use these questions to review Ridmik News against the behavior the design is intended to support.
- 01
Can a reader return to the same place after opening a story?
- 02
Does an audio entry remain understandable alongside text reading?
Project-specific acceptance questions for a future review, not reported usability-test results.
Reflection / Ridmik News
What I’d carry forward.
A feed should help a reader enter a story and return with their place intact. Navigation and reading hierarchy matter as much as the density of the feed.