YRYSBEK ASHIEV CV
Back to work

Bachelor thesis / UX/UI / Interaction design

Teachable Newsfeed

For my bachelor thesis, I designed and built a newsfeed prototype that lets readers adjust topic preferences, correct individual recommendations and see how those choices affect the feed.

Context
B.A. Communication Design, UE Berlin
Year
2026
Role
Research, UX/UI, interaction design and React prototyping
Methods
Literature review, 60 interviews, competitor analysis and iterative prototyping
Research question

How can Gestalt principles make algorithmic news personalisation visible, understandable and controllable?

Research

60 semi-structured interviews with participants aged 18-29, supported by literature and competitor analysis.

Output

A working mobile React prototype with topic sliders, story actions and visible feed feedback.

01 / Problem

Personalised feeds adapt, but their logic stays hidden.

News apps rank content algorithmically while controls often sit behind menus or separate settings. Readers may not understand why a story appears, how to influence the feed or whether an action changed anything.

02 / Research

Study how people understand and correct recommendations.

Participants
60 people aged 18-29: 46 students and 14 working professionals.

Format
Individual semi-structured interviews lasting 20-30 minutes.

Analysis
Thematic clustering and affinity mapping around relevance, transparency, feedback and control.

03 / Core insight

Explain consequences, not the algorithm.

The interviews suggested that users did not need technical explanations of recommendation systems. They needed familiar controls, immediate feedback and observable changes in the feed.

Transparency

54 / 60 participants90%

could not confidently explain why particular stories appeared.

Control

54 / 60 participants90%

wanted both topic-level control and quick story-level correction.

Feedback

58 / 60 participants~97%

expected immediate visible confirmation after changing a preference.

04 / Exploration

Reject a memorable interaction when it adds too much work.

The early concept asked users to drag and group story cards spatially. It made the teaching metaphor tangible, but required too much precision on mobile and turned personalisation into a separate task that competed with reading.

05 / Iteration

Keep the metaphor, replace the interaction.

The final direction used continuous sliders with Less, Neutral and More zones. Repeated iterations added semantic colour, explicit labels, visible state, Reset and Apply actions, and confirmation after the feed reordered.

06 / Final model

Use two levels of control with one feedback behaviour.

Topic level
Continuous sliders adjust broad preferences across Less, Neutral and More.

Story level
A three-dot menu corrects one story or sends a broader reduction signal.

Feedback
Confirmation appears immediately and the feed reorders without deleting content.

07 / Reading flow

Keep control close without letting it dominate.

Preference setup is optional, the Home feed stays central and every personalisation surface remains one step from reading. Changes are reversible, and the same slider language appears in onboarding and recommendation settings.

08 / Gestalt

Use visual grouping to make system behaviour legible.

Proximity connects controls to affected content, common region binds each card, similarity creates predictable repeated structures and figure-ground gives temporary emphasis to confirmation.

09 / Reflection

A working model, with its limits stated.

The project translated research into interface decisions and a working prototype. Recommendation behaviour is simulated with a curated dataset, the participant group is limited and perceived control was not formally validated. A usability evaluation would be required to measure the model's effect.

Product map

One journey from onboarding to review.

The prototype connects topic-level tuning, story-level correction, explanation, reading and saved content in one mobile system.

Overview of nine Teachable Newsfeed prototype states from onboarding to profile
Overview of the principal screens and control states.

01 / Orientation

Teach the model before asking for input.

Onboarding explains what the sliders change before the feed becomes the primary reading surface.

Onboarding screen with topic preference sliders and recommendation explanation
Initial preferences. Less, Neutral and More make the scale readable before the first change.
Teachable Newsfeed home screen with a lead story and topic-based article cards
Reading first. The feed remains the primary surface; teaching actions stay secondary.

02 / Teach and verify

Make a preference visible before and after it changes.

Users move a topic slider, apply the choice and receive a clear confirmation when the feed updates.

Change Recommendations screen with Gaming set to Less
Topic-level control. Colour, position and a text label communicate the selected value together.
Updated home feed confirming that Gaming was set to Less
Immediate feedback. The updated preference is repeated in the feed and in a confirmation message.
Article grid with an explanation of why a story was recommended
Explain in context. Recommendation reasoning appears beside the affected story rather than in abstract settings.

03 / Find and filter

Separate temporary filtering from learned preferences.

The filter sheet explicitly states that its choices affect only the current view, not the preference model.

Temporary feed filter sheet with topic, date and sort controls
Temporary view. Filters are clearly distinguished from recommendation teaching.

04 / Story-level control

Correct one recommendation without leaving the reading flow.

Story actions, article detail and follow-up content use the same control language across the journey.

Story control sheet with Not interested, Show less and Save for later actions
Precise correction. The menu separates hiding one story from reducing a topic and saving it.
Article detail page with source information and reading content
Source context. Topic, publisher and reading time stay visible around the article.

05 / Saved content and profile

Keep decisions reviewable and reversible.

Saved stories, profile controls and session summaries give users a place to revisit content and review what the prototype has learned.

Saved stories library with two article cards
Saved library. Bookmarked stories stay separate from recommendation controls.

06 / Settings and accessibility

Give readers control over both content and presentation.

The settings structure includes recommendation access, saved content, interface guidance, text size, explanation visibility and motion preferences.

Settings hub with recommendation, favorites, tour and calmer motion controls
Settings hub. The main controls are grouped by feed and reading behaviour.

Interested in research-led interaction and communication design?

Contact Yrysbek