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

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

کتاب Responsive Web Design Best Practices مطالب جالب و مفیدی در همین زمینه ارائه می دهد. این کتاب ۱۲۹ صفحه ای که توسط سایت UXPin در اختیار همگان قرار گرفته است، شامل:

۱) تجربه  ۲۰ ساله و یا حتی بیشتر طراحانی است که در مورد طراحی ریسپانسیو فعالیت کرده اند.

۲) مطالعه جامع تکنیک های ریسپانسیو یا واکنش گرای بکار گرفته شده توسط شرکت های معروفی چون Uber، Palantir، Virgin America، MailChimp، Smashing Magazine می باشند.

۳) مطالب مفیدی درمورد صفحه آرایی ریسپانسیو، الگوهای UI، تایپوگرافی، تصاویر ریسپانسیو و اجرای فنی این طراحی می شود.

۴) آموزش های گام به گام و دقیق طراحی ریسپانسیو یا واکنش گرا می باشد.

برای دانلود این کتاب ارزشمند که همواره می تواند بعنوان منبعی کارآمد در کنار شما باشد، روی لینک زیر کلیک نمایید:

منبع: www.awwwards.com

]]> http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88-%d9%88%d8%a7%da%a9%d9%86%d8%b4-%da%af%d8%b1%d8%a7/feed/ 0 http://tarahan.com/5-%d8%b1%d9%88%d8%b4-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%af%d8%b1-%d8%b2%d9%85%db%8c%d9%86%d9%87-ux-design/ http://tarahan.com/5-%d8%b1%d9%88%d8%b4-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%af%d8%b1-%d8%b2%d9%85%db%8c%d9%86%d9%87-ux-design/#respond Sun, 03 Jan 2016 15:08:40 +0000 http://tarahan.com/?p=4897 […]]]> یکی از مباحث مهم در زمینه طراحی وب سایت، User Experience Design) UX Design یا طراحی تجربه کاربر) می باشد. این روند مربوط به افزایش رضایت مشتری (کاربر) از طریق بالا بردن کیفیت طراحی وب سایت است بطوری که می توان گفت در سال های اخیر هدف نهایی طراحان، کسب رضایت کاربران است.

در این بخش، به بررسی ۵ روش UX Design می پردازیم که می توانند بر نظر کاربران تاثیر مثبت بگذارند و هر طراح باید برای رقابتی بودن سایت خود به این نکات توجه کند.

۱) طراحی خدماتی سایت (Web Service Design)

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

دلایل کارایی بالای این طراحی عبارتند از:

غالب های متعدد – در UX Design می توان از وردپرس، غالب های با کیفیت بالا، فریم ورک های (Framework) رایج و طراحی های زیادی استفاده کرد.

الگوهای User Interface) UI) مطمئن – نکته اصلی در الگوهای UI، سادگی کاربرد آن هاست. از آنجایی که الگوهای UI از اطمینان بالایی برخوردار هستند درنتیجه فضای بیشتری برای استفاده از UX Design وجود دارد.

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

بهترین راهکارها در این زمینه عبارتند از:

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

 ۲) Personalisation (شخصی سازی)

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

بهترین راهکارها در این زمینه عبارتند از:

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

 ۳) تعاملات Microinteractions) Micro)

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

راهکارهای مناسب در این زمینه عبارتند از:

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

۴) طراحی برای وسایل متنوع

امروزه با وجود ابزار متفاوت برای جستجو در اینترنت مانند تبلت، تلفن همراه و لپ تاپ کاربران تمایل دارند بوسیله تمامی این وسایل از کلیه سایت ها بهره مند شوند. درنظر گرفتن این امر نقشی اساسی در زمینه UX Design دارد.در چنین شرایطی دو راه حل پیش پای طراحان وجود دارد: Responsive Design (طراحی واکنش گرا) و یا Adaptive Design (طراحی انطباقی). تفاوت در این است که صفحه آرایی Responsive با هر وسیله ای تناسب دارد در حالی که در طراحی Adaptive برای هر وسیله ای صفحه آرایی ویژه ای وجود دارد. اما آنچه که امروزه بیشتر مد نظر و رایج است طراحی Responsive است.

بهترین راهکارها در این زمینه عبارتند از:

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

۵) Gamification

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

در این زمینه بهتر است به نکات زیر توجه کنید:

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

در این بخش تلاش بر این بود که تکنیک های مهمی در مبحث UX Design را آموزش دهیم. اگر مایل به مطالعه بیشتر در این زمینه هستید می توانید از لینک زیر کتاب الکترونیکی UX Design Trends 2015 & 2016 را دانلود نمایید:

منبع: www.awwwards.com

۱) افزایش چشمگیر الگوهای UI در طراحی سایت

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

برخی از الگوها که باید با آن ها آشنایی داشته باشید عبارتند از:

منوی موبایلی/ همبرگری (Hamburger Menu): 

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

ایجاد حساب کاربری:

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

استفاده از Long Scroll:

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

تصاویر با کیفیت بالا:

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

۲) انیمیشن‌های جذاب

اخیراً استفاده از انیمیشن ها بسیار رایج است چرا که بخوبی توجه و رضایت کاربران را جلب می کنند. در این قسمت ۳ تکنیک رایج برای کاربرد انیمیشن‌ها آورده شده است:

انیمیشن‌های بارگذاری:

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

انیمیشن چرخشی:

دادن جلوه چرخشی به تصاویر ظاهری زیبا به آن‌ها داده و می تواند تاثیر مثبتی بر دیدگاه کاربران بگذارد.

ویدیوها یا انیمیشن‌های پس‌ زمینه

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

 ۳) Microinteractions (تعاملات میکرو) در طراحی سایت‌

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

Microinteractionها در امور مختلفی وجود دارند:

۱. اشتراک وضعیت یا بازخورد

۲. مشاهده نتایج حاصل از عملکردهای مختلف

۳. کمک به کاربران در انجام امور مختلف

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

 منبع: www.awwwards.com

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

۱. طراحی سایت نا منظم: که امروزه یکی از پر طرفدارترین طراحی‌های جدید دنیای گرافیست می‌باشد، به سایت‌هایی گفته می‌شود که از خصوصیات زیر برخوردارند:

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

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

طراحی سایت

۲. طراحی سایت خلوت: این نوع طراحی سایت، در ظاهر ساده هستند اما تفکری در پی ساخت آن‌ها نهفته است. استفاده از المان‌های کم و گرافیکی و استفاده از دو یا سه رنگ در طراحی، به آن‌ها ظاهری متفاوتی داده است و برخلاف دسته اول، به تمیزی معروفند. از نظر طراحی کاملاٌمتمایز، حرفه ای و مدرن هستند. همچنین پیام “صاحب این سایت مشتاق است” و ” صاحب این سایت قابل اعتماد است” را به بازدیدکننده القا می‌کند.  این گونه سایت‌ها برای همه مناسب است غیر از کسانی که دوست ندارند تفاوت شایانی با بقیه داشته باشند. این تفاوت آن‌ها را می‌ترساند و سایت‌های استاندارد را می‌پسندند.

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

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

• یک هاست خوب انتخاب کنید

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

• بهینه سازی تصاویر

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

• فعال کردن فشرده سازی

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

•  ذخیره سازی مرورگر

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

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

• اسکریپت و CSS

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

• پیکربندی CDN

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

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

هشتگ (Hashtag) اولین بار به منظور نام گذاری گروه‎ها‎ و موضوعات در چت IRC مورد استفاده قرار گرفت؛ به این صورت که با اضافه کردن کاراکتر «#» قبل از حروف یا کلمه‌ای خاص، امکان جست و جوی سریع آن برای کاربران فراهم کردند. پیدایش توییتر به وسیله هشتگ (Hashtag)صورت پذیرفت. اولین باری که هشتگ (Hashtag)  استفاده شد، در سال ۲۰۰۷ توسط گروهی با نام کریس مسینا بود که در توییتر اقدام به استفاده از هشتگ نمودند . اوایل پیدایش، استفاده از هشتگ برای کاربران عمومی به نوعی ترفند برای بهبود رتبه در نتایج جست و جو اعلام شد و هیچ استفاده دیگری برای آن در نظر گرفته نشده بود. این در حالی است که عده‌ای دیگر از کاربران، کاربرد صحیح از هشتگ را آموخته بودند و برای کارهایی غیر از جست و جوی مطالب استفاده می‌کردند. برای نمونه #sandiegofire که در اخبارها استفاده شد.

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

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

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

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

مزایای سایت‌های بدون صفحه یا تک صفحه‌ای

۱- سازگاری با گوشی‌های موبایل و جذب کاربر:

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

۲- پیمایش راحت تر صفحه و رساندن پیام به مخاطب:

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

۳- سازماندهی بهتر مطالب:

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

در زیر نمونه‌ای از یک وب سایت تک صفحه‌ای را می‌توانید مشاهده کنید:

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

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

۱.دریابید که در اطرافتان چه اتفاقاتی می‌افتد.

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

۲.اطمینان حاصل کنید که پست‌های شخصیتان، خصوصی باقی می‌ماند.

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

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

۳. نرم افزارهای خود را به روز نگاه دارید.

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

۴.از رمز عبورهای قدرتمندی استفاده کنید.

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

• حروف بزرگ
• اعداد
• نشانه‌ها

شما رمز عبوری می‌خواهید که برای حدس زدن ساده نباشد، از این رو از اسم‌های معمول فامیلی و یا تاریخ تولد و یا شماره همراه و غیره برای تنظیم رمز عبور خودداری کنید. یک برنامه خوبی که می‌توانید برای ساخت رمز عبور قدرتمند از آن کمک بگیرید، ۱password می باشد.

۵. بسط دادن فعالیت‌های آنلاین خود

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

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

۶. آیا از اپلیکیشن‌ها استفاده می‌نمایید؟

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

۷.کوکی‌های مرورگر خود را بررسی کنید.

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

۸. باید بدانید مواردی را که حدف می‌کنید، در پایگاه داده و یا آرشیو هم چنان موجود است.

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

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