شکستن قوانین طراحی وب: طراحی‌های غیرمتعارف در وب‌سایت‌ها

شکستن قوانین طراحی وب: طراحی‌های غیرمتعارف در وب‌سایت‌ها

28 فوریه 2024

نویسنده: امیلی

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

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

چرا قوانین را زیر پا بگذاریم؟

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

هنر هرج و مرج سازمان‌یافته

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

شبکه مرده است، زنده باد شبکه!

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

نمونه‌هایی از طراحی غیرمتعارف وب

نقطه این است که طراحی می‌تواند و باید شما را به یک سفر ببرد. در اینجا برخی از نمونه‌های جذاب از این نوع طراحی ذکر شده است:

تجربه سه‌بعدی غوطه‌ور

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

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

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

بوم بی‌پایان

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

با تصاویری از رمان گرافیکی سیاه و سفید به همراه احساسی از نوآر، LONGSHOT FEATURES – Arthouse Cult x Production Company که توسط جو تالبوت، جیمی فیلز و تیم خلاق پشت فیلم A24 x Plan B، آخرین مرد سیاه‌پوست در سان‌فرانسیسکو ایجاد شده است، برخی از بهترین کارهایش را در یک پیمایش بی‌پایان از صحنه‌های نمادین به نمایش گذاشته است.

اثر کلاژ

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

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

ظاهر زین

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

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

شبکه شکسته

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

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

پیمایش روایی

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

به عنوان نمونه، جوزف بری تصمیم می‌گیرد یکی از فیلم‌های محبوبش، کلاسیک دهه 1980 گونی‌ها را به یک وب‌سایت تبلیغاتی تبدیل کند. این وب‌سایت که الفت «ذکر شایسته» و «وب‌سایت روز» را از آواردز دریافت کرده، نمونه‌ای فوق‌العاده از اسکرول‌تِلینگ است — تبدیل یک داستان بلند به یک تجربه تعاملی.

پیمایش در مناطق ناشناخته

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

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

به شورش بپیوندید

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

درباره کوتاه

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

آیا تمایل دارید با کوتاه همکاری کنید؟ با ما تماس بگیرید.

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

پرسش‌های متداول

طراحی غیرمتعارف چیست؟

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

چرا باید از طراحی غیرمتعارف استفاده کنیم؟

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

چه نوع کاربرانی به طراحی غیرمتعارف علاقه دارند؟

کاربران خلاق و کنجکاو که به دنبال تجربه‌های جدید و با کیفیت هستند، معمولاً جذب طراحی‌های غیرمتعارف می‌شوند.

آیا طراحی غیرمتعارف می‌تواند بر سئو تأثیر بگذارد؟

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

چگونه می‌توانم طراحی غیرمتعارف را در وب‌سایتم پیاده‌سازی کنم؟

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

منبع: kota.co.uk