دیجیتال مارکتینگ و تجربه کاربری

این فصل بازآرایی محتوای برندبوک هاکوپیان است. برای نمونه‌های تصویری و جزئیات اجرایی، نسخهٔ اصلی PDF را ببینید.

: لندینگ - 4 : ساختار - لندینگ ناوبری: - تایپوگرافی – بندی - گرید لندینگ - فوتر: لندینگ - اجرا: لندینگ Hero Section - واضح باشد. CTA کوتاه و همینطور headline ساختار هدر باید دارای تصویر قدرتمند، همراستا با اهداف لندینگ، تایپوگرافی می باید مشتمل بر استفاده از فونت های سازمانی هاکوپیان و همینطور قواعد ذکر شده در خصوص تایپوگرافی باشد. - گریدبندی : استانداردهای گریدبندی در فضای دیجیتال مارکتینگ همان استانداردهای گرید بندی برند است. - نــاوبری: انتقــال مابیــن صفحــات لندینــگ مــی بایــد بــا کمتریــن distraction ممکــن و بــر اســاس اســتانداردهای مــطرح شــده در فضــای نــاوبری - در بخــش موشــن گرافیــک انجــام پذیــرد. فوتــر مــی بایــد شــامل لینــک هــای مــورد نیــاز بــر اســاس محتــوای لندینــگ، مــوارد تمــاس و دیگــر لینــک هــای ضروری بــه تشــخیص واحــد - دیجیتــال مارکتینــگ باشــد. لود سریع صفحات با ناوبری صحیح از ارکان فرایند لندینگ است. - نیز از اصول حاکم بر لندینگ است. optimized images به کارگیری -

: اکوسیستم در ها پلتفرم نقش - 5 نقش پلتفرم های حاضر در حیطه دیجیتال مارکتینگ : ) Authority : مرجع اصلی ( Website : تعامل و هویت بصری Instagram B2B ای و : اعتبار حرفه LinkedIn ) Retention & Conversion : نگهداری و تبدیل ( Email :برندینگ YouTube : افزایش آگاهی برند Pinterest B2B & B2C : محوریت فروش - Facebook یکپارچگی در پلتفرم ها : ســه مولفــه ذیــل مــی بایــد در تمامــی پلتفــرم هــا، هماهنــگ بــا هــم، در ریتمــی ثابــت و منطبــق بــا ســاختار هــر یــک از آنهــا بــه صــورت دائــم و موثــر حضــور داشــته باشــند: Tone of Voice - ۱ Visual Identity - 2 Messaging Structure - 3 تعیین اولویت ها : مــی بایــد بــر اســاس اهــداف واحــد دیجیتــال مارکتینــگ و در بــازه هــای زمانــی مخاطــب رفتــار و محصــول نــوع هــدف، بــازار پارامترهایــی هماننــد متفــاوت؛ بــه تشــخیص آن واحــد و بــه صــورت مســتمر در تمامــی پلتفــرم هــا تعییــن و پایــش شــوند.

: محتوا استراتژی سیستم - 6 : محتوا های ستون محتوا - استراتژی ســتون هــای محتــوا در حیطــه دیجیتــال مارکتینــگ مــی بایــد بــر اســاس محوریــت برنــد تعریــف و ســپس در اکوسیســتم و بــا تشــخیص واحــد - دیجیتــال مارکتینــگ مبتنــی بــر کمپیــن هــا و اســتراتژی هــای مختلــف بــه کار گرفتــه شــود. برخــی از ســتون هــای اصلــی کــه مــی بایــد در نظــر گرفتــه شــوند مــوارد ذیــل هســتند: (مبتنی بر هویت و ارزش ها) Brand

1. (معرفی خدمات/محصول) Product
2. (مبتنی بر مباحث آموزشی) Educational
3. (مبتنی بر کانسپت اعتمادسازی در دایره دیجیتال) Social Proof
4. (ارتباط احساسی، انگیزشی، فرهنگی) Cultural / Lifestyle
5. Post, Reel, Carousel در قالــب تکنیــک هایــی چــون Awareness , Engagement, Conversion همچنیــن مباحثــی چــون - بــه صــورت پیوســته و مســتمر و بــر اســاس ســتون هــای محتوایــی ذکــر شــده مــی بایــد توســط واحــد دیجیتــال مارکتینــگ مــورد بررســی قرار Story و گیرنــد.

رایتینگ: کپی - 7 : Tone of Voice رسمی اما انسانی

1. حرفه ای اما قابل درک
2. پرهیز از اغراق و کلیشه
3. : Message Structure ســاختار مذکــور مــی توانــد بــر اســاس اســتانداردهای واحــد دیجیتــال مارکتینــگ در کمپیــن هــا و پلتفــرم هــای مختلــف متفــاوت باشــد؛ امــا در یــک ســاختار کلــی مــی تــوان بــه پارامترهــای ذیــل اشــاره کــرد: : جذب Hook
4. : ارزش Value
5. : اثبات Proof
6. : دعوت به اقدام CTA •

: Campaign Structure Awareness Campaign

1. Consideration Campaign
2. Conversion Campaign
3. : Guidelines ثانیه اول ۳ پیام واضح در
4. مشخص CTA
5. راستا با برند هم
6. : ( قابل تغییر بر اساس اهداف ) Activity Percentage ٪ 60 : Awareness
7. ٪ ۳ 0 : Engagement
8. ٪ ۱ 0 : Conversion
9. دیجیتال: تبلیغات استانداردهای - 8 ســه محوریــت اســتراکچر کمپیــن هــا، راهنمــای کلــی گایدالیــن تبلیغــات و ارائــه درصــد مــیزان (درصــد) فعالیــت بــر مبنــای اســتانداردهای - دیجیتــال مارکتینــگ مــی توانــد مبنــای دســتور کار فیلــد تبلیغــات باشــد. فــارغ از ایــن مبحــث و در کمپیــن هــای خــاص؛ واحــد دیجیتــال مارکتینــگ نســبت بــه اعمــال تغیــیرات در خصــوص آیتــم هــای مربوطــه مــی توانــد تصمیــم گــیری اســتراتژیک و مربــوط بــه موضــوع مــورد نظــر را داشــته باشــد.

مارکتینگ: ایمیل - 9 عملکرد: ارتباط مستقیم با مشتری

1. retention افزایش
2. تبدیل مخاطب به خریدار
3. : ایمیل اختار س Header
4. واضح می باشد ) CTA ( این فیلد شامل تصویر اصلی، متن کوتاه و Body
5. می باشد ) unsubscribe ( این فیلد شامل اطالعات تماس و گزینه های مربوط به Footer
6. : Segmentation کاربر رفتار
7. قبلی خرید
8. عالقه مندی
9. : Frequency برنامه معین با توجه اهداف دیجیتال مارکتینگ در کمپین، رویداد و برنامه های مورد نظر •

: Brand Consistency Monitoring بررسی دوره ای خروجی ها

1. Consistency برای KPI تعریف
2. : Cross-Channel Integration تجربه یکپارچه
3. : Data Governance مدیریت داده مشتری
4. ) GDPR رعایت حریم خصوصی (
5. : Personalization Strategy محتوا بر اساس:
6. • رفتار کاربر - موقعیت - سابقه تعامل تکمیلی: استانداردهای - 10

اجتماعی: شبکههای مدیریت - 11 : Engagement Protocol ساعت ۲۴ دهی: کمتر از پاسخ

1. لحن پاسخ: هم راستا با برند
2. مدیریت کامنت منفی: پاسخ حرفه ای، نه تدافعی
3. : Community Building ایجاد حس تعلق:
4. سوال پرسیدن - Poll - User-generated content - : Crisis Management سناریو: تعریف
5. خطای محتوا - نارضایتی مشتری - پاسخ: پروتکل
6. acknowledgment - correction - resolution -

وبسایت - 12 ) Website ( ) از ارکان اصلــی کانســپت information ) و ارائــه اطالعــات از برنــد ( sales )، فروش محصــوالت ( Awareness وبســایت بــا ســه عملکــرد اصلــی آگاهــی بخشــی ( تصــویری در حــوزه دیجیتــال مارکتینــگ بــه شــمار مــی رود. کلیه محصوالت می باید بر اساس قواعد و آیین نامه هایی باشد که پیشتر در بخش عکاسی از نظر گذشت. عکس بارگذاری - از برنــد و همینطــور آگاهــی بخشــی در الیــه هــای مختلــف بــر اســاس اهــداف واحــد مارکتینــگ، بینــش واحــد دیجیتــال مارکتینــگ بــر اســاس اطالعــات ارائــه - ، اهــداف مرتبــط بــا کالکشــن هــای فصلــی و پارامترهایــی از ایــن SEO ، سیاســت هــای در نظــر گرفتــه شــده در حــوزه )UxDesign( داده هــای تجربــه کاربری دســت مــی بایــد مــورد توجــه قرار گیــرد. تعریــف درســت لحــن و مخاطــب از الزامــات حیطــه وبالگ اســت. همچنیــن دســتورالعمل هــای بــصری از گایدالیــن هایــی کــه پیشــتر از نظــر گذشــت وبالگ - تبعیــت مــی کنــد. دســتورالعمل هــای لحــن و صــدا نیــز مــی بایــد مطابــق بــا تعاریــف منــدرج در بخــش اســتراتژی باشــد. در نهایــت محتــوای بارگــذاری شــده نیــز مــی بایــد بــر اســاس اســتراتژی هــای واحــد مارکتینــگ و دیجیتــال مارکتینــگ بارگــذاری گــردد. ، منطبــق بــودن آن در مــدار هویــت بــصری و هویــت برنــد مــی باشــد؛ بدیــن UiDesign : نکتــه حائــز اهمیــت در مبحــث )UiDesign( کاربری رابــط طراحــی - معنــا کــه ایــن موضــوع نیــز هماننــد تمامــی فرایندهــای بــصری مــی بایــد مشــتمل بــر تمامــی گزینــه هایــی باشــد کــه از ابتــدا و در خصــوص هویــت بــصری از نظــر گذشــت. همچنیــن ایــن بخــش بــه صــورت جداگانــه مــورد بررســی قرار گرفتــه اســت. مــی بایــد در بــازه هــای زمانــی متنــاوب و بــر اســاس داده هــای بــه دســت آمــده از )UxDesign( : فراینــد تجربــه کاربری )UxDesign( کاربری تجربــه - پلتفــرم هــای فنــی ایــن واحــد؛ بــه صــورت تخصصــی و بــه صالحدیــد سرپرســت ایــن واحــد مــورد بازبینــی قرار گیــرد. همــگام ســازی نتایــج حاصــل از بازبینــی ایــن نیــز حتمــا مــی بایــد بــه تشــخیص ایــن واحــد و ارتبــاط بــا واحــد دیزایــن تــا حصــول نتیجــه مــورد توجــه ویــژه قرار گیــرد. UiDesign فراینــد بــا مبحــث

ســایر گزینــه هــای مرتبــط بــا واحــد دیجیتــال مارکتینــگ هماننــد مباحــث تکنیکالــی و دیگــر آیتــم هایــی کــه در الیــه هــای زیریــن مباحثــی کــه از نظــر گذشــت SEO چــون قرار دارنــد؛ مــی بایــد و قطعــا در راســتای اســتراتژی هــای در نظــر گرفتــه شــده برای ایــن واحــد، تصمیــم هــای اســتراتژیک سرپرســت ایــن واحــد و همســو بــودن بــا اهــداف کالن مارکتینــگ در نظــر گرفتــه شــده و هــر یــک از آیتــم هــا در جــای خــود، زمــان اجرا و بنــا بــه اهــداف مختلــف نیازمنــد بررســی بــه صــورت مســتقل اســت. در انتهــا مــی بایــد ایــن نکتــه را هــم مــد نظــر قرار داشــت کــه در هــر فعالیتــی در حــوزه دیجیتــال مارکتینــگ؛ محوریــت ماتریــس محصــوالت همــواره مــورد توجــه بــوده و بنــا بــه اهــداف مختلــف؛ ایــن واحــد تصمیــم گیرنــده تغیــیرات در اجرا خواهــد بــود.

بخش دوم : هویت بصری سازمانی پوشش و یونیفرم . ۱ 9 Uniform Appearance System

سازمانی پوشش و یونیفرم استانداردهای اســتانداردهای پوشــش ســازمانی صرفــا یــک راهنمــای ظــاهری نیســت، بلکــه یــک سیســتم هویتــی، رفتــاری و اجرایــی اســت کــه تجربــه برنــد را در ســطح انســانی متبــادر ً بــر «ادراک کیفیــت»، «اعتمــاد» و «یکپارچگــی تجربــه» ا مــی ســازد. ایــن بخــش مســتقیم اثــر می گــذارد.

برند: با پوشش همراستایی استراتژی - 1 یونیفرم: سیستم معماری - 2 : Role of Uniform in Brand Perception به عنوان: یونیفرم

1. نماینده هویت بصری برند در سطح انسانی - بودن ای ابزار ایجاد اعتماد و حرفه - هدف: تعریف
2. در تمام نقاط تماس Consistency - از رقبا Differentiation - : Role-Based Categorization نقش: اساس بر یونیفرم تعریف
3. (فروش / پذیرش) Frontline Staff - (مدیریت) Management - (پشت صحنه) Back Office - (فنی / خدماتی) Technical Staff -

یونیفرم: اجزای - 3 پارچه: و متریال استاندارد - 4 : Fabric Selection Criteria (دوام ) Durability - (راحتی ) Comfort - (تنفس پذیری) Breathability - (ظاهر ) Premium Look - : Uniform Components Definition (پیراهن / کت / تیشرت) Top - (شلوار ) Bottom - (کفش) Footwear - (کمربند، کراوات، اسکارف) Accessories -

دوخت: و فیت استاندارد - 5 یونیفرم: روی برند عناصر از استفاده - 6 : Fit & Tailoring Standards : Fit Guidelines

1. : برای ظاهر مدرن Slim Fit
2. : برای راحتی Regular Fit
3. Oversized ممنوع:
4. : Gender Consideration
5. طراحی متناسب با فرم بدن
6. حفظ یکپارچگی در ظاهر کلی
7. : Branding on Uniform : Logo Usage
8. محل های مجاز:
9. سینه (سمت چپ) - آستین (در موارد خاص) - برند باید «حس شود» نه اینکه «نمایش داده شود» . •

فردی: آراستگی - 7 : Grooming & Personal Appearance طبیعی یا کنترل شده رنگ تمیز، مرتب، : Hair Guidelines - اصالح شده یا مرتب ، پرهیز از حالت نامنظم یا ترندهای روز و عدم استفاده از تتو در ناحیه صورت : Facial Hair - طبیعی : Makeup - الزامی و غیرقابل مذاکره

1. : Hygiene -

بخش دوم : هویت بصری تبلیغات . ۲ 0 Advertising

تبلیغات استانداردهای اســتراتژی هــای واحــد مارکتینــگ تعییــن کننــده نهایــی اهــداف مرتبــط بــا تبلیغــات برند در همــه پلتفــرم هــا هســتند، آن چــه کــه در پیــش رو آمــده اســت صرفــا فضــای جنریــک مرتبــط بــا موضــوع تبلیغــات و اســتراکچر کلــی آن هــمراه بــا دو آیتــم ذیــل اســت: - هر تبلیغ می باید مهم تر از تنوع به ثبات در همه حوزه ها بپردازد. - تمامی اجزا باید به سیستم تعلق داشته باشد.

پیام : و -لحن 2 بصری : زبان - 3 تبلیغات: با مرتبط کالن - فلسفه 1 رسمی، دقیق، با اعتماد

1. بدون اغراق
2. تمرکز روی:
3. کیفیت - craftsmanship - experience - معیارهــای زبــان بــصری بــدون شــک بــر اســاس کانســپت بــصری برنــد و تمامــی پارامترهایــی اســت کــه در فیلــد مربــوط بــه خــود در تمامــی ابعــاد - و مفصــل مــورد بررســی قرار گرفتــه انــد. اقناع کنترل شده، پرهیز از القاء فروش با صدای بلند ( متناسب با لحن ارائه شده در کمپین تبلیغاتی) -

عکاسی: - 5 رایت: کپی - قوانین 4 معیارهــای عکاســی نیــز کامال منطبــق بــر اســتانداردهایی اســت کــه در فیلــد عکاســی مــورد بررســی قرار گرفتــه انــد. در واقــع تمامــی شرایــط ایــن - فیلــد ( بــا تمامــی پارمترهــای مربــوط بــه آن هماننــد نــور، رنــگ، ســوژه و ...) در خصــوص فضــای تبلیغــات نیــز تفاوتــی نخواهــد داشــت . : باید کوتاه، هدفمند

1. مفهومی (نه توضیحی زیاد)
2. value-driven
3. : نباید بر اساس محوریت تخفیف ارائه شود.
4. بر اساس کلیشه های رایج یا ترند ها باشد •

تبلیغاتی: های - ویدئو 6 : اوت لی - سیستم 7 هماننــد فیلــد عکاســی و زبــان بــصری؛ اســتانداردهای ذکــر شــده در بخــش ویدئــو و موشــن گرافیــک مشــتمل بــر تعاریــف در بخــش تبلیغــات - ود : ـ ـ م طرح ن ـ ـ م وان ـ ـ ت ی ـ ـ م ی ـ ـ ل ورت ک ـ ـ ص ه ـ ـ ب ه ـ ـ ک ه ـ ـ چ ود. آن ـ ـ ش ی ـ ـ م ز ـ ـ ی ن حرکت : آرام و سینماتیک کات : نرم و بدون پرش : کوتاه، موجز Durations اجرای سلسله مراتب واضح و بر اساس استانداردهای ارائه شده در مبحث لی اوت در تمامی فرایندها الزامی است. - - دقیق alignment

1. grid-based •

بخش دوم : هویت بصری . استانداردهای طراحی رابط کاربری - تجربه کاربری ۲۱ UI & UX Standards

کاربری رابط طراحی استانداردهای طراحــی رابــط کاربری بــه عنــوان یکــی از نمودهــای اصلــی در حــوزه دیزایــن و هــمراه بــا آن موضــوع تجربــه کاربــر بــه عنــوان بخــش ویــژه در فرایندهــا و پلتفــرم هــای دیجیتــال؛ نیازمنــد گایدالیــن هایــی منطبــق بــا سیســتم هویــت بــصری برنــد هســتند؛ لــذا در ایــن قســمت بــه توضیحــات و اســتراکچر کلــی در خصــوص ایــن دو مبحــث مــی پردازیــم.

• UI Design ) Guideline (

ً یــک الیــه بــصری نیســت، بلکــه «ســطح تمــاس مســتقیم کاربــر بــا برنــد» در ا صرفــ UI فضــای دیجیتــال اســت: باشد. عمیق اما ساده طراحی رابط کاربری باید

1. است . طراحی تصمیم گیری سیستم فقط «طراحی» نیست :
2. است . کاربر تجربه هدایت ابزار فقط «زیبایی» نیست :
3. دهنده است. بین طراح و توسعه مشترک زبان فقط «راهنما» نیست : •

فضایی: منطق و چیدمان سیستم - 1 Layout System & Spatial Logic حرفــه ای قبــل از هــر چیــز «ســاختارمند» اســت. کاربــر بایــد بــدون فکــر کــردن مســیر را درک کنــد. ایــن موضــوع UI پایــه ی تجربــه کاربــر اســت. یــک Layout شــود. هــا و توزیــع عناصــر ایجــاد می ، فاصله Grid از طریــق نظــم در : استانداردها :Grid System - ) column - 12 یا 8pt ً ال ثابت (مث Grid استفاده از

1. در کل صفحات Alignment حفظ
2. های آزاد و بی قاعده Layout جلوگیری از
3. :Spacing System - ها: تعریف Scale فاصله
4. 32 / 24 / 16 / 8 / 4 px در فاصله بین عناصر مشابه Consistency
5. در تمام صفحات Consistency •

تایپوگرافی: - 2 Typography ً ا تایپوگرافــی در UI نقــش «صــدا» را دارد. بایــد هــم خوانــا باشــد و هــم شــخصیت برنــد را منتقــل کنــد. مهم تریــن اصــل در اینجــا «وضــوح» اســت، نــه صرفــ زیبایــی. اصــل بعــدی اســتفاده از فونــت هــای رســمی برنــد هاکوپیــان در تمامــی اجزاء مربــوط بــه ایــن سیســتم اســت. : استانداردها :Font System - Heading, Body & Caption تعریف:

1. :Readability - برای متن اصلی 16px–14 حداقل سایز:
2. :Hierarchy - مشخص H3 / H2 / H1
3. تفاوت واضح در وزن و سایز •

: رنگ سیستم - 3 Color System «قابــل هــم و باشــد زیباشناســانه هــم بایــد حرفــهای رنگــی سیســتم یــک حــس. ایجــاد و تاکیــد هدایــت، دارد: عملکــردی نقــش زیبایــی، بــر UI عالوه در رنــگ اســت. شــده مفــصال ارائــه هــا ماتریــس و ســازمانی هــای رنــگ بــا مرتبــط اساســی قواعــد تمامــی رنــگ بخــش در همچنیــن مختلــف. ســناریوهای در اســتفاده» : استانداردها :Functional Colors - (اقدامات اصلی) Primary

1. Secondary
2. Success / Warning / Error
3. :Usage Rules - CTA استفاده محدود از رنگ اصلی برای
4. :Contrast & Accessibility - رعایت کنتراست برای خوانایی •

حرکت: و تعامل - 4 Interaction & Motion ً زیبایی نیست؛ بلکه «راهنمای رفتار» است. حرکت باید به کاربر کمک کند بفهمد چه اتفاقی افتاده است. ا در UI صرف Motion : استانداردها :Motion Principles - Smooth

1. سریع اما قابل درک
2. هدفمند
3. :Micro-interactions - Hover effects
4. Button feedback
5. Loading states
6. :Duration - برای تعامالت سریع 300ms – 150ms •

: طراحی سیستم حاکمیت - 5 Design System Governanc بماند. باقی یکپارچه زمان طول در بخش این با مرتبط های داشته تمامی و UI که میکند تضمین سیستم حاکمیت و مدیریت بخش : استانداردها :Documentation - ها ثبت تمام کامپوننت

1. مثال های استفاده
2. :Version Control - مدیریت تغییرات
3. ثبت آپدیت ها
4. :Approval Process - پروسه تاییدیه ها و بررسی های الزم قبل از انتشار •

، در پارامترهای ذیل صرفا به عنوان موارد تکمیلی این بحث UI به واسطه دیتیل های موجود در هر یک از بخش های : تکمیلی توضیحات و - موارد 6 به آنها و توضیحات مرتبط اشاره شده است. تمامــی اعــداد اشــاره شــده در بخــش هــای پیشــین صرفــا برای بازگویــی آیتــم مرتبــط بــوده و بــه هیــچ عنــوان ســندیتی برای کارکــرد موثــر در : دیزایــن - دیزایــن هــای مربــوط بــه طراحــی رابــط کاربری هاکوپیــان نــدارد و ایــن تصمیــم یــه عهــده دیزاینــر مرتبــط بــا ایــن بخــش مــی باشــد. ارائــه ، WCAG AA رعایــت نســبت کنتراســت در حالــت دارک مــد بــا توجــه بــه قواعــد منــدرج در بخــش اســتاندارد : Dark Mode Adaptation - هــای مختلــف بــه هــمراه ســایر device اســتاندارد از پالــت رنــگ برنــد در خصــوص رنــگ مشــکی بکگرانــد و همچنیــن رعایــت الزامــات خوانــش پــذیری در داشــته باشــد. ویــژه توجــه آن بــه نســبت بایــد مــی UI مولفــه هــای بــصری و تکنیــکال از اســتانداردهایی اســت کــه دیزاینــر نحــوه لودینــگ عناصــر بــصری مرتبــط بــا فراینــد فیدبــک، چکونگــی ارائــه فیدبــک بــه کاربــر از منظــر ویژوال و : Status & Feedback Elements - اســتفاده صحیــح از پالــت رنــگ ( اصلــی، ثانویــه و ســمانتیک) برای ارســال معانــی صحیــح فیدبــک از الزامــات ایــن بخــش اســت. کاربــر نبایــد حــدس بزنــد چــه چــیزی قابــل کلیــک اســت و سیســتم دیزایــن مــی بایــد بــه بهتریــن نحــو ممکــن هــمراه بــا باالتریــن مــیزان : Signifiers - پیوســتگی در تمامــی صفحــات و پیوندهــای ارتباطــی ایــن موضــوع را بــه نمایــش بگــذارد. مــی بایــد بــه طــور پیوســته مــورد توجــه UI کامپوننــت هــا بــه عنــوان یکــی از اصلــی تریــن و مهــم تریــن بخــش هــای مرتبــط بــا حــوزه : Components - ویــژه تیــم دیزایــن و سرپرســت مربوطــه باشــد. امنیــت داده هــا و تعریــف سیســتم بــکاپ نیــز از مهــم تریــن بخــش هایــی اســت کــه سرپرســت واحــد دیزایــن مــی بایــد در عملکــردی : Security - اســتانداردگونه و در دوره هــای زمانــی متنــاوب نســبت بــه آن توجــه و بینــش ویــژه داشــته باشــد.

• UX ) Guideline (

در اینجا به معنای «طراحی احساس و تصمیم کاربر» است، UX نه فقط مسیر حرکت او. تجربه می باید: ) باشد. Clear واضح (

1. ) باشد. Predictable قابل پیش بینی (
2. ) باشد . Frictionless بدون اصطکاک ( •

خالقیت: از مهمتر وضوح - 1 Clarity Over Creativity ، فــدا کــردن وضــوح به خاطــر خالقیــت اســت. کاربــر برای تحســین طراحــی وارد نمی شــود، بلکــه برای «انجــام یــک کار» UI یکــی از بزرگ تریــن خطاهــا در وارد می شــود. : استانداردها فهم سریع

1. الگوهای غیرمعمول بدون دلیل پرهیز از
2. باید بدون فکر کردن قابل تشخیص باشد CTA •

کاربر: ذهنی بار مدیریت - 2 Cognitive Load Management حرفه ای یعنی کاهش تصمیم گیری ذهنی. UX هرچه کاربر بیشتر فکر کند، احتمال خروج او بیشتر است. : استانداردها ها محدود کردن گزینه

1. گروه بندی اطالعات
2. )Patterns( استفاده از الگوهای آشنا •

اعتماد: و یکپارچگی - 3 Consistency & Trust تشخیص الگوهای درست، احساس اعتماد و کنترل را در کابر به همراه خواهد داشت. : استانداردها رفتار مشابه برای عناصر مشابه

1. استفاده ثابت از:
2. رنگ - آیکون - متن -

کاربر: به سیستم بازخورد - 4 Feedback & System Response کاربر باید بداند که سیستم «او را فهمیده است». UX در مقوله : استانداردها Response : یک Action هر

1. مثال:
2. کلیک به تغییر حالت ختم می شود - ارسال فرم پیام موفقیت یا خطا در پی دارد - باید قابل مشاهده باشد Loading •

: کاربر جریان سادگی - 5 User Flow Simplicity با کمترین اصطکاک. B به A UX یعنی رساندن کاربر از نقطه : استانداردها کاهش تعداد مراحل

1. حذف مراحل غیرضروری
2. هر صفحه : یک هدف مشخص •

سرعت: درک - 6 Speed Perception آنچه مهم است «حس سرعت» است، نه فقط زمان واقعی. UX در مقوله : استانداردها Loading نمایش

1. Skeleton استفاده از
2. کاهش زمان انتظار درک شده •

: اطالعات تدریجی نمایش - 7 Progressive Disclosure همه اطالعات نباید هم زمان نمایش داده شوند. : استانداردها نمایش اطالعات بر اساس نیاز

1. استفاده از:
2. Accordion - Step-by-step -

پلتفرمها: تمام در تجربه یکپارچگی - 8 UX Consistency Across Platforms کاربر نباید در هر پلتفرم تجربه متفاوتی داشته باشد. : استانداردها حفظ:

1. ساختار - رفتار - بدون از دست دادن هویت Adaptation •