فهرست
وضعیت: در حال بازبینی
انجام بدهموردهای همجنس با ساختار موازی: «ارزیابی وضع موجود»، «طراحی گزینهها»، «اجرای پایلوت». انجام ندهفهرست یکموردی، یا فهرستی که هر مورد شکل دستوری دیگری دارد و بعضی نقطه دارند و بعضی نه.
- ارزیابی وضع موجود و تعریف مسالهٔ بنیادین
- طراحی و سنجش گزینهها با تیم کارفرما
- اجرای پایلوت و سنجش عوامل کلیدی موفقیت
- پایلوت در یک شعبه
- شاخصها از روز اول
<ul class="hq-list"> <li>ارزیابی وضع موجود و تعریف مسالهٔ بنیادین</li> <li>طراحی و سنجش گزینهها با تیم کارفرما</li> <li>اجرای پایلوت و سنجش عوامل کلیدی موفقیت <ul class="hq-list"> <li>پایلوت در یک شعبه</li> <li>شاخصها از روز اول</li> </ul> </li></ul>چه وقت فهرست بنویسیم
Section titled “چه وقت فهرست بنویسیم”- وقتی سه تا هفت مورد هموزن و همجنس داریم که خواننده باید جدا جدا ببیند.
- وقتی ترتیب مهم است (مراحل، دستورالعمل) یا خواننده باید موردها را بشمارد.
- وقتی متن پیوسته بیش از دو «و» پشت سر هم دارد؛ همان را فهرست کنید.
چه وقت فهرست ننویسیم
Section titled “چه وقت فهرست ننویسیم”- برای یک یا دو مورد؛ یک جمله کافی است.
- برای استدلال: «چون… بنابراین…» در فهرست گم میشود. پاراگراف بنویسید.
- برای بیش از هفت مورد؛ گروهبندی کنید یا جدول بسازید.
- به جای ساختار صفحه؛ فهرست تودرتو بیش از دو سطح نمیشود.
گونهها
Section titled “گونهها”| گونه | کلاس | کاربرد |
|---|---|---|
| نقطهای | hq-list |
پیشفرض: موردهای بیترتیب در وب و اسلاید؛ نقطهٔ Blue 60، مثل قالبهای اسلاید برندبوک |
| خطتیرهای | hq-list--dash |
اسناد A4، قرارداد و متن فشرده؛ همان فهرست قالب سند |
| شمارهدار | hq-list--ordered |
دستورالعمل و ترتیب؛ عدد فارسی با «٫» |
| مرحلهای | hq-list--steps |
فرایند ۳ تا ۵ مرحله با عنوان و توضیح؛ نشان شمارهٔ ink مثل قالب L10 |
| آیکندار | hq-list--icon |
خدمات، مزیتها و ویژگیها؛ یک آیکن Carbon برای هر ایده، مثل قالب C05 |
| تیکدار | hq-list--check |
آنچه در یک بسته هست و نیست؛ مورد بیرون از بسته با hq-list__item--out |
| توضیحی | hq-list--description |
واژه و تعریف، مشخصات، برچسب و مقدار |
| خطی | hq-list--inline |
دو تا چهار مورد کوتاه در یک سطر با « · »، مثل زیرعنوان جلد |
خطتیرهای
Section titled “خطتیرهای”- متعهد اطلاعات محرمانه را فقط برای انجام پروژه به کار میبرد.
- اطلاعات بدون اجازهٔ کتبی در اختیار شخص سوم قرار نمیگیرد.
<ul class="hq-list hq-list--dash"> <li>متعهد اطلاعات محرمانه را فقط برای انجام پروژه به کار میبرد.</li> <li>اطلاعات بدون اجازهٔ کتبی در اختیار شخص سوم قرار نمیگیرد.</li></ul>شمارهدار
Section titled “شمارهدار”- فایل توکنها را به پروژه اضافه کنید.
- ریشهٔ صفحه را راستبهچپ کنید.
- در CSS فقط از متغیرها استفاده کنید.
<ol class="hq-list hq-list--ordered"> <li>فایل توکنها را به پروژه اضافه کنید.</li> <li>ریشهٔ صفحه را راستبهچپ کنید.</li> <li>در CSS فقط از متغیرها استفاده کنید.</li></ol>مرحلهای
Section titled “مرحلهای”- کشفشناخت وضع موجود و مسالهٔ بنیادین
- طراحیساختن و سنجیدن گزینهها با تیم کارفرما
- تحویلتبدیل گزینهٔ برگزیده به نقشهٔ اجرا
- استقراراجرا و همراهی تا تثبیت تغییر
<ol class="hq-list hq-list--steps"> <li><span class="hq-list__title">کشف</span><span class="hq-list__text">شناخت وضع موجود و مسالهٔ بنیادین</span></li> <li><span class="hq-list__title">طراحی</span><span class="hq-list__text">ساختن و سنجیدن گزینهها با تیم کارفرما</span></li> <li><span class="hq-list__title">تحویل</span><span class="hq-list__text">تبدیل گزینهٔ برگزیده به نقشهٔ اجرا</span></li> <li><span class="hq-list__title">استقرار</span><span class="hq-list__text">اجرا و همراهی تا تثبیت تغییر</span></li></ol>آیکندار
Section titled “آیکندار”<ul class="hq-list hq-list--icon"> <li><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M4,2H2V28a2,2,0,0,0,2,2H30V28H4V25H26V17H4V13H18V5H4ZM24,19v4H4V19ZM16,7v4H4V7Z"/></svg><span class="hq-list__title">ارزیابی و تشخیص</span><span class="hq-list__text">پیدا کردن اثرگذارترین مساله با داده</span></li> <li><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M11 24H21V26H11z"/><path d="M13 28H19V30H13z"/><path d="M16,2A10,10,0,0,0,6,12a9.19,9.19,0,0,0,3.46,7.62c1,.93,1.54,1.46,1.54,2.38h2c0-1.84-1.11-2.87-2.19-3.86A7.2,7.2,0,0,1,8,12a8,8,0,0,1,16,0,7.2,7.2,0,0,1-2.82,6.14c-1.07,1-2.18,2-2.18,3.86h2c0-.92.53-1.45,1.54-2.39A9.18,9.18,0,0,0,26,12,10,10,0,0,0,16,2Z"/></svg><span class="hq-list__title">طراحی کسبوکار و نوآوری</span><span class="hq-list__text">مدل کسبوکار و محصول تازه</span></li> <li><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V5A2,2,0,0,0,24,3Zm0,2v6H8V5ZM8,19V13H24v6Zm0,8V21H24v6Z"/><circle cx="11" cy="8" r="1"/><circle cx="11" cy="16" r="1"/><circle cx="11" cy="24" r="1"/></svg><span class="hq-list__title">داده و هوش مصنوعی</span><span class="hq-list__text">داشبورد، پیشبینی و خودکارسازی</span></li></ul>تیکدار
Section titled “تیکدار”- کارگاه کشف با مدیران ارشد
- گزارش تشخیص و نقشهٔ راه
- اجرای کامل در همهٔ شعب (در بستهٔ کامل)
<ul class="hq-list hq-list--check"> <li><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z"/><path fill="none" d="M14 21.591 9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591z" data-icon-path="inner-path"/></svg><span>کارگاه کشف با مدیران ارشد</span></li> <li><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z"/><path fill="none" d="M14 21.591 9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591z" data-icon-path="inner-path"/></svg><span>گزارش تشخیص و نقشهٔ راه</span></li> <li class="hq-list__item--out"><svg class="hq-list__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M16,4c6.6,0,12,5.4,12,12s-5.4,12-12,12S4,22.6,4,16S9.4,4,16,4 M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14 S23.7,2,16,2z"/><path d="M8 15H24V17H8z"/></svg><span>اجرای کامل در همهٔ شعب (در بستهٔ کامل)</span></li></ul>توضیحی
Section titled “توضیحی”- مسالهٔ بنیادین
- مسالهای که پاسخ درست به آن روی همهٔ اجزای کسبوکار اثر میگذارد.
- عوامل موفقیت
- شاخصهایی که از ابتدا تعریف میشوند تا نتیجه سنجیده شود.
- نتایج کلیدی
- خروجیهای قابل اندازهگیری پروژه در پایان هر مرحله.
<dl class="hq-list hq-list--description"> <dt>مسالهٔ بنیادین</dt><dd>مسالهای که پاسخ درست به آن روی همهٔ اجزای کسبوکار اثر میگذارد.</dd> <dt>عوامل موفقیت</dt><dd>شاخصهایی که از ابتدا تعریف میشوند تا نتیجه سنجیده شود.</dd> <dt>نتایج کلیدی</dt><dd>خروجیهای قابل اندازهگیری پروژه در پایان هر مرحله.</dd></dl>- پروپوزال همکاری
- مرحلهٔ کشف و طراحی
- آبان ۱۴۰۵
<ul class="hq-list hq-list--inline"> <li>پروپوزال همکاری</li> <li>مرحلهٔ کشف و طراحی</li> <li>آبان ۱۴۰۵</li></ul>نوشتن موردها
Section titled “نوشتن موردها”- موازی: همهٔ موردها یک ساختار دستوری دارند؛ همه اسم یا همه جمله. «ارزیابی… ، طراحی… ، اجرای…»، نه «ارزیابی…، گزینهها را طراحی میکنیم، اجرا».
- نقطهٔ پایان: موردی که جملهٔ کامل است نقطه میگیرد؛ عبارت کوتاه نه. در یک فهرست، یکی از این دو.
- کوتاه: هر مورد حداکثر دو خط؛ روی اسلاید یک خط. توضیح بیشتر در
hq-list__text. - ترتیب: مهمترین مورد اول، مگر ترتیب طبیعی داشته باشند (زمان، مرحله).
- عدد: شمارهٔ فهرست و عددهای درون مورد با رقم فارسی. قواعد نگارش
- یک تاکید: در یک فهرست یک مورد را با Bold یا
accentبرجسته کنید، نه بیشتر.
آناتومی
Section titled “آناتومی”- نشانه: در لبهٔ آغاز سطر (سمت راست در راستبهچپ)، همتراز با خط اول.
- متن: راوی Regular با رنگ
textو ارتفاع خط متن اصلی. - عنوان و توضیح (اختیاری):
hq-list__titleبا Bold و رنگink؛hq-list__textباtext-secondary. - فاصله:
space-1بین موردها؛space-2در گونههای مرحلهای و آیکندار.
توکنها
Section titled “توکنها”| بخش | توکن |
|---|---|
| نقطه، شماره و آیکن | accent |
| نقطهٔ سطح دوم | حلقهٔ accent |
| خط تیره و جداکنندهٔ خطی | text-secondary |
| نشان مرحله | ink با رقم text-on-inverse |
| تیک | positive؛ مورد بیرون از بسته text-muted |
| اندازهٔ نقطه | space-1 |
| تورفتگی | space-3 (نقطهای)، space-4 (شمارهدار)، space-6 (مرحلهای و آیکندار) |
حالت تیره
Section titled “حالت تیره”- کشفشناخت وضع موجود و مسالهٔ بنیادین
- طراحیساختن و سنجیدن گزینهها با تیم کارفرما
- تحویلتبدیل گزینهٔ برگزیده به نقشهٔ اجرا
- استقراراجرا و همراهی تا تثبیت تغییر
<ol class="hq-list hq-list--steps"> <li><span class="hq-list__title">کشف</span><span class="hq-list__text">شناخت وضع موجود و مسالهٔ بنیادین</span></li> <li><span class="hq-list__title">طراحی</span><span class="hq-list__text">ساختن و سنجیدن گزینهها با تیم کارفرما</span></li> <li><span class="hq-list__title">تحویل</span><span class="hq-list__text">تبدیل گزینهٔ برگزیده به نقشهٔ اجرا</span></li> <li><span class="hq-list__title">استقرار</span><span class="hq-list__text">اجرا و همراهی تا تثبیت تغییر</span></li></ol><ul class="hq-list"> <li>مورد اول</li> <li>مورد دوم</li></ul>| کلاس | توضیح |
|---|---|
hq-list |
پایه، روی ul، ol یا dl |
hq-list--dash، --ordered، --steps، --icon، --check، --description، --inline |
گونهها |
hq-list--compact |
فاصلهٔ کمتر و متن فشرده، برای کارت و جدول |
hq-list__title، hq-list__text |
عنوان و توضیح یک مورد |
hq-list__icon |
آیکن مورد در گونههای آیکندار و تیکدار |
hq-list__item--out |
موردی که در فهرست تیکدار نیست |
شمارهٔ hq-list--ordered و hq-list--steps با شمارندهٔ CSS و رقم فارسی ساخته میشود؛ عدد را در متن ننویسید.
- برای فهرست همیشه
ul،olیاdlواقعی؛ صفحهخوان تعداد موردها را اعلام میکند. ترتیبدار یعنیol. list-style: noneدر بعضی مرورگرها نقش فهرست را از صفحهخوان میگیرد؛ اگر لازم شدrole="list"بدهید.- آیکنها تزیینیاند (
aria-hidden)؛ معنا در متن مورد است. در فهرست تیکدار، «نیست» را در متن هم بنویسید («در بستهٔ کامل»)، نه فقط با آیکن. - کنتراست: متن
textوtext-secondaryرویsurfaceوsurface-altبالای ۴٫۵:۱؛ نقطه و آیکنaccentبالای ۳:۱.