2022 Q3: Home page with Dynamic Tiles – Chatbot test

Summary
Details
- Before
- After
Release Plan

Interface	Setel Admin / Platform
Release version (Android)	1.104
Release version (iOS)	1.104
Team	Experience

Summary

Introducing Dynamic Tiles variable in 1.104.0! With this, Setel admin can now sort and create new (common) feature tiles on Setel app homepage without additional app build effort.

This include sorting tiles display for existing custom tiles such as Fuel Subsidy (myPSPB), Auto Assistance, and Parking too.

To exclude from Release Notes; more to backend configuration

Details

Tiles with custom settings & specific targeting remains decoupled from Dynamic Tiles variable to avoid misconfig. Custom Tiles:

Fuel Subsidy (myPSPB)
Parking
Auto Assistance

Custom tiles can be added to common Dynamic Tiles variable once specific config & targeting not required.

Before

Refer to App: Feature Tiles (Quick Menu at Home page) for in-depth technicality & setup

	Task	Scope
1	Creating feature tiles (common)	App build: by respective feature teams' app developers Variable / feature flag: each tile with its standalone variable & managed separately
2	Creating feature tiles (custom)	App build & variable: remains decoupled & created separately by respective feature teams
3	Tiles display sorting (common & custom tiles)	Tiles order prefixed for both common & custom tiles
4	Event tracking	None set
5	Variable support for language localisation for mini (web) app	`?language=<app language>` manually appended only to Motor Insurance URL for now

After

	Task	Scope
1	Creating feature tiles (common)	App build & variable: dynamically created & managed via `one universal variable` https://setelnow.atlassian.net/wiki/spaces/DOC/pages/801507225/Variables+-+Home+screen#app_experience_homepage_tiles_dynamic
2	Creating feature tiles (custom)	App build & variable: remains decoupled & created separately by respective feature teams
3	Tiles display sorting (common & custom tiles)	Common: specify `tile order` in the dynamic tile variable Custom: specify `tile order` in sorting variable https://setelnow.atlassian.net/wiki/spaces/DOC/pages/801507225/Variables+-+Home+screen#app_experience_homepage_tiles_sorting Example of tile sorting Ensure `tile order` without overlap for both dynamic and custom tiles Indicate order in sorting variable `order_1`: myPSPB `order_4`: Auto Assistance Indicate order in dynamic tile variable `order_2`: Motor Insurance `order_3`: Setel Share
4	Event tracking	Setel Admin can now track via Events - Experience: Tiles; Tiles visible in-app Clicking of tiles Scrolling of `Feature Tiles` section
5	Language localisation for mini (web) app	Now support sync of Setel app language to mini app language `?language=<app language>` appended to all common tiles created via dynamic tile variable Exclude Parking tile due to redirection to in-app screen
6	Deeplink to feature tiles section or page	Unsupported. Deeplink unable to navigate towards specific section within a page, only a specific page as a whole E.g. deeplink from inbox to tile

How to create new common tiles?

Task

Scope

Common Feature Tiles request

Request new feature tile creation by providing required content in App: Dynamic Feature Tiles comment section
- Tile title
- New label
  - Enable or disable
- Pilot label
  - Enable or disable
- Tile icon
- Tile source
  - To redirect users upon clicking (URL or deeplink)
Notify https://setelnow.atlassian.net/wiki/spaces/PER team once uploaded. EXP team will assist to create & sort per content.

Variable - Admin Portal

For new tile creation, copy example and add new JSON object structure to variable

URL should be appended with ?utm_source=setel&utm_medium=mini to allow access in iOS & Android

Example: https://setel.com/TILE?utm_source=setel&utm_medium=mini

example object;

[
  {
    "id": "tile_1",
    "option": "custom_tile1",
    "enabled": true,
    "isNew": false,
    "isPilot": false,
    "imageUrl": "https://assets.setel.my/miniapp-icons/prysm.png",
    "url": "https://setel.com/TILE?utm_source=setel&utm_medium=mini",
    "title": {
      "en": "TILE ONE",
      "ms": "TILE SATU",
      "ta": "",
      "zh-Hans": "",
      "zh-Hant": ""
  }
]

Tile config

Indicate tile content;

Tile title
- Supports localisation
Label (enable/hide)
- New
- Pilot
Tile icon URL
Tile source to redirect
- URL
  - E.g. https://dev-road-tax.setel.com?utm_source=setel&utm_medium=min
- Deeplink
  - E.g. setel://gamification/dah-setel-so-far
Tile order

Custom vs Dynamic tiles

Custom Tile	Item	Dynamic Tile
	Tile sorting
Requires feature team to configure in app	Auto tile creation
	Content localisation
	Mini app display to follow native language set on app
	Specific user targeting
	Percentage rollout (targeted to all blanket users)
	Percentage rollout (targeted to specific set of users)
	Deeplink to tile page