نوشته بلاگ

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

سئو گرافیک : گام اول در طراحی ux

در مقالات قبلی سئو گرافیک درباره طراحی تجربه کاربری (UX) و ویژگی های مختلف آن صحبت شده است.در این مقاله قصد داریم تا گام به گام،طراحی یک تجربه کاربری خوب را تجزیه و تحلیل کنیم تا بتوانیم یک تجربه کاربری خوب خلق کنیم.اصولا طراحی تجربه کاربری یک شاخه جدا از طراحی سایت و برنامه نویسی است که وظیفه انجام آن را طراح ux بر عهده دارد.طراح ux در هنگام طراحی یک پروسه ای را باید طی کند که در این مقاله مرحله به مرحله آن را باهم بررسی میکنیم.با ما همراه باشید.

گام اول:تحقیق و پژوهش

تحلیل و پژوهش

seتحلیل و پژوهش

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

گام دوم :استراتژی

استراتژِی های ux

استراتژِی های ux

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

گام سوم: پیاده سازی

پیاده سازی در ux

پیاده سازی در ux

وفتی که نیاز سنجی صحبت های مشتری تمام شد نوبت به پیاده سازی و عملی کردن آنها میرسد.ابتدا باید یک طرح اولیه بر اساس داستان سایت شما ساخته شود.اینکه گفتیم داستان منظور هدف شما از طراحی سایت است.برای هر سایتی لازم است که در صفحه اصلی یک خلاصه کلی از فعالیت های سایت وجود داشته باشد تا بازدید کننده بداند وارد چه سایتی شده است.این معرفی را story board یا داستان سایت می نامند.برای اجزاء مختلف سایت باید برنامه ریخت و نوع چینش آنها را مشخص کرد تا layout سایت ساخته شود.انقدر این چیدمان را باید جابجا کرد تا هر جیز به جای اصلی خود برسد.ضرورت انجام این کار در این مرحله این است که اگر سایت به طور کامل طراحی شود جابجا کردن این اجزا سخت است.

نتیجه گیری کلی:

در این مقاله شروع به تحلیل و بررسی مراحل  ۰ تا ۱۰۰ طراحی ux یک سایت کردیم و یک سری از مراحل را گفتیم.اینکه طراحی یک سایت به همین سادگی ها که به نظر می آید نیست و یک سایت اصولی نیاز به فکر و برنامه ریزی دارد.اهمیت مرحله طراحی تجربه کاربری این است که تاثیر مستقیمی بر روی سئو سایت دارد.اگر تجربه کاربری مناسب نباشد سایت شما به شدت افت میکند و بازدید خود را از دست میدهد.پس چه خوب است که از همان فاز طراحی به فکر سئو سایت خود نیز باشیم و نکات سئو را در طراحی خود اعمال کنیم.در مقاله بعدی به تحلیل ادامه مراحل طراحی تجربه کاربری سایت خواهیم پرداخت.منتظر مقاله های بعدی ما باشید.

این مقاله توسط بخش سئو گرافیک سایت همیار سئو تهیه شده است

نویسنده سئو گرافيک: الهام زارعی

 

Summary
Review Date
Author Rating
51star1star1star1star1star

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

16 − 4 =

مطالب مرتبط

تبدیل طراح گرافیک به طراح ux
سئو گرافیک : چگونه از طراح گرافیک به طراح ux تبدیل شویم

در مقاله قبلی سئو گرافیک که درباره شباهت ها و تفاوت های طراح گرافیک

مقایسه طراح ux و طراح گرافیک
سئو گرافيک : مقايسه طراح گرافيک و طراح ux

در خدمت شما هستیم با یکی دیگر از مقالات سئو گرافیک همیار سئو .از

تاثیر اینفوگرافیک در سئو
سئو گرافیک : تاثیر اینفوگرافیک در سئو

در این مقاله سئو گرافیک میخواهیم درباره اینفوگرافیک ها صحبت کنیم و بگوییم چگونه

برترین تکنیک های ux
سئو گرافیک : برترین نکات ux – بخش سوم

در مقاله های قبلی سئو گرافیک و در مبحث طراحی ux به بررسی جدیدترین

تکنیک های ux
سئو گرافیک : برترین نکات ux -بخش دوم

در مقاله قبلی سئو گرافیک درباره تعدادی از جدیدترین تکنیک های طراحی ux که

نکات ux
سئو گرافیک:برترین نکات ux -بخش اول

در بخش سئو گرافیک همیار سئو ما به بررسی مبحث ux یا همان تجربه

گام دوم در طراحی ux
سئو گرافیک : گام دوم در طراحی ux

در مقاله قبلی سئو گرافیک تحلیل مراحل طراحی ux یک سایت را شروع کردیم

نقش کاربرد پذیری در تجربه کاربری
سئو گرافیک:کاربردپذیری در طراحی ux یا تجربه کاربری

در مقالات قبلی سئو گرافیک تجریه کاربری را تعریف کردیم و گفتیم که تجربه

سئو گرافیک:ابزارهای کمکی برای طراحان سری سیزدهم

تا کنون مقالات سئو گرافیک زیادی در مورد ابزار های گرافیکی برای کمک به

سئو گرافیک : ابزاره کمک برای طراحان – سری دوازدهم

ابزار های گرافیکی یک مجموعه بزرگ از ابزار های مفید برای طراحی سایت و

سئو گرافیک : ابزارهای کمکی برای طراحان-سری یازدهم

در خدمت شما هستیم با یکی دیگر از مجموعه مقالات ابزار گرافیکی که توسط

سئو گرافیک : ابزار های کمکی برای طراحان-سری دهم

در خدمت شما هستیم با یکی دیگر از سری مقالات سئو گرافیک با محوریت

سئو گرافیک:ابزار های کمکی برای طراحان-سری نهم

در خدمت شما هستیم با یکی دیگر از سری مقالات سئو گرافیک با محوریت

سئو گرافیک:ابزار های کمکی برای طراحی-سری هشتم

در این مقاله از سئو گرافیک قصد داریم تا یکی دیگر از مجموعه مقالات

سئو گرافیک:ابزار های کمکی برای طراحان-سری هفتم

همانطور که میدانید سئو گرافیک طی تصمیمی ،اقدام به جمع آوری مجموعه ای بزرگ

سئو گرافیک : آرشیو ابزار های گرافیکی

سئو گرافیک تصمیم گرفته است تا برای آسان تر شدن کار طراحان و گرافیست

سئو گرافیک : ابزار های کمکی برای طراحان-سری ششم

در سری مقالات ابزار گرافیکی که در بخش سئو گرافیک منتشر شد،سعی بر این

سئو گرافیک : ابزار های کمکی برای طراحان-سری پنجم

در سری مقاله های سئو گرافیک قبلی به معرفی یک سری از ابزار های

سئو گرافیک : ابزار های کمکی برای طراحی-سری چهارم

در چند مقاله اخیر درباره یک سری از ابزار های گرافیکی برای کمک به

سئو گرافیک:ابزار های کمکی برای طراحان-سری سوم

در مقالات قبلی سئو گرافیک درباره یک سری ابزار های گرافیکی برای کمک به

سئو گرافیک : ابزار های کمکی برای طراحان-سری دوم

در مقاله های قبلی درباره یک سری ابزار کمکی که به طراحان برای طراحی

سئو گرافیک: ابزار های کمکی برای طراحان و گرافیست ها-سری اول

در مقاله های قبلی درباره ابزار های تشخیص رنگ برای کمک به طراحان صحبت

سئو گرافیک:معرفی ابزار تشخیص رنگ برای طراحان -بخش دوم

در مقاله قبلی درباره اهمیت رنگ ها در طراحی بخصوص طراحی سایت صحبت کردیم

سئو گرافیک : تبدیل فایل flash به html5

در این مقاله میخواهیم یک ابزار فوق العاده کاربردی برای طراحان وب را معرفی

سئو گرافیک:معرفی انواع ابزار های تشخیص رنگ برای طراحان-بخش اول

با توچه به اهمیت بسیار رنگ ها در طراحی سایت و تاثیر آن در

color-wheel-in-web-design
color wheel چیست؟ و نقش آن در طراحی سایت

در این مقاله قصد داریم به معرفی بهترین سیستم رنگی موجود که کمکی بسیار

metro-inspired
سئو گرافیک : معرفی فریمورک metro ui

در مقاله های قبلی سئو گرافیک درباره تعدادی از فریمورک های محبوب طراحی سایت

سئو گرافیک : فریمورک ۹۶۰Grid چیست؟

در این مقاله قصد داریم درباره یکی دیگر از فریمورک هایی که در طراحی

Attractive website
سئو گرافیک : چگونه وب سایت خود را جذاب کنیم

در مقاله های قبلی درباره طراحی تجربه کاربری و نقش مهم آن در سئو

bootstrap
سئو گرافیک:کاربرد فریمورک Bootstrap در طراحی سایت

این مقاله از سئو گرافیک حول محور یکی دیگر از فریمورک های معروف و

materialize
سئو گرافیک: فریمورک Materialize چیست ؟

در این مقاله از سئو گرافیک ما قصد داریم به معرفی فریمورک ها و

اهمیت رنگ ها در طراحی و سئو سایت
سئو گرافیک : اهمیت رنگ ها در طراحی و سئو سایت

در این مقاله میخواهیم به زبان ساده به اهمیت رنگ ها در طراحی سایت بپردازیم و به

سئو : نکات مهم در طراحی یک landing page

در این مقاله میخواهیم درباره landing page یا صفحه فرود صحبت کنیم و این که

همبرگر منو
سئو گرافیک : همبرگر منو چیست؟

یکی از روش های طراحی منو سایت های جدید،همبرگر منو است. در این مقاله

سئو گرافیک : تفاوت طراح وب و برنامه نویس وب

در این مقاله قصد داریم تفاوت های بین دو عنوان شغلی طراح وب و

motion graphic killer infographic
سئو گرافیک :چگونه موشن گرافیک جایگزین اینفوگرافیک میشود؟

در این مقاله میخواهیم درباره موشن گرافیک و منصوب شدن آن به جای اینفوگرافیک صحبت

سئو گرافیک: ۶ نکته مهم در طراحی لوگو

در خدمت شما هستیم با یکی دیگر از مقالات سئو گرافیک.در این مقاله میخواهیم

svg-image
سئو گرافیک : استفاده از فرمت svg برای بهینه سازی تصویر

همانطور که در مقاله های قبلی گفته شد،تصاویر SVG فرمتی از تصاویر است که

سئو گرافيک : خلاقيت در طراحى لوگو

در اين مقاله سئو گرافيک قصد دارد شما را با زواياى پنهان يک طراح

svg
سئو گرافیک : تصاویر svg و تاثیر آن در سئو seo

این مقاله درباره یکی از تکنیک های بهینه سازی وب سایت است.میخواهیم بدانیم تصاویر

web-design
سئو گرافيک:چگونه يک وبسايت زيبا و بهينه داشته باشيم

در اين مقاله قصد داريم درباره روش جديد استفاده از گرافيک در طراحى وب

angry customer
سئو گرافيک: چگونه با دستان خودمان مشترى هايمان را دور کنيم-بخش دوم 

در خدمت شما هستيم با بخش دوم مقاله اشتباهات خطرناک در طراحى لوگو. بخش

quality-design
سئو گرافیک : نکات ضروری برای داشتن طرح با کیفیت و نقش آن در سئو سایت

در این مقاله می خواهیم درباره ابزار های مفید طراحی و نرم افزار هایی

seo graphic
سئو گرافيک : چگونه سبک طراحى خود را خاص کنيم – بخش دوم

در خدمت شما هستيم با بخشى ديگر از سرى مقالات سئو گرافيک.در بخش دوم

سئو گرافيک: چگونه با دستان خودمان مشترى هايمان را دور کنيم – بخش اول

اين يک مقاله ويژه است که توصيه ميکنيم حتما حتما تمام گرافيست ها و

سئو گرافيک: چگونه سبک طراحى خود را خاص کنيم-بخش اول

در اين مقاله ميخواهيم درباره راهکار هاى پيشنهادى سئو گرافيک براى خاص کردن سبک

سئو گرافیک : تاثیر تصاویر سایت در سئو

این مقاله درباره تاثیر تصاویر استفاده شده در سایت و نحوه انتخاب تصاویر مناسب گفته

سئو گرافيک: نقش ارتباط تعاملى در طراحى ux

همانطور که محتضر هستيد ،سئو گرافيک در حال فعاليت بر روى مباحث داغ دنياى

سئو گرافيک: طراحى wireframe ، يکى از وظايف طراح ux

در مقاله هاى قبلى ما درمورد ux صحبت کرديم و گفتيم ux به معنى

سئو گرافیک:چگونگی انتخاب رنگ برای سئو سایت موسیقی بخش سوم

در بخش اول از سری مقاله های انتخاب رنگ برای سئو سایت music ،

سئو گرافیک : چگونگی انتخاب رنگ در سئو سایت موسیقی بخش دوم

در بخش قبل درباره حساسيت انتخاب رنگ ها در سايت music صحبت کرديم و

سئو گرافیک : چگونگی انتخاب رنگ در سئو سایت موسیقی بخش اول

در مقاله های قبلی درمورد روانشناسی رنگ ها صحبت کردیم.در این مقاله قصد داریم

سئو گرافیک : معایب و مزایا طراحی فلت و متریال و تاثیر آن در سئو

در این مقاله همیار سئو قصد دارد تا شما را با یکی از تکنیک

سئو گرافيک:نقش sketch در طراحى نماد

در اين مقاله هميار سئو قصد دارد به طرح sketch که يکى از پايه

سئو گرافيک : تفاوت طراحى ux و ui

در مقاله هاى قبلى دو نوع طراحى ux و ui تعريف شد.اين مقاله به

سئو گرافیک : تاثیر ux بر سئو سایت

در این مقاله سئو گرافیک قصد دارد به ارتباط بین سئو سایت و ux

سئو گرافیک:طراحی ui چیست؟

این مقاله حول محور ui یا همان user interface به معنی رابط کاربری میچرخد.به

سئو گرافیک : طراحی ux چیست؟

در این مقاله قرار است به معنا و مفهوم کلمه ux که مخفف User Experience

سئو گرافيک : ظاهر سازى در طراحى سايت – بخش دوم

بخش دیگر سئو گرافیک در زمینه ظاهرسازی در طراحی سایت که بخش دوم می

سئو گرافیک : ظاهر سازی در طراحی سایت – بخش اول

در این مقاله سئو گرافیک قصد دارد تا شما را با یک سری از

سئو گرافیک : نماد مناسب و نقش آن در برند سازی

در این مقاله میخواهیم درمورد تاثیرات یک نماد خوب در برند سازی صحبت کنیم.پس

سئو گرافيک : گام به گام سئو گرافيک فروشگاه اينترنتى – بخش دوم

در بخش قبل درباره نکات مهم در ساخت يک فروشگاه اينترنتى صحبت کرديم.نکاتى که

سئو گرافيک : گام به گام سئو گرافیک فروشگاه اينترنتى- بخش اول

در گذشته به علت عدم اطمينان مردم به فروشگاه هاى اينترنتى ،اين کسب و

سئو گرافیک : روانشناسى رنگ برای برند سازى

آموزش دیگر سئو گرافیک از همیار سئو :تبدیل مهارت به فرصت از تکنیک های