روندهاي جديد در طراحي وب سايت

روندهاي طراحي وب سايت مانند روندهاي مد و فشن متغير و گذار هستند. گاهي اوقات اين روندها به دليل ضرورت و نياز به وجود مي آيند يا تغيير ميکنند(مانند طراحي ريسپانسيو). ديگر روندها به دليل تغييرات صنعتي هستند مانند تغيير از اسکيومورفيسم به طراحي مسطح يا همان flat design.
انتخاب يک روند خاص و دنبال کردن آن بستگي به نيازهاي شما و کاربرانتان دارد. اين انتخاب نبايد تنها به اين دليل باشد که وب سايت هاي ديگر هم از آن روند استفاده ميکنند. سايتي که تنها با تقليد و دنبال کردن روندهاي جديد جلو ميرود خيلي زود هم از رده خارج ميشود.
حالا با در نظر گرفتن اين نکات بياييد نگاهي به روندهاي جديد در طراحي سايت بيندازيم:

1. پنهان کردن همه چيز زير منوهاي همبرگري

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

همانطور که در عکس بالا ميبينيد راهبري به طور کل در منوي همبرگري قرار گرفته است. (با دايره سفيد مشخص شده)
حالا شايد بهتر متوجه شده باشيد که چرا اين کار باعث جذابيت بيشتري در سايت ميشود. قرار دادن اجزاء راهبري در يک منوي همبرگري سايت را خلوت تر و ساده تر مي نمايد. همچنين اکثر افراد با اين ظاهر و کارآيي آن آشنا هستند ولي باز هم اين روش براي همه سايت ها مناسب نيست.
نتايج استفاده از اين روند در سايت هاي تجارت الکترونيک و سايت هاي خبري که در معرض ديد بودن تاپيک ها و آيتم ها مهم است ميتواند بسيار منفي باشد.
رفتار کاربر مشخص ميکند که بهتر است از راهبري پنهان استفاده کنيد يا خير در برخي موارد راهبري پنهان باعث گيج شدن کاربر و افزايش Boune rate ميشود. پس هيچگاه کارآيي و دسترس پذيري راحت را فداي زيبايي نکنيد.

2. اسلايد شو در صفحه اصلي

اين روزها تقريباً در هر سايتي با اسلايدشوها مواجه ميشويم. اسلايدشوها باعث ايجاد جذابيت بصري ميشوند.

ولي همواره اين بحث وجود دارد که بايد اين روند کنار گذاشته شود! به دلايل زير:
اسلايدشوها براي سئو مناسب نيستند. کمبود محتوا در يک صفحه ميتواند به سئوي آن صفحه آسيب برساند. و با توجه به اينکه گوگل ديگر به متا تگ کلمات کليدي اهميت نميدهد بنابراين به کلمات کليدي موجود در صفحه توجه ميکند و کم بودن محتوا در صفحه ممکن است تأثير منفي داشته باشد. البته ميتوانيد زير اسلايدر توضيحاتي قرار دهيد حتي بيشتر اسلايدرها حاوي هدرهايي هستند که داخل h1 قرار گرفته اند. ولي زماني که اين اسلايدها عوض ميشوند کلمه کليدي درون آن ها هم عوض شده و بي ارزش ميشود.
تأثير منفي بر روي عملکرد سايت ميگذارد. معمولاً اسلايدرها حاوي عکس هايي با کيفيت بالا هستند که بهينه هم نشده اند و همين باعث پايين آمدن سرعت لود صفحه اصلي ميشود. در حالي که صفحه اصلي به عنوان مهمترين صفحه سايت بايد تا حد ممکن سريع لود شود. همچنين در اسلايدرها از جاوا اسکريپت و jQuery استفاده ميشود که اينها هم باعث پايين آمدن سرعت لود ميشوند.
محتوا را به پايين هل ميدهد. با اينکه وجود محتوا در قسمت بالاي سايت اين روزها آنچنان هم مهم نيست (چون همه ما اسکرول کردن را بلديم) ولي باز هم گوگل پيشنهاد نميکند که محتواي صفحه اصلي خيلي به سمت پايين برود.
بعلاوه، تحقيقي در سال 2013 نشان داد که تنها 1 درصد افراد روي اسلايدرها کليک ميکنند و بيشتر افراد به اسلايدرها و محتواي درونشان توجهي نکرده و ميگذرند.
تمام نکاتي که راجع هب اسلايدر گفتيم به اين معني نيست که به هيچ وجه نبايد از آن ها در طراحي وب سايت خود استفاده کنيد بلکه بايد در کنار علاقه کاربر دليل موجه ديگري هم براي استفاده از آن ها داشته باشيد. اسلايدرها ميتوانند کارآمد باشند به شرطي که با دقت پياده سازي و بهينه سازي شوند تا بر روي تجربه کاربري و دسترس پذيري سايت تدثير منفي نگذارند.

3. اسکرول پارالاکس (اختلاف منظر)

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

4. صفحه هاي بارگذاري (لود) پيچيده

آيا به خاطر داريد که در گذشته زماني که وارد يک وب سايت ميشديد با يک صفحه لود فلش مواجه ميشديد و مجبور بوديد صبر کنيد تا کاملاً وارد سايت شويد؟ کاربران سايت هايي را که سرعت لودشان بالاي 10 ثانيه است به سرعت ترک ميکنند و اين بر روي کارآيي سايت شما تأثير ميگذارد.

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

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

5. استفاده بيش از حد از جاوااسکريپت

جاوااسکريپت امروزه در همه وب سايت ها استفاده ميشود. ولي جاوااسکريپت ممکن است باعث پايين آمدن سرعت سايت شود.
جاوااسکريپت در بسياري از موارد که زبان هاي ديگر جوابگو نيستند، ميتواند خيلي کاربردي باشد. جاوااسکريپت به شما کمک ميکند تا صفحه هاي لود خيلي کاربردي و جذاب ايجاد کنيد يا عناصر ديگري مثل اسلايدرها را ايجاد کنيد.
جاوااسکريپت در بسياري کتابخانه ها و فريم ورک ها مانند Angular.js، Backbone.jsو Knockout.js وجود دارد.
دلايل بسياري وجود دارد که نشان ميدهد استفاده بيش از حد از جاوااسکريپت ميتواند به عملکرد سايت شما آسيب بزند. برخي از آن ها عبارتند از:
سرعت لود. وجود پلاگين ها و اسلايدرها که از جاوااسکريپت و CSS هاي مختلف استفاده ميکنند. بهتر است که تمام اينها از يک فايل مشترک (براي هر نوع) لود شوند. يادتان باشد که فايل مربوط به هر کدام را حتماً مينيفاي (فشرده) کنيد.
به دليل پايين آمدن سرعت لود بر روي عملکرد سايت در موبايل هم خيلي تأثير ميگذارد.
امنيت. جاوااسکريپت هم مانند بسياري از بان ها و اسکريپت هاي ديگر اگر به درستي پياده سازي نشود ميتواند مورد سوء استفاده قرار گيرد. اين مسئله معمولاً به دليل فراخواني سايت هاي ديگر توسط جاوااسکريپت اتفاق مي افتد (پلاگين هاي عمومي).
قرار دادن کدهاي مخرب هم معمولاً با هدف دزديدن اطلاعات انجام ميشود.
سئو. جاوااسکريپت توسط موتورهاي جستجو بررسي (crawl) نميشود بنابراين وجود تعداد زيادي جاوااسکريپت روي سايت براي سئو وب سايتتان مشکل ساز خواهد شد. سعي کنيد به اندازه و منطقي از جاوااسکريپت استفاده کنيد.
جاوااسکريپت معمولاً روي دستگاه هاي موبايل به خوبي لود نميشود وباعث پايين آمدن سرعت لود ميشود بنابراين در صورتي که سايتتان ريسپانسيو است با دقت از JavaScript استفاده کنيد. همچنين براي آيکون هاي شبکه هاي اجتماعي به جاي جاوااسکريپت از فونت هاي وب استفاده نماييد.

6. تايپوگرافي پيچيده

با اينکه ميتوانيد از چندين فونت و سبک مختلف در وب سايت استفاده کنيد ولي در کل پيشنهاد ميکنيم که بيشتر از دو نوع مختلف را به کار نبريد.
تنوع بيش از حد در فونت ها و سبک ها باعث ايجاد ظاهري به هم ريخته و پايين آمدن ميزان خوانايي ميشود.

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