tds.tokapps.com/patterns/experience-article
ExperienceArticle
Storiesروایت تجربهٔ ساخت محصول به سبک TED؛ بخش‌ها با زمان پخش همگام می‌شوند، با پرش زمانی و حالت Read-Aloud.
import { ExperienceArticle } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحه‌خوان
- حرکت
- چاپ
پیش‌نمایش زنده
روایت ساخت
از یک فرم ساده تا تالار ایدهها
چطور یک پیشنهاد کوچک به ابزاری تبدیل شد که هزاران نفر در آن رأی می‌دهند.
سارا محمدیطراح محصول۱۴۰۵/۰۷/۱۵۶ دقیقه
- همه‌چیز از یک مسئلهٔ ساده شروع شد: کاربران نمی‌دانستند پیشنهادشان کجا ثبت می‌شود.
نسخهٔ اول را در یک هفته ساختیم؛ فقط یک فرم و یک فهرست ساده.- بازخورد کاربران باعث شد برچسب‌ها و رأی‌گیری را اضافه کنیم.
- نسخهٔ عمومی را با سه هزار کاربر اول منتشر کردیم.
از یک فرم ساده تا تالار ایدهها
علی رضایی
- همه‌چیز از یک مسئلهٔ ساده شروع شد: کاربران نمی‌دانستند پیشنهادشان کجا ثبت می‌شود.
- نسخهٔ اول را در یک هفته ساختیم؛ فقط یک فرم و یک فهرست ساده.
- بازخورد کاربران باعث شد برچسب‌ها و رأی‌گیری را اضافه کنیم.
- نسخهٔ عمومی را با سه هزار کاربر اول منتشر کردیم.
چه وقت
- روایت تجربهٔ ساخت محصول یا داستان تیم
- مقالهٔ چندبخشی که با پادکست یا ویدئو همگام است
- حالت Browser Read Aloud برای مطالب بلند
چه وقت نه
- فهرست ایدهها (IdeaCard)
- صفحهٔ کمپین سرمایهگذاری (CampaignCard)
- متن کوتاه بدون بخش زماندار
جایگزین‌ها
- IdeaCard: فهرست ایدهها
- Card: سطح عمومی
حالت‌ها
activepastupcoming
پراپ‌ها
| prop | type |
|---|---|
| title | string |
| kicker | string? |
| summary | string? |
| author | { name: string; role?: string; avatar?: string } |
| date | string? |
| readingTime | string? |
| segments | { id: string; start?: number; children: ReactNode; media?: { src: string; alt: string } }[] |
| currentTime | number? |
| activeSegmentId | string? |
| onSegmentSelect | (segment) => void? |
| headingLevel | h1 | h2 |