نوشته بلاگ

تکنیک های ux

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

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

طراحی سایت بر اساس تکنیک رسپانسیو سنی:

رسپانسبو سنی

تکنیک سینما گراف ux

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

طراحی صفحات با استفاده از تکنیک skeleton screen:

تکنیک ux اسکلتون

تکنیک ux اسکلتون

skeketon یک تکنیک جدید بارگذاری صفحات است.یخش بزرگى از ux به سریع بارگذاری شدن صفحات مربوط میشود اما خب ممکن است سایتی قابلیت بارگذاری بالاتر را نداشته باشد.چه به علت حجم سنگین صفحات چه به علت کند بودن هاست.هر علتی که باشد تا حدودی میتوان این کندی و تاثیر آن بر روی ux را پوشش داد و مخفی کرد.به این صورت که به جای اینکه تا زمان بارگذاری کامل سایت هیچ چیزی نشان داده نشود،اجزاء صفحه به صورت پله پله لود شود.اگر عکس ها لود نشده جای آن که میتواند لود شود؟اگر متن ها لود نشده کادر آنها که میتواند نمایان شود! از این طریق کاربر حس میکند که مدت زمان کمتری معطل شده و آنچنان تاثیر بدی بر روی تجربه کاربری نمیگذارد.به این تکنیک skeleton screen میگویند که جزء یکی از جدید ترین تکنیک هاست.

ساخت داستان سایت با سينما گراف ها :

تکنیک سینما گراف ux

تکنیک سینما گراف ux

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

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

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

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

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

Summary
Review Date
Author Rating
51star1star1star1star1star

پاسخ دهید

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

دو × 4 =

مطالب مرتبط

تبدیل طراح گرافیک به طراح 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

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

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

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

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

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

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

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

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

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

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

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

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