ну на мой взгляд просто тут аргументы за картинку перед текстом
1) мы читаем слева направо, известное должно идти раньше неизвестного => показываем известную картинку (сердечко), и сопровождаем неизвестной инфой "эта сущность называется сердце".
2) есть некоторый паттерн цен "$1000" и др, где валюта стоит до цифры. Случай конечно другой тут совсем и не совсем корректно сравнивать напрямую, но тем не менее практика формирует ожидания.
Звездочка - довольно узнаваема. Это не что не известное.
На счет обучения - то как раз наоборот лучше давать юзерю инфу на блюдичке, а не заставлять думать.
К примеру что легче будет воспринять 1 или 2:
1. Сейчас вы увидете Флибфлак - 🍙
2. 🍙 - вы только что увидели Флибфлак
Первый вариант проще. Так как мы сначала разжевали юзеру, а дальше он взял то что нужно.
А во втором - он чето увидел, дальше ему говорят что это. И ему снова нужно смотреть на то что он увидел