ترندهای طراحی وب سایت در سال 2019

9 ترند طراحی وب که نمی توان آنها را در سال 2019 نادیده گرفت

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

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

اینها تعدادی از قابل توجه ترین مواردی هستند که انتظار داریم در سال 2019 در زمینه طراحی وب ببینیم:

  1. طراحی Flat

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

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

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

طراحی flat

 

  1. گیف های انیمیشنی

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

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

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

گیف های انیمیشنی

 

  1. رباتهای سخنگو و یادگیری ماشین

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

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

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

برای مثال Zeroqode ، با استفاده از Intercome سیستم پاسخگویی یکپارچه ای را فراهم کرده ایم که به ارتباط آنی با مشتریان بالقوه کمک می کند.

استفاده از ربات های پاسخگو در سایت

 

  1. فضای سفید

همانطور که اشاره شد، طراحی وب دارد از مدل ذهنی “less is more” فراتر می رود. یعنی داریم می بینیم که طراحان صفحه آرایی ساده تر و فضای سفید بزرگتر را برمی گزینند. White space یا negative space فضای خالی موجود در صفحات وب است. وجود فضای خالی در کنار عناصر موجود در صفحه، باعث میشود کاربر فضای تنفس داشته باشد.

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

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

استفاده از فضای سفید در طراحی وب سایت در سال 2019

 

  1. اسکچ، بهترین نرم افزار طراحی وب

در طول زمان، مجادلات دوقطبی بی پایانی در دنیای تکنولوژی وجود داشته است؛ بین Mac و PC، GIF و JIF، اپل و اندروید و …

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

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

 

  1. گریدهای شناور و صفحه آرایی های نامتقارن

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

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

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

استفاده از گرید های نامتقارن در طراحی سایت در سال 2019
  1. سیستم های طراحی

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

شرکت های بزرگی چون Shopify، Trello و Airbnb  با نهادینه کردن این سیستمها و حتی اختصاص صفحاتی به آنها روی سایتشان برای مشاهده همگان، پیشگام برنامه های طراحی سیستم بوده اند.

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

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

استفاده از سیستم های طراحی
  1. استفاده از اشکال ارگانیک

به هر شکلی که غیرمعمول و بی قاعده باشد، ارگانیک می گویند. “ارگانیک” شیوه بیان بهتری به جای بکاربردن کلمه معیوب است. ظاهر اشکال ارگانیک طوری است که انگار با دست و توسط انسان کشیده شده اند. این شکل ها با ظاهر غیرمعمول شان می توانند چشم کاربر را بربایند و ظاهر خوشایندی به سایت بدهند.

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

.

ااشکال ارگانیک در طراحی سایت
  1. دسترسی پذیری وب سایت

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

همچنان که WCAG 2.0 (راهنمای دسترسی به محتوای وب) اجرایی تر می شود، اهمیت اطمینان از دسترس پذیری سایت بطور فزاینده ای بالا می رود.

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

اگر دنبال منابع خوبی برای مطابقت سایت تان با این دستورالعمل هستید، می توانید اینجا به لیست کاملی از ابزارهایی که W3C، کنسرسیوم جهانی وب،  توصیه کرده است نگاهی بیندازید.

نگاهی به سال 2019

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

Write a Comment

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

سبد خرید شما خالی است