“

یکی از راه های طراحی که در سال ۲۰۱۶ طراحان سایت واسه به کار گیری اون در طراحی سایتا نسبت به اون تمایل و گرایش نشون دادن استفاد از کارت در طراحی سایته. فواید و به درد بخور بودن کارتا خارج از دنیای دیجیتال (مانند بیزنس کارت،کارتای بازی و …) واسه ما شناخته شده. ایده به کار گیری کارت به این منظور بوده که اطلاعات در رابطه درمورد یه موضوع تو یه ظرف گذاشته شه.

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

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

روشای موثر واسه به کار گیری کارت در طراحی سایت

۱٫یکتایی: یه کارت، یه معنی، یه کلیک

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

واسه ایجاد جذابیتای چشمی و هم اینکه جدا کردن بخشا با موضوعات متفاوت میشه از فوت وفن به کار گیری بلوکای رنگی استفاده کرد.

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

۳٫همه سطح کارت رو قابل کلیک کردن تعریف کنین.

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

به کار گیری ستونا و ردیفای استاندارد و هم اندازه در طراحی کارتا باعث راحت تر دیده شدن و تشخیص راحت تر و هم اینکه جستجوی آسون تر می شه و از طرف دیگه به کار گیری کارتای نامتقارن و غیر هم اندازه باعث پیشرفت تعامل کاربر (user engagement) می شه.

هیچکدام از این دو انتخاب بر دیگری برتری نداره،هر دو روش رو آزمایش کنین و به کمک بازخورد کاربران یکی رو انتخاب کنین.

۵٫Split-screen Style

امروزه یکی از راه های محبوب و مورد استقبال در طراحی سایت با استایل Split-screen،به خصوص واسه صفحات اول سایت،هستش. Split-screen Styleدر واقع همون کارتای بسیار بزرگ هستن و از اصل یکتایی و بلوکای رنگی هم پیروی می کنن.سادگی یکی از نکاتیه که در این روش باید به اون بسیار توجه داشت و نبود توجه به اون باعث به هم ریختگی UI سایت می شه.

در طراحی صفحه اول سایت هم از همین روش طراحی استفاده شده.

“

“

طراحی سایت براساس احساسات چیه؟

تا حالا واژه طراحی سایت براساس احساسات رو شنیدین و یا ایده داشتن سایتی مبنی بر احساسات و چیزای مورد علاقه مخاطبان خود رو داشتین؟

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

با تغییراتی که در چند سال گذشته در دنیای اینترنت و دیجیتال مارکتینگ به وجود اومده، جلب توجه کاربران سخت شده و نیازمند صرف زمان و انرژی بیشتری در طراحی سایت می باشه. یکی از راهکارهای مناسب واسه این منظور، به کار گیری هدفی روانشناسی در طراحی سایت به نام “طراحی سایت براساس احساسات” است که تلاش داره احساسات کاربران رو بر انگیزد و اونو هم جهت با اهداف سایت گردونه. امروزه جذب کاربران و افزایش مدت زمان حضور اون ها در سایت هم به عامل مهمی در سئو تبدیل شده. طوری که هرچه به جلو پیش میریم اهمیت بهبود تجربه کاربری (UX) سایت و توجه به فاکتورهای کیفی نسبت به فاکتورهای کمی، افزایش پیدا می کنه.

مثلا اگه بخوایم واسه یه برند نوشابه سایتی جهت معرفی و تبلیغ طراحی کنیم دو راه پیش رو داریم:

1. محصول و برند رو مستقیما در برابر نمایش بذاریم.
2. محصول و برند رو در بستر احساسی متناسب با اون نمایش بدیم.

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

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

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

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

۲. کنجکاو شدن کاربر (سطح رفتاری)

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

۳. درگیر شدن کاربر (سطح بازتابی)

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

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

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

شما از سایتای ایرونی که طراحی اونا براساس احساساته، بازدید کردین؟ نظرات خود رو با ما در میان بذارین.

“

“

۵ راه واسه طراحی سایت ساده

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

۱- تعیین بخشای اصلی سایت

قدم اول ممکنه روشن به نظر برسه ولی بدیش اینه تعداد خیلی از سایتها توجهی به اون نمی کنن. مطالب، تصاویر و موضوعات موجود در سایت رو به دو بخش مهم و غیر لازم تقسیم کنین.

طراحی سایت ساده و کاربردی در اول کار سختی میشه و همه موضوعات در نظر شما مهم جلوه میکنن ولی با کمی دقت بیشتر و بررسی نقاط قوت سایت یا شرکت خود و هم اینکه تعیین اندازه محبوبیت سرویسای جور واجور شما پیش مشتریان بدون هیچ سختی ای بخشای غیر لازم سایت رو شناسایی می کنین. تمرکز خود رو روی موضوعات مهمتر بذارین.

قانون ۸۰-۲۰

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

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

۲- حذف بخشای اضافی از سایت

با به کار گیری قانون ۸۰-۲۰ بخشای اصلی و لازم سایت رو شناسایی کردیم، حال وقت اون رسیده که ۸۰ درصد اضافی رو از سایت خارج کنیم. این بخشها ممکنه شامل سایدبارهای زیادتر از اندازه، افزونه های اشتراک گذاری، جزئیات نوشته مانند نویسنده، تاریخ و تعداد نظرات باشه. هم اینکه تعداد بالای لینک در فوتر سایت به صفحات خارجی میتونه یکی از عوامل خروج بازدیدکنندگان از سایت شما باشه.

۳- تعداد صفحات رو کم کنین

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

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

۴- به کار گیری بخش بالای سایت

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

تنوع رنگ کم در طراحی سایت ساده

شاید فکر کنین زمانیکه میشه از ۱۲ یا ۱۳ رنگ در سایت استفاده کرد به چه دلیل خود رو محدود به ۲ یا ۳ رنگ کنیم؟ ولی برایطراحی سایت ساده و کاربردی شما باید تعداد رنگا رو کم کنین، اگه به رنگای بیشتری نیاز دارین از ترکیبات روشن یا تیره همون رنگهای اصلی استفاده کنین.

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

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

سخن پایانی

نکات بالا واسه طراحی سایت ساده رو میشه در چند جمله کوتاه جمع بندی کرد مهم اون هستش که شما قصد بر ساده سازی سایت خود داشته باشین در اینصورت با بازبینی سایت متوجه موارد غیرضروری و اضافی در سایت خواهید شدف در این راه نکات زیر رو در نظر داشته باشین:

• قانون ۸۰-۲۰ رو یادتون نره
• بخشا و مطالب غیرضروری رو خط بزنین
• تعداد صفحات رو کم کنین
• از بخش بالایی سایت بیشترین استفاده رو ببرین
• تعداد رنگهای سایت رو محدود کنین

بیشتر بخونین: اصول طراحی فرم ثبت نام سایت

“

“

به چه دلیل طراحی سایت ریسپانسیو از داشتن اپ مهمتره؟

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

در زندگی یه طراح سایت سه چیز پیشگیری ناپذیره؛ مرگ، مالیات و مشتریان جدیدی که در کنار طراحی سایت درخواست طراحی اپ هم دارن.

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

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

واسه شروع در گوگل جستجو کردیم “what is an app?” و پاسخی که گرفتیم میگه اپ یه نرم افزاره که واسه رفع احتیاجی مشخص طراحی شده و و مستقیما به وسیله کاربر دانلود و نصب میشه. مهمترین بخش این جمله عبارت “رفع احتیاجی مشخص” است. پس هدف اصلی از طراحی یه اپ رفع یه نیازه و زمانیکه اون نیاز برطرف شده باشه دیگه وجود اپ بی معنی میشه دو دلیل اصلی واسه طراحی یه اپ هست که در ادامه اونا رو با هم بررسی میکنیم.

طراحی اپ با هدف افزایش اعتبار برند

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

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

محصول یا خدمات شرکت یه اپه

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

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

به چه دلیل طراحی اپ موبایل معمولا اشتباهه؟

موفقیت شرکتای بزرگ مانند اینستاگرام، اسنپ، دیجی کالا و … معمولا مثالایی واسه اهمیت بخشیدن واسه داشتن یه اپ موبایله. در حالیکه بیشتر کاربران به صورت هفتگی بین ۶ تا ۱۰ نرم افزار رو استفاده میکنن و شاید شما یکی از اونا نیستین.

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

نکته مهمتر مدت زمانیست که یه نرم افزار روی گوشی کاربران می مونه. به صورت میانگین تنها ۳.۲ نرم افزارها بیشتر از یه ماه روی گوشی کاربران دووم میارن.

انتخاب درست، طراحی سایت ریسپانسیوه

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

کاربران نیازای خود رو در گوگل جستجو میکنن نه اپ استور

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

هم طراحی سایت ریسپانسیو میخوایم و هم اپ

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

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

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

“

طراحی روان یا Liquid Design

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

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

• رزولوشن صفحه نمایش
• نوع مرورگر شامل فایرفاکس، کروم، اینترنت اکسپلورر و…
• تولبارهای اضافی نصب شده روی مرورگر کاربران مانند تولبار الکسا
• سیستم عامل کامپیوتر کاربران

توجه به موارد بالا ممکنه کار یه طراح سایت رو تا حد زیادی مشکل کنه ولی در نقطه مقابل میتونه تاثیر بالایی در کارایی سایت و رضایت کاربران بهمراه داشته باشه. فوت وفن طراحی سایت Liquid به این بخش توجه خاصی داره.

طراحی سایت Liquid چیه؟

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

فرق طراحی سایت روان و ثابت

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

Fixed Website Layout

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

Fluid Website Layout

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

1. سایت طراحی شده کارایی بهتری داره چون با در نظر گرفتن تنظیمات کاربران خود رو تغییر می ده.
2. فضای بین بخشای اصلی تناسب خود رو حفظ کرده و نمایش سایت شما در هر شرایطی برابر میشه.
3. با رعایت اصول این روش شما هیچوقت در صفحه خود با اسکرول افقی مواجه نمی شین و در هر شرایطی تموم محتوا نشون داده می شه.

مشکلات طراحی سایت روان

1. طراح سایت کنترل کمتری بر نمایش محتوا داره چون همه چیز رو براساس رزولوشن خود چیدمان کرده و ممکنه بعضی از شرایط رو در نظر نگرفته باشه.
2. تصویر، ویدیو و محتوایی که باید ابعاد مشخصی داشته باشه نمی تونه با تغییر ابعاد صفحه خود رو هماهنگ کنه.
3. در صفحه نمایشای خیلی بزرگ فاصله میان المانا زیادتر از اندازه شده و این فضای خالی ممکنه سایت شما رو کم محتوا جلوه دهد.

ممکنه استفاده فوت وفن طراحی سایت روان واسه شما مشکلات زیادی رو بهمراه داشته و زمان طراحی و رفع عیب رو تا حد زیادی زیاد کنه. ولی می تونین با ترکیب این دو روش فضای کاربری مناسبی واسه سایت خود بسازین مثلا با به کار گیری فوت وفن طراحی روان در هدر و فوتر سایت و فوت وفن سایت ثابت واسه محتوای میان اونا شما بیشتر مشکلات این دو روش رو بکار گرفتین. می تونین با تغییر رزولوشن صفحه نمایش یا بزرگنمایی مرورگر خود چگونگی نمایش اونو در شرایط جور واجور بررسی کرده و ایرادات احتمالی رو شناسایی و رفع کنین. در بیشتر مرورگرها با نگه داشته دکمه “Ctrl” و فشردن کلیدهای “+” یا “-” می تونین بزرگنمایی تصویر رو تغییر بدین.

آموزشای CSS موجود در سایت W3schools میتونه راهنمای مناسبی واسه به کار گیری این دستورات در طراحی سایت روان باشه.

“

“

طراحی سایت با وردپرس

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

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

به چه دلیل طراحی سایت با وردپرس رو انتخاب کنیم؟

مجموعه یکی از خوشنام ترین و موفق ترین شرکت طراحی سایت در ایرانه که در سال ۹۵ موفق شد در جشنواره وب و موبایل ایران به عنوان بهترین شرکت طراحی سایت شناخته شه. این مجموعه از روزای ابتدایی شروع به کار خود طراحی سایت با وردپرس رو انتخاب کرده و بیشتر از ۹۰ درصد سایتای مشتریان رو با این سیستم مدیریت محتوا طراحی و اجرا کرده. مهمترین دلایل ما واسه انتخاب وردپرس به توضیح زیره.

پنل کاربری استاندارد و آسون وردپرس

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

اجرا بر بستر PHP و MySQL

الان PHP محبوب ترین زبون برنامه نویسی واسه طراحی وبسایته و طبق گزارش سایت w3techs در نوامبر ۲۰۱۷ نزدیک به ۸۳ درصد سایتای جهان از این زبون واسه اجرا هسته سایت خود بهره بردن. سیستم مدیریت محتوای وردپرس هم برپایه php کدنویسی شده و همین امر موجب شده از انعطاف پذیری و توانایی ارتقای بالایی هنگام طراحی سایت با وردپرس بهره مند باشین.

یکی بودن طراحی سایت با وردپرس با استانداردهای سئو

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

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

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

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

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

عادی ترین عبارتای به کار رفته واسه رمز عبور در سال ۲۰۱۶ شامل ۱۲۳۴۵۶، qwerty و ۱۱۱۱۱۱ هستن که همه واسه هکرها شناخته شده و قابل حدس هستن. جالبتر اینکه اگه این لیست رو به ۲۵ عبارت پرکاربرد افزایش بدیم تقریبا نزدیک به ۵۰ درصد کاربران شبکه های اجتماعی رو پوشش می ده.

۲- امنیت وردپرس در هسته

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

۳- امنیت طراحی سایت با وردپرس سمت سرور

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

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

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

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

آموزش طراحی سایت با وردپرس

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

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

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

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

“

goldooni@gmail.com

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

کتاب صوتی:

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

کتاب الکترونیکی