وی تک آموزش طراحی وب، دیجیتال مارکتینگ و سئو ۱۳۹۸-۰۴-۱۱T15:52:26Z http://www.wetech.ir/feed/atom/ WordPress امید میرزایی <![CDATA[مزایای طراحی سایت تک صفحه ای و تاثیر آن در سئو]]> http://www.wetech.ir/?p=128 2016-06-03T20:45:23Z 2016-06-03T16:55:36Z حتما شما هم با من موافق هستید که در یکی دو سال اخیر طراحی سایت تک صفحه ای در دنیا افزایش یافته و به یکی از ترندهای طراحی وب تبدیل شده است. شاید شما هم دوست داشته باشید تا مزایای طراحی سایتهای تک صفحه ای […]

نوشته مزایای طراحی سایت تک صفحه ای و تاثیر آن در سئو اولین بار در وی تک پدیدار شد.

]]>
حتما شما هم با من موافق هستید که در یکی دو سال اخیر طراحی سایت تک صفحه ای در دنیا افزایش یافته و به یکی از ترندهای طراحی وب تبدیل شده است. شاید شما هم دوست داشته باشید تا مزایای طراحی سایتهای تک صفحه ای را بدانید و یا اینکه بخواهید تاثیر سئو را در اینگونه سایتها بدانید.

من در این پست میخواهم به مزایای طراحی سایتهای تک صفحه ای بپردازم و در نهایت از دیدگاه سئو اینگونه سایتها را بررسی کنم.

one-page-website-advantages-and-seo

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

وب سایتهای تک صفحه ای فقط بر روی اطلاعات ضروری تمرکز میکنند و از توضیحات اضافی دوری می کنند و هدف آنها فقط دادن اطلاعات بسیار مهم در مورد محصول یا خدمات است.

مزایا داشتن یک سایت تک صفحه ای چیست؟

– سادگی، شاید مهمترین و بهترین ویژگی است که وبسایت تک صفحه ای برای طرح شما ارائه میدهد. با داشتن فقط یک صفحه شما نیازی به طراحی چندین صفحه مختلف و هدایت کاربران به صفحات متفاوت نیستید.

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

– کاربران نیز در اینگونه سایتها جهت یافتن اطلاعات مورد نیاز خود نیازی به درگیر شدن با صفحات مختلف ندارند و به راحتی تمام اطلاعات مورد نیاز را در یک صفحه به دست می آورند (البته به شرطی که طراحی UX نیز به خوبی انجام شده باشد و کاربر به راحتی بتواند به آنچه نیاز دارد دست یابد)

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

معایت داشتن یک سایت تک صفحه ای چیست؟

– در وبسایتهای تک صفحه ای طولانی بودن سایت و گاه استفاده از تصاویر بزرگ به تعداد زیاد باعث افزایش حجم سایت و کاهش سرعت لود صفحه می شود. این موضوع میتواند تاثیری بدی بر روی کاربران سایت بگذارد. با توجه به گفته های گروه Aberdeen هر یک ثانیه تاخیر در سرعت لود سایت باعث کاهش ۷ درصدی در نرخ تبدیل کاربران میشود.

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

– از آنجاییکه بخشهای مختلف وب سایتهای تک صفحه ای بصورت استاتیک و با HTML و CSS طراحی میشوند لذا افزودن بخشها یا بلوکهای جدید برای صاحب سایت در صورتیکه اطلاعاتی در این زمینه ها نداشته باشد بسیار سخت خواهد بود. ولی در سایر نوع طراحیها مدیر سایت میتواند به راحتی صفحات دینامیک را به سایت خود اضافه نماید.

one-page-web-design

تاثیر سئو در سایت های تک صفحه ای

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

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

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

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

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

– گوگل همچنین به وب سایتها بر اساس تعداد صفحات ایندکس شده آنها نیز امتیاز میدهد و داشتن صفحات ایندکس شده زیاد برای سئو خوب است ولی در اینگونه سایتها شما هیچ صفحه ایندکس دیگری ندارید. (برای حل این مشکل بهتر است یک وبلاگ در کنار سایت داشته باشید)

نتیجه گیری

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

 

نوشته مزایای طراحی سایت تک صفحه ای و تاثیر آن در سئو اولین بار در وی تک پدیدار شد.

]]>
0
امید میرزایی <![CDATA[استراتژی کلمات کلیدی بلند در سئوی داخلی سایت long tail keywords]]> http://www.wetech.ir/?p=111 2016-06-02T10:56:13Z 2016-06-02T09:50:19Z کلمات کلیدی مهمترین قسمت سئوی داخلی هستند. انتخاب کلمات کلیدی متفاوت برای یک پست گاه میتواند باعث تفاوت بازدید چندین هزارتایی در یک بازه زمانی مشخص شود و اینجاست که نقش انتخاب کلمات کلیدی کاملا به چشم میخورد. من در تماسها و گفتگوهایی که در زمینه […]

نوشته استراتژی کلمات کلیدی بلند در سئوی داخلی سایت long tail keywords اولین بار در وی تک پدیدار شد.

]]>
long-tail-keywords-seo-strategy

کلمات کلیدی مهمترین قسمت سئوی داخلی هستند. انتخاب کلمات کلیدی متفاوت برای یک پست گاه میتواند باعث تفاوت بازدید چندین هزارتایی در یک بازه زمانی مشخص شود و اینجاست که نقش انتخاب کلمات کلیدی کاملا به چشم میخورد. من در تماسها و گفتگوهایی که در زمینه سئو با مشتریان دارم بسیار با اینگونه جملات روبرو میشوم: مثلا فرض کنید فردی هنوز سایتش را راه اندازی نکرده ولی میخواهد یک ماه بعد در عبارت “خرید لپ تاپ” گزینه اول گوگل شود. واقعیت این است که این کار امروز دیگر هرگز امکان پذیر نیست. امروز سایتها برای رسیدن به رنکینگ های بالا باید واقعا تلاش کنند و این تلاش آنها باید بصورت مستمر و دائمی باشد. امروز گوگل متوجه میشود که شما مدتی است به سایتتان اهمیتی نمی دهید. بنابراین چرا او باید اهمیت دهد؟!


امروز گوگل متوجه میشود که شما مدتی است به سایتتان اهمیتی نمی دهید. بنابراین چرا او باید اهمیت دهد؟!
اینو توییت کن


اگر شما تازه وارد مباحث سئو شده اید و یا اگر برندی جدید هستید که میخواهید جایگاهی برای خدماتتان در موتورهای جستجو به دست آورید بایستی مقدار زیادی از انرژی خود را به انتخاب کلمات کلیدی خود صرف کنید. امروز دیگر هرگز نباید به دنبال این بود که با نوشتن فقط یک پست بتوان مثلا در عبارت “طراحی وب سایت” گزینه اول و یا حتی در صفحه اول گوگل ظاهر شد. امروز برای رسیدن به رتبه های بالا باید حرفه ای تر عمل کرد. یکی از استراتژی های بسیار موفق و کاملا اثبات شده در زمینه انتخاب کیوردها استفاده از کلمات کلیدی بلند است که به long tail keywords معروف هستند. کلمات کلیدی بلند در واقع عبارتهای ۳ یا ۴ کلمه ای و یا گاهی حتی بیشتر است که طیف خاصی از کلمه کلیدی اصلی شما را شامل میشود. مثلا برای کلمه کلیدی “خرید کفش” میتوان کلمات کلیدی بلند مانند “خرید کفش اسپورت مردانه” و یا “خرید کفش زنانه پاشنه بلند” را نام برد.

مزایای استفاده از کلمات کلیدی بلند چیست؟

شاید در ابتدا بتوان گفت تعداد جستجوها برای کلمات کلیدی long tail کمتر از کلمات کلیدی اصلی است و این گاهی شاید درست هم باشد ولی استفاده از لانگ تیل کیوردها مزایای بسیار زیادی دارد.

اول اینکه اینگونه کلمات کلیدی مشتریان کاملا هدفمندی را به سایت شما روانه می کنند. مثلا اینکه شما هر زو فقط ۲۰ نفر ورودی از عبارت “خرید کفش اسپورت مردانه” بگیرید خیلی هدفمند تر از ۱۰۰ ورودی از عبارت “خرید کفش” است. چرا که در گروه دوم شاید بسیاری به دنبال کفش زنانه هستند و یا کفش غیر از کفش اسپورت. ولی ۲۰ نفر گروه اول دقیقا چیزی را میخواهند که شما ارائه میکنید، بنابراین پتانسل خرید در این گروه بسیار زیاد است. بطور کلی میتوان گفت در استفاده از کلمات کلیدی بلند ۸۰% شانس بیشتری برای خرید و یا رسیدن به هدف اصلی نسبت به گروه دوم وجود دارد.

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

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

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

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

نوشته استراتژی کلمات کلیدی بلند در سئوی داخلی سایت long tail keywords اولین بار در وی تک پدیدار شد.

]]>
0
امید میرزایی <![CDATA[آموزش بوت استرپ بصورت ویدیویی – قسمت اول (معرفی و نصب)]]> http://www.wetech.ir/?p=51 2016-05-05T13:38:46Z 2016-05-05T12:32:12Z [Elite_video_player id=”1″]   مشاهده ویدئو در یوتیوب مشاهده ویدئو در آپارات بوت استرپ چیست؟ بوت استرپ یک فریم ورک برای طراحی وب است که در جهت تسهیل کار کدنویسان بوجود آمده است. بوتسترپ یک سری کدهای آماده css و jquery است که که از قبل […]

نوشته آموزش بوت استرپ بصورت ویدیویی – قسمت اول (معرفی و نصب) اولین بار در وی تک پدیدار شد.

]]>
[Elite_video_player id=”1″]

 

مشاهده ویدئو در یوتیوب

مشاهده ویدئو در آپارات

بوت استرپ چیست؟

بوت استرپ یک فریم ورک برای طراحی وب است که در جهت تسهیل کار کدنویسان بوجود آمده است. بوتسترپ یک سری کدهای آماده css و jquery است که که از قبل تولید شده و با اضافه کردن آن فایلها به صفحه خود میتوانیم از امکانات بی نظیر آن استفاده کنیم. بوت استرپ توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. در اگوست سال ۲۰۱۱، توییتر Bootstrap را بصورت متن باز و رایگان در اختیار دیگران قرارداد و طولی نکشید که بوت استرپ تبدیل به محبوب ترین فریم ورک طراحی وب شد.

کاربرد بوت استرپ

بوت استرپ از ۳ جهت کاربرد دارد. مهمترین قسمت آن را شاید بتوان ریپانسیو سازی دانست. بوت استرپ از سیستم شبکه ای یا grid استفاده میکند و در واقع هر صفحه را به ۱۲ قسمت تقسیم میکند و هر کدام را col می نامد. بنابراین طراح وب میتواند به هر میزان عرضی که خواست در چاچوب بوت استرپ تعریف نماید. استفاده از بوت استرپ باعث میشود زمان کد نویسی در بخش css بسیار کوتاهتر شود و طراح وب بدون نیاز به درگیری با کدهای @media screen بتواند طرح خود را ریسپانسیو و واکنش گرا نماید.

دومین کاربرد بوت استرپ ابزارهای رایگانی است که در css بوت استرپ از قبل تعریف شده اند و شما بدون درگیری جهت کد نویسی به راحتی میتوانید از این ابزارها استفاده کنید. از نمونه این ابزارها میتوان به دکمه ها ، فرم ها ، منوها ، جداول و … اشاره کرد. مثلا شما میتوانید با دادن یک کلاس table یک جدول زیبا ایجاد کنید، چرا که کلاس table از قبل در css بوت استرپ تعریف شده است.

bootstrap-elements

سومین کاربرد بوت استرپ را نیز میتوان توابع جاوا اسکریپتی دانست که از قبل در فایل js بوت استرپ نوشته شده است.

همین توضیحات کوتاه بالا مشخص میکند که چرا بوت استرپ به محبوب ترین فریم ورک طراحی وب تبدیل شده است.

فیلم آموزش ویدیویی بوت استرپ bootstrap

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

قسمت اول آموزش بوت استرپ (معرفی و نصب)

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

اینکه بوت استرپ چیست تا حدودی در بالا توضیح دادم ولی جهت نصب آن با ما همراه باشید.

بوت استرپ دارای چند فایل میباشد که ما باید ابتدا آنها را در صفحه وب خود فراخوانی کنیم. یک فالی css و یک فایل js . البته اگر شما در طراحی خود نیازی به جاوا اسکریپت ندارید میتوانید فقط فایل css بوتسترپ را وارد پروژه خود کنید. سایت اصلی بوت استرپ getbootstrap.com است و شما جهت دانلود فایلهای بوت استرپ میتوانید وارد این سایت شده و به قسمت دانلود بروید. ولی مشکلی که وجود دارد این است که ما ایرانیها برای طراحیهای خود نیاز به فایلی داریم که راست به چپ باشد ولی بوت استرپ بصورت پیش فرض برای زبانهای چپ به راست طراحی شده است. بنابراین جهت استفاده در پروژه های فارسی یا RTL نمیتوان از فایلهای اصلی بوت استرپ بهره جست. برای اینکار من یک فایل css بوتسترپ ۳ که بصورت کامل راست به چپ شده است را در پایان این صفحه قرار دادم که با دانلود و وارد کردن فایل css آن در پروژه خود میتوانید از امکانات بوت استرپ استفاده کنید.

<link rel="stylesheet" href="css/bootstrap.rtl.min.css">
<script src="js/bootstrap.min.js"></script>

در این جلسه آموزش bootstrap همچنین به یکی از کلاسهای بوت استرپ پرداخته ایم. <div class="container"> و همچنین کلاس <div class="container-fluid"> . هر المانی که بخواهیم در bootstrap طراحی کنیم بایستی بین یکی از این کلاسها قرار بگیرد. که container قسمتی از صفحه را میگیرد که در عرضهای بالای ۱۲۰۰px این قسمت ۱۱۷۰px میباشد و سمت راست و چپ و صفحه سفید می ماند ولی container-fluid در واقع کل عرض صفحه رو به خود اختصاص میدهد و زمانیکه بخواهیم یک المانی عرض کامل یا full width صفحه را بخود بگیرد از این کلاس استفاده میکنیم.

پایان جلسه اول آموزش بوت استرپ

در این جلسه هدف من صرفا معرفی فریم ورک بوت استرپ بود و همچنین نحوه نصب و استفاده از آن را میخواستم آموزش بدم. در جلسه بعد سعی میکنم به grid ها یا سیستم شبکه ای بوت استرپ بپردازم.

پیشنهاد میکنم جلسه بعدی فیلم آموزش bootstrap را از دست ندهید.

 

نوشته آموزش بوت استرپ بصورت ویدیویی – قسمت اول (معرفی و نصب) اولین بار در وی تک پدیدار شد.

]]>
0
امید میرزایی <![CDATA[تاثیر فرهنگ بومی در طراحی UX تجربه کاربری (User Experience)]]> http://wetech.ir/?p=1 2016-05-04T15:18:23Z 2016-04-18T14:30:31Z بیش از ۳ میلیارد نفر در دنیا به اینترنت دسترسی دارند. این روند مثبت در ارتباطات جهانی بدین معنی است که طراحی برای تجربه وب جهانی توسط شرکتها به امری رایج تبدیل شده است و شرکتهای چند ملیتی نیز باید تجربه کاربری را در طراحی […]

نوشته تاثیر فرهنگ بومی در طراحی UX تجربه کاربری (User Experience) اولین بار در وی تک پدیدار شد.

]]>
culture-and-ux-design2

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

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

رابطه المانهای طراحی و فرهنگ

اگر شما یک طراح UX هستید، احتمالا از قبل می دانید که فرهنگ در شغل شما تاثیر گذار است و اگر نمیدانید، بهتر است این موضوع را قبول کنید. هر فرهنگی ارزشها و تاثیرات مختلفی بر روی المانهای طراحی برجای می گذارد، همانطوری که در جامعه این تاثیرات مختلف را به جای می گذارند.

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

طراحی بصری (طراحی گرافیک)

برای اینکه کمی مسئله را ساده تر کنیم، طراحی بصری را به دو عنصر رنگ و نمادها (علائم یا symbol ) تقسیم میکنم. این دو عنصر طراحی معمولا به منظور بهبود تجربه کاربری مورد استفاده قرار میگیرند و هر دو تا حد زیادی درک فرهنگی کاربر را تحت تاثیر قرار میدهند.

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

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

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

(شاید این یکی از مهمترین دلایلی است که من معتقدم در طراحی UI و UX برای سایتهای ایرانی نباید سعی کنیم طرحمان خیلی شبیه سایتهای خارجی و یا نمونه های تم فارست و … باشد. چرا که تفاوتهای فرهنگی بین این مناطق کاملا مشهود است. )

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

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

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

بعنوان مثال بیایید به وبسایت فیلیپس نگاهی بیندازیم و ببینیم چگونه شمای گرافیکی و UX در سایت فیلیپس از شرق به غرب تغییر میکند.

این شمای سایت فیلیپس در چین است:

Philips-CN

تصویر زیر صفحه اول طراحی شده سایت فیلیپس برای کشور عربستان است:

Philips-KSA

حال به غرب می رویم و تصویر سایت فیلیپس را در کشور آمریکاست می بینیم:

Philips-USA

شما چه چیزی از تفاوت در طراحی UX این سه نمونه سایت محلی متوجه می شوید؟

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

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

اگر شما نیز یک طراح UX هستد و میخواهید برای یک شرکت، سایت چند ملیتی یا اصطلاحا چند زبانه طراحی کنید، امیدوارم مطالب بالا توانسته باشد تاحدی شما را با اساس کار آشنا نماید.

اگر شما تجربه طراحی اینچنین سایتهایی دارید و درباره ابعاد مهم دیگری در طراحی UX میان فرهنگی اطلاعاتی دارید از طریق کامنت با ما نیز در ارتباط بگذارید.

نوشته تاثیر فرهنگ بومی در طراحی UX تجربه کاربری (User Experience) اولین بار در وی تک پدیدار شد.

]]>
0