شناخت مخاطبان هدف

قطر در منطقه خاورمیانه و در قسمت جنوبی خلیج فارس واقع شده است. این کشور دارای بالاترین شاخص توسعه انسانی در بین کشورهای عربی و بالاترین درآمد سرانه در جهان است. بر اساس آخرین آمار، جمعیت قطر حدود 2.6 میلیون نفر است که از این تعداد 300 هزار نفر شهروند و 2.3 میلیون نفر مهاجر هستند که به دلیل درآمد بالا و شرایط اقتصادی مناسب برای کار به این کشور مهاجرت کرده‌اند. با توجه به حضور گسترده کارگران مهاجر، بازار قطر و در مجموع کشورهای حوزه خلیج‌ فارس از جذابیت خاصی برای فروش آنلاین کالاهای مصرفی برخوردار است.

طراحی برای مخاطب در چارچوب بودجه‌بندی

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

همکاری با youx

1Sell با youx همکاری کرده است تا محصول دیجیتالی را در تجارت الکترونیک ارائه دهد که نیازهای روزانه این گروه از مصرف‌کنندگان را برآورده می‌کند. با کمک youx، محصول به گونه‌ای طراحی و توسعه داده شد که کاربرپسند، مقرون به صرفه و آسان برای استفاده باشد. این محصول همچنین برای پاسخگویی به نیازها و ترجیحات مخاطبان هدف از نظر جنبه‌های زبانی و فرهنگی طراحی شده است.

جمع‌بندی

این پروژه اهمیت درک مخاطبان هدف و انجام یک تحلیل رقابتی را قبل از راه‌اندازی یک محصول دیجیتال برجسته می‌کند. همکاری بین 1Sell و استودیوی youx منجر به یک محصول دیجیتال موفق شده است که نیازهای مخاطب هدف در قطر را برآورده کرده است.

همکاری با تیم گرافیکی برای طراحی رابط کاربری

فوتبال 360 یک سرویس اطلاع‌رسانی و سرگرمی تماما فوتبالی است. طراحی رابط کاربری و تجربه کاربری آن بر اساس نیاز و سلیقه مخاطبان هدف یعنی طرفداران فوتبال انجام شده است. با توجه به موفقیت‌های تیم کارفرما و شهرت عادل فردوسی پور، طرح نهایی واسط کاربری حاصل همکاری نزدیک youxstudio و تیم گرافیکی کارفرما است که سال‌ها در تهیه برنامه تلویزیونی محبوب همکاری داشته‌اند. این همکاری نزدیک باعث به وجود آمدن پیوستگی بیشتر میان طرح رابط کاربری و المان‌های گرافیکی و تصاویر استفاده شده در آن شد.

طراحی تجربه کاربری آسان

چالش اصلی پروژه فوتبال 360، سازمان دادن حجم زیادی از اطلاعات و اخبار در زمینه‌های مختلف، از نتایج بازی‌ها و جداول لیگ‌های ایرانی و خارجی گرفته تا اخبار مربوط به فوتبالیست‌ها و نقل و انتقالات بود. به طوری که هر کدام از این اطلاعات به آسانی در دسترس مخاطب خاص خود قرار گیرد. از این رو اطلاعات و محتواهای موجود را در پنج بخش کلی اخبار، ویدئوها، گالری، روزنامه و نتایج زنده طبقه‌بندی کردیم. و بخش دیگری نیز با عنوان نگاه کلی، مروری اجمالی بر مهمترین محتواها و رویدادهای بخش‌های ذکر شده دارد. نکته دیگری که در تجربه کاربری این سرویس مهم است، پیوسته بودن تجربه کاربری در موبایل و سایت است.

طراحی تجربه کاربری ساده

بام یک اپلیکیشن پرداخت اینترنتی است که از طرف بانک ملی ایران برای مشتریان این بانک منتشر شده است. طراحی رابط کاربری و تجربه کاربری این پروژه توسط استودیو youx با همکاری بانک ملی انجام شده است. اپلیکیشن بام خدمات متنوعی مانند کارت به کارت، پرداخت قبوض، گرفتن موجودی و ده‌ها خدمت دیگر را برای عموم کاربران ارائه می‌دهد. طیف مخاطبان بام ایجاب می‌کرد، روندی استاندارد و ساده برای طی شدن فرایند‌های اپلیکیشن و تکمیل فعالیت مشتری در نظر گرفته شود.

طراحی رابط کاربری یکپارچه

رابط کاربری اپلیکیشن بام به تبع تجربه کاربری ساده و کاربردپذیری به صورت مینیمال و بدون استفاده از المان‌های اضافه و غیر ضروری طراحی شده که باعث می‌شود تمرکز کاربر روی فرایند‌های اصلی باشد و از پیچیدگی‌ غیر ضروری کار جلوگیری می‌کند. رابط کاربری اپلیکیشن بام که به صورت یکپارچه طراحی شده همراه با یک سیستم طراحی (Design System) به کارفرما ارائه شده که در صورت نیاز به توسعه بعدی، با استفاده از سند راهنمای طراحی یکپارچگی طرح پایدار می‌ماند. در ادامه صفحاتی از رابط کاربری اپلیکیشن بام که با دو قالب روشن و تاریک طراحی شده را مشاهده می‌کنید.

فرایند طراحی رابط کاربری و تجربه کاربری

فرایند طراحی این محصول با طی شدن مراحل زیر تکمیل شده. استودیو youx در هر مرحله از کار با همکاری نمایندگان کارفرما، فرایند را تکمیل و خروجی هر مرحله را برای مرحله بعدی استفاده کرده است.

۱- تحلیل داده‌ها (ٕData Analysis):

داده‌های استفاده کاربران از نسخه وب، مصاحبه با کاربران و مدیران، پرسش‌ نامه‌ها و… بخشی از اطلاعات خامی بود که برای تحلیل در اختیار استودیو youx قرار گرفت.

۲- درک مشکل:

با تحلیل داده‌هایی که در مرحله پیش به آن اشاره شد، مشکلات اصلی کاربران تعیین شد تا برای آن در مرحله بعد برنامه‌ریزی شود.

۳- حل مشکل:

در این مرحله به ارائه راه حل‌های ساده و کاربردی برای حل مشکلات کاربران و کسب و کار پرداختیم.

۴- هم‌دلی (Empathy):

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

۵- نمونه اولیه (Prototype):

در این مرحله ایده‌ نهایی محصول به صورت پروتوتایپ یا نمونه اولیه در اختیار کارفرما قرار گرفت تا همه ایده مشترکی از محصولی که در حال توسعه آن هستیم داشته باشیم.

۶- تست کاربردپذیری (Usability Test):

ایجاد نمونه اولیه (Prototype) کمک می‌کند تا مشکلات احتمالی به سرعت شناسایی شود و با هزینه اندک نسبت به تغییر محصول در این مرحله تغییرات به سادگی اعمال شود. طراحی تست کاربردپذیری بر اساس اولویت‌های کاربر و کسب و کار طراحی می‌شود تا از اینکه محصولی کاملا مطابق با نیازها طراحی شود اطمینان حاصل کنیم.

در ادامه طرح رابط کاربری تعدادی از صفحاتی که با طی همین فرایند طراحی شده را مشاهده می‌کنید.

یک فرصت طلایی

سیبچه فروشگاهی برای اپلیکیشن‌های ایرانی سیستم عامل iOS -سیستم عامل اختصاصی iPhone- است. سیبچه فعالیت خود را از سال‌ها پیش شروع کرد و علیرغم محدودیت‌هایی که به خاطر سیاست‌های انحصاری شرکت اپل با آن روبرو بود، فعالیت خود را ادامه داد و توانست به مرور جایگاه خود را در میان مخاطبان ایرانی پیدا کند. چندی پیش که بر اثر تحریم‌های آمریکا علیه ایران، شرکت اپل محدودیت‌هایی را برای کاربران و اپلیکیشن‌‌های ایرانی اعمال کرد، توجه کاربران به جایگزین داخلی App Store جلب شد و فرصتی طلایی پیش آمد تا سیبچه در حین تجربه رشدی مناسب بتواند کیفیت خدمات خود را ارتقا دهد. از این رو با سرمایه‌گذاری روی محصول خود، پروژه طراحی اپلیکیشن سیبچه را به youxstudio سپرد.

طراحی اپلیکیشن سیبچه

در طراحی تجربه کاربری این محصول با توجه به آشنایی قبلی کاربران سیبچه با App Store، بهترین انتخاب را در ایجاد کمترین تغییرات در این ساختار آشنا برای کاربران دیدیم. و با رعایت اصول و قواعد کلی طراحی اپلیکیشن‌های iOS سعی کردیم تجربه کاربری آسان و آشنا را برای کاربران ایجاد کنیم. در طراحی رابط کاربری اپلیکیشن با بهره‌گیری از سبک طراحی Card Design سعی در ایجاد هویت بصری منحصربه‌فرد و بومی برای سلیقه کاربران ایرانی داشتیم. در طراحی اپلیکیشن سیبچه تمرکز اصلی روی ارائه اپلیکیشن‌هاست و از ارائه امکانات و جزئیاتی که می‌تواند حواس مخاطب را از محتوای اصلی دور کند پرهیز شده است. به طور کلی، طراحی اپلیکیشن سیبچه را می‌توان ساده، کاربردی و کمی هم ایرانی دانست.

هویت شرکت، هویت سایت

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

فرصت‌های شغلی

سایت پژواک دارای دو ماموریت اصلی بود. یکی معرفی فعالیت‌ها و دیگری جذب نیروی متخصص. به همین خاطر طراحی رابط کاربری صفحه “فرصت‌های ‌شغلی” در این سایت اهمیت ویژه‌ای داشت. در ابتدای این صفحه از یک تصویر متحرک استفاده شده که تا حدی کاربر را با محیط کاری پژواک آشنا کرده و سعی در انتقال مفهوم پیوستن به پژواک و شروع همکاری دارد. در این صفحه سعی شده با استفاده از طراحی تعاملی، تجربه کاربری مناسب‌تری برای کاربرانی که به دنبال شغل هستند ایجاد شود. و هر کس بدون مشکل و به سادگی اطلاعات مورد نیاز خود را به دست آورده و برای همکاری اقدام کند.

عکس‌ها و تصاویر متحرک

تولید تصاویر این پروژه نیز به عهده تیم youx بود. تیم تولید با هماهنگی‌ تیم طراحی، با استفاده از فضاها و مدل‌های بومی برای عکاسی، یکپارچگی هویت بصری را حفظ کردند. بخش دیگری کار تیم تولید، ایده‌پردازی و تهیه تصاویر مفهومی برای صفحات مختلف مثل درباره‌ ما و تماس با ما بود که در ادامه مشاهده می‌کنید.

AWWWARDS

سایت آژانش تبلیغاتی پژواک با دو زبان فارسی و انگلیسی طراحی شده است. نسخه انگلیسی طراحی این سایت توسط موسسه awwwards کاندیدای بهترین طراحی در سال ۲۰۱۷ شده است.

مخاطبان مختلف، نیازهای متفاوت

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

طراحی رابط کاربری یکپارچه

همانطور که در بالا اشاره کردیم سایت کیش از چهار بخش مختلف با مخاطبان مختلف تشکیل شده است. پورتال گردشگری به رفع نیازهای مسافران جزیره کیش می‌پردازد و پورتال اقتصادی اطلاعات مورد نیاز برای سرمایه‌گذاری و فعالیت اقتصادی در جزیره را پوشش می‌دهد. پورتال سازمانی در راستای اهداف دولت الکترونیک ایجاد شده و به ارائه خدمات مرتبط به سازمان منطقه آزاد کیش به صورت آنلاین می‌پردازد و در بخش پورتال خبری، امکانات مورد نیاز برای خبررسانی و پوشش رویدادهای خبری جزیره ایجاد شده است. با توجه به اهداف مختلفی که برای این بخش‌ها تعریف شده بود، لازم بود که یک زبان طراحی واحد برای رابط کاربری همه این بخش‌ها ایجاد شود.

ایده اصلی در طراحی رابط کاربری این بود که فضای سایت تداعی گر فضای جزیره کیش باشد. از این رو با الهام گیری از المان‌های زیست بوم جزیره کیش و استفاده از رنگ‌های زیبای این جزیره، سایت منطقه آزاد کیش را طراحی کردیم.

هلدینگ فناپ

هلدینگ فناپ در حوزه‌های مختلفی مانند خدمات مالی، سلامت هوشمند، تجارت الکترونیک، حمل و نقل هوشند و… محصولات و خدمات متنوعی را عرضه کرده است. فناپ برای ارائه اطلاعات محصولات و خدمات خود نیاز به طراحی رابط کاربری داشت تا مشتریان مختلف به اطلاعات مورد نیاز خود به راحتی دست پیدا کنند. و در عین حال، مخاطبان عادی سایت نیز با فعالیت‌های‌ فناپ آشنا شوند و تصویر مورد نظر از برند فناپ در ذهن مخاطب شکل بگیرد.

معماری اطلاعات

افراد جویای کار در فناپ، مدیرانی که می‌خواهند با راهکارهای فناپ برای سازمان خود آشنا شوند، کارآفرینانی که قصد توسعه کسب و کار خود را دارند و مشتریانی که به دنبال اطلاعات و پشتیبانی برای محصولاتند، همه جزوی از طیف گسترده مخاطبان سایت فناپ هستند. تفاوت نیازها و سلایق گروه‌های مختلف کاربران، اهمیت تحقیقات مخاطب شناسی را در این پروژه چند برابر می‌کرد. ما برای شناخت دقیق مخاطبان فناپ، از تکنیک‌های مختلف مثل مصاحبه‌ با مدیران و مشتریان فناپ، تحلیل رفتار کاربران سایت قبلی و تعریف Personaها و… استفاده کردیم تا بتوانیم معماری مناسبی برای اطلاعات سایت ایجاد کنیم.

طراحی رابط کاربری تعاملی و رنگ‌های مفهومی

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

تولید محتوا و عکاسی

از آلبرت اینشتین نقل قولی وجود دارد با این مضمون که شما وقتی چیزی را فهمیده‌اید که بتوانید آن را برای مادربزرگتان توضیح دهید و او هم موضوع را بفهمد. این دقیقا کاری بود که قرار بود برای فناپ انجام دهیم. یعنی طوری بنویسیم که مادربزرگمان هم بفهمد! وقتی قرار باشد اطلاعات تخصصی و حرفه‌ای را به زبان ساده ارائه کنیم، باید در حد یک متخصص به موضوع مسلط باشیم. به همین دلیل، کار را با مطالعه کاتالوگ‌ها و دفترچه‌های راهنما و… و همچنین مصاحبه با متخصصان فناپ شروع کردیم. در ادامه با تدوین استراتژی به معرفی محصولات و خدمات فناپ با زبانی ساده پرداختیم.
با توجه به استراتژی محتوا، تصاویر بخش مهمی از کار بودند. سعی کردیم با استفاده از عکس‌های واقعی که در فضاهای کاری فناپ گرفتیم، مخاطب را به موضوع نزدیک کرده و تصویر ملموس‌تری از فعالیت‌های فناپ برای مخاطب ایجاد کنیم.
عکاس: رامبد رستگار

نسخه قدیمی انتشارات گاج

انتشارات گاج از سال ۸۵ سایتی را برای فروش آنلاین محصولات و اطلاع رسانی بخش‌های مختلف سازمان ایجاد کرده بود. با گذشت سال‌ها و پیشرفت‌هایی که در حوزه طراحی وب اتفاق افتاده بود، امکانات این سایت دیگر جوابگوی نیاز‌های مختلف کاربران نبود. از این رو انتشارات گاج نیاز به سایتی کاربرپسند داشت که بتواند شاخص‌های کلیدی عملکرد به خصوص فروش آنلاین را بهبود دهد. این فرصتی برای ما بود تا تخصص خود در حوزه فروش آنلاین را این بار برای قشر جدیدی از مخاطبان، یعنی دانش‌آموزان به کار گیریم.

طراحی سایت جدید

انتشارات گاج خدمات گوناگونی را به کاربران ارائه می‌کند و قرار بود همه این امکانات در وبسایت جدید معرفی و در دسترس کاربران باشند. این یکی از چالش‌های مهمی بود که در این پروژه با آن روبرو بودیم. برای حل این مشکل، با توجه به اطلاعاتی که از نحوه استفاده کاربران از سایت گاج داشتیم، صفحه اول سایت را به صورت “نمای کلی” از خدمات انتشارات گاج طراحی کردیم و برای خدمات اصلی سازمان مثل فروش کتاب و آزمون‌های سراسری بخش‌های جداگانه‌ای طراحی شد که به صورت یکپارچه در کنار هم به کاربران سرویس میدهند.

فروشگاه‌ آنلاین انتشارات گاج

ایجاد یک تجربه خرید استاندارد که مخاطب بتواند به راحتی سفارش خود را ثبت کند می‌تواند تاثیر مهمی روی فروش داشته باشد. تجربه کاربری ساده وب‌سایت و اپلیکیشن گاج در کنار امکاناتی مثل امکان دانلود بخشی از کتاب و رتبه‌بندی کتاب‌ها بر اساس نظرات مخاطبان، توانست تاثیر فراوانی روی بازدید سایت و فروش آنلاین محصولات انتشارات گاج داشته باشد.
امروزه بیشتر کاربران با گوشی‌های موبایل از فضای مجازی استفاده می‌کنند. به همین خاطر لازم بود خدمات انتشارات گاج روی بستر جدید نیز به طور مناسبی ارائه شود. اپلیکیشن اندروید گاج با همین هدف طراحی شد. دانش آموزان با این اپلیکیشن کتاب‌های مورد نیازشان را سفارش می‌دهند، کارنامه آزمون‌ها را مشاهده می‌کنند و اپلیکیشن‌های آموزشی را دریافت می‌کنند.

آزمون

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

بهینه‌سازی برای موتورهای جستجو SEO

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

در ادامه مقایسه‌ای از برخی شاخص‌های عملکرد کلیدی سایت گاج، پیش و پس از اجرای پروژه SEO را مشاهده می‌کنید. پروژه SEO گاج نمونه مناسبی از اجرای اصولی SEO و دوری از راهکارهای زود بازده و موقتی است. به همین خاطر اکنون با گذشت مدت‌ها از اجرای پروژه، هنوز نتایج آن روی دامنه گاج باقی مانده است.

اپلیکیشن‌های آموزشی گاج

گوشی‌های هوشمند پس از ورود به بازار با سرعت بالایی توجه عموم مردم بخصوص دانش‌آموزان را به خود جلب کردند به طوری که امروزه هر دانش‌آموز روزانه چند ساعت از وقت خود را صرف استفاده از آن می‌کند. از سمت دیگر گوشی‌های هوشمند امکانات جدیدی را برای ما ایجاد کرد تا محتوای آموزشی را به صورت تعاملی، جذاب و سرگرم کننده به دانش آموزان ارائه کنیم. از این رو با تدوین استراتژی محتوا، تولید ۱۵ اپلیکیشن آموزشی را شروع کردیم که در کنار کتاب‌های انتشارات گاج، محتواهای آموزشی را با رویکرد یادگیری آسان و سریع ارائه می‌کنند.

اطمینان در طراحی

وقتی پای پول در میان باشد همه ما محتاط تر عمل می‌کنیم. هر پیشنهاد مالی که به ما می‌شود، چه سرمایه‌گذاری در یک طرح اقتصادی باشد و چه استفاده از یک سرویس مالی جدید، سعی می‌کنیم همه جوانب موضوع را بسنجیم و بهترین تصمیم را بگیریم. به همین خاطر ایجاد حس اطمینان و امنیت در سرویس‌های مالی در همه جای جهان اولویت دارد. در طراحی رابط کاربری سایت Directday با استفاده از فضای سفید (White Space) و توناژهای رنگ آبی فضایی اطمینان بخش برای کاربران ایجاد کردیم. از سوی دیگر ارائه اطلاعات مورد نیاز کاربران به صورت ساده در کنار پشتیبانی 24 ساعته از امکانات مهمی بودند که به ایجاد حس اطمینان در مخاطبان کمک می کنند.

طراحی رابط کاربری صفحه اصلی

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

در بخش‌های بعدی این صفحه با پرداختن به ویژگی‌ها و عملکرد این سرویس و همچنین پاسخ به سوالات پر‌تکرار، سعی شده تا ابهامی در مورد نحوه کار دایرکت دی باقی نماند و کاربر با اعتماد کامل نسبت به عضویت و شروع فعالیت در این سرویس اقدام کند.