راهنمای جامع وب سایت معماری ؛ ۹ دلیل ضروری راه اندازی وب سایت

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

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

آنچه در این مقاله می‌خوانید:

اهمیت وب سایت معماری

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

وب سایت معماری؛ شتاب‌دهنده‌ی بیزینس معماری

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

ماهیت حرفه معماری؛ لزوم افزایش تعامل با مخاطب

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

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

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

افزایش اعتبار تجاری شرکت و برند معماری

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

تقویت نتایج موتور جستجو؛ روش جذب مخاطبان جدید

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

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

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

محدودیت کمتر وب سایت نسبت به شبکه‌های اجتماعی

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

هدایت مخاطبان به سایر حساب‌های شبکه‌های اجتماعی

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

طراحی خلاقانه وب سایت معماری؛ افزایش ترافیک وب سایت

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

تصور کنید که این رقم به طور متوسط در حدود ۰.۵٪ است. این بدان معناست که قبل از شروع به کسب درآمد باید حداقل ۲۰۰ نفر از سایت شما بازدید کنند. اگر شما طراحی وب سایت منحصربه‌فردی داشته باشید، کل این فرآیند بسیار ساده‌تر خواهد بود. در این صورت حتی ممکن است بتوانید این آمار را افزایش دهید.

وب سایت معماری؛ بستری مناسب برای دریافت اطلاعات مخاطبان

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

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

وب سایت معماری؛ تور مجازی از یک دفتر معماری

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

محتوای وب سایت معماری

محتوای وب سایت معماری دقیقاْ همان چیزی است که مخاطب با بازدید از یک وب سایت انتظار دارد آن را مشاهده کند. در ادامه‌ی این مقاله با انواع محتوایی که باید در یک وب سایت معماری ارائه شود، آشنا می‌شویم.

معرفی خدمات و محصولات:

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

رزومه و پورتفولیو معماری:

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

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

انتشار اطلاعات خاص و منحصربه‌فردی که گویای چالش‌های پروژه و توانمندی شما در ایده‌پردازی و حل مسئله باشد، می‌تواند بسیار مفید باشد. فراموش نکنید که افتخارات و جوایز کسب شده برای هر پروژه در مسابقه معماری را حتماً در اختیار مخاطب قرار دهید. همچنین حتماً به ابعاد، کاربری، سبک طراحی، متریال مصرفی هر پروژه و … اشاره کنید. محتواهای منحصر‌به‌فرد بیشتری هم برای هر پروژه می‌تواند منتشر شود؛ مثل جانمایی محل پروژه روی نقشه‌ی گوگل با گزینه‌ی مسیریابی، نمایش یک تور مجازی از پروژه، نمایش ماکت معماری پروژه ( فیلم تصویربرداری شده به صورت ۳۶۰ درجه و قابل چرخاندن) و … .

ارائه‌ی اطلاعات تماس:

قطعاً مخاطب برای برقراری تعامل مستقیم در مورد نوع، سبک، برآورد هزینه و … نیازمند اطلاعات تماس معمار است. یک بخش از وب سایت معماری باید به انتشار این اطلاعات اختصاص پیدا کند. در بخش “تماس با ما”، اطلاعات تماس مختلف مثل شماره‌‌های تماس، آدرس ایمیل، آدرس دفتر معماری و … را می‌توان در اختیار مخاطب قرار داد.

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

معمولاً مخاطبان سوالات مبهمی در مورد نحوه‌ی کار، چارچوب زمانی، برآورد هزینه و … دارند. در بخش “پرسش‌های متداول” شما می‌توانید با پاسخ به سوالات احتمالی نگرانی مخاطب را بر طرف کنید. با پرداختن به این سؤالات در وب سایت معماری، به مخاطبان خود این پیام را می‌دهید که در مکان مناسبی هستند.

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

تولید محتوای معماری:

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

دانلود نمونه وب سایت معماری ۱- کانون معماران و شهرسازان

۵ عنصر طراحی وب سایت معماری

شاکله و ساختار کلی طرح هر وب سایت توسط ۵ عنصر کلیدی، طراحی می‌شود؛ ۱- طرح‌بندی و چیدمان عناصر، ۲- انتخاب پالت رنگی، ۳- طراحی گرافیکی، ۴- فونت و تایپوگرافی و ۵- محتوا. در ادامه با بررسی اجمالی این ۵ عنصر، با کلیت ساختار هر وب‌سایت آشنا می‌شویم.

۱- طرح‌بندی و چیدمان عناصر

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

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

۲- انتخاب پالت رنگی

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

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

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

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

۳- طراحی گرافیکی

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

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

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

۴- فونت و تایپوگرافی

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

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

استانداردها و محدودیت‌های فونت وب سایت

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

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

یکی دیگر از استانداردهای تایپوگرافی، استفاده از فونت‌های ایمن در وب سایت (Web safe fonts) است. فونت‌های ایمن توسط سیستم عامل‌ها و مرورگرهای اینترنت پشتیبانی می‌شوند، بنابراین در اکثر دستگاه‌ها نمایش داده می‌شوند. استفاده از فونت‌های ایمن و مناسب بر نوع تجربه‌ی کاربری، میزان رضایت مخاطب و سئو و بهینه‌سازی وب سایت معماری بسیار موثر است. همچنین باید میزان دسترسی فونت را در فرآیند طراحی تایپوگرافی در نظر بگیرید. به عنوان مثال، فونت‌های خط شکسته چندان در دسترس نیستند؛ در حالی که فونت Times New Roman ایمن و در دسترس است.

۵- محتوا

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

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

دانلود نمونه وب سایت معماری ۲- کانون معماران و شهرسازان

ویژگی‌های ضروری وب سایت معماری

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

علاوه بر این ویژگی‌ها، یک طرح خلاقانه، می‌تواند ویژگی‌های متعدد دیگری داشته باشد؛ مثل طراحی واکنش‌گرا (responsive)، قابلیت چند زبانه بودن سایت، یکپارچگی وب‌سایت با شبکه‌های اجتماعی بیزینس معماری و امکان به اشتراک‌گذاری محتوای وب‌سایت در شبکه‌های اجتماعی، پنل مدیریتی قوی و ارتباط آنلاین با مخاطب و … .

ناوبری ساده و معماری اطلاعات

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

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

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

منوی همبرگری؛ یکی از ابزارهای تسهیل ناوبری

معماری اطلاعات، سازماندهی محتوا، عناصر بصری، ویژگی‌های اصلی/ فرعی و … در یک ساختار سلسله‌مراتبی منطقی است. با ایجاد سلسله مراتبی از اطلاعات طبقه‌بندی‌شده، کاربران می‌توانند اطلاعات را هر چند کوچک یا جزئی را به آسانی پیدا کنند. ناوبری هم نقش مشابهی را در طراحی وب سایت ایفا می‌کند. ایجاد یک سیستم ناوبری آسان برای مخاطب، چیزی فراتر از قرار دادن چند لینک در لیست اطلاعات یا منوی همبرگری (hamburger menu) است. ناوبری باید منعکس‌کننده‌ی معماری اطلاعات باشد و کاربران باید بتوانند به سادگی اطلاعات و ویژگی‌های اولیه را به دست بیاورند.

” کاربران برای پیمایش در وب سایت حتی نباید فکر کنند!”؛ برخی از طراحان مطرح وب سایت برای تأکید بر اهمیت ناوبری و معماری اطلاعات، چنین می‌گویند. طبقه‌بندی اطلاعات در قالب صفحه‌های مختلف، اختصاص عناوین توصیفی برای هر نوع اطلاعات، استفاده از لینک‌های اطلاعاتی یا پیوندها در بالا یا سمت چپ صفحه و … روش‌های استاندارد برای ناوبری ساده در وب سایت هستند. علاوه بر این، می‌توان سرصفحه یا پاورقی حاوی اطلاعات مهم را در سرتاسر وب سایت و تمام صفحات به صورت ثابت حفظ کرد.

طراحی موبایلی وب سایت

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

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

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

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

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

فراخوان برای اقدام

فراخوان برای اقدام (Call to Action)، یک روش مطمئن برای افزایش تعامل و ترغیب مخاطب به انجام فعالیت مورد نظر در بستر وب سایت شماست. فراموش نکنید که در هر بستری که ارائه‌ی خدمات یا تولید محتوا می‌کنید، یک فراخوان برای اقدام در نظر بگیرید. بسیاری اوقات، مشتریان بالقوه یا کاربران وب‌سایت شما، به جهت‌دهی مناسب به حرکت یا یک پیشنهاد دوستانه برای گام بعدی نیاز دارند. علاوه بر این گزینه‌ی فراخوان برای اقدام، مدت زمان حضور کاربر در وب سایت شما را افزایش می‌دهد.

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

ابزارهای افزایش نرخ کلیک گزینه‌های فراخوان برای اقدام

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

وب سایت “محافظ جنگل‌های بارانی” (Rainforest Protector)، در بخش فراخوان برای اقدام، پیشنهاد”بازدید از دهکده” را برای مخاطب به ارمغان می‌آورد. با این فراخوان، بازدید و تور مجازی مکان‌های مختلف در جنگل‌های آمازون را ممکن می‌سازد. با به کارگیری این تکنیک و افزایش مدت زمان حضور مخاطب در وب‌سایت، آمار ترافیک وب‌سایت را بهبود می‌بخشد.

سرعت مطلوب

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

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

سادگی و خوانایی چیدمان و محتوا

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

دانلود نمونه وب سایت معماری ۳- کانون معماران و شهرسازان

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

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

چیدمان صحیح محتوا به عوامل مختلفی بستگی دارد؛ اعم از ماهیت محتوا، نوع و اندازه‌ی صفحه‌ی نمایش دستگاه‌ها، مخاطب هدف بیزینس معماری یا پرسونای کاربر وب‌سایت، هدف اصلی طراحی پروژه و … . اولویت اصلی چیدمان عناصر وب‌سایت، رسیدن به هدف طراحی و استفاده‌ی بهینه از فضاست. حتماً در فرآیند طراحی و چیدمان عناصر ، مطمئن شوید که محتوای نمایش داده شده، می‌تواند تمام پتانسیل خود را عرضه کند.

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

سلسله مراتب بصری ساختار محتوا

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

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

تعادل بصری

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

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

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

تأکید بر عنصر مهم

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

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

ارزشمندی فضای منفی و خالی

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

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

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

رعایت تعادل در کاربرد فضای منفی

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

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

تکرار

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

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

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

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

پل فیتس (Paul Fitts) ، روانشناس مطرح آمریکایی، اولین بار قانون فیت (Fitt’s Law) را در سال ۱۹۵۴ میلادی ارائه کرد؛ اما امروزه همچنان این قانون در طراحی وب سایت مورد استفاده قرار می‌گیرد. بر اساس این قانون، اندازه‌ی یک هدف بر میزان زمان لازم برای رسیدن به آن تأثیرگذار است. به عبارت دیگر مدت زمان لازم برای حرکت به سوی هدف و انتخاب آن توسط این فرمول قابل پیش‌بینی است.

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

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

قانون هیک (Hick’s Law) توسط روان‌شناس بریتانیایی، ویلیام ادموند هیک (William Edmund Hick )، و روان‌شناس آمریکایی، ری هیمن (Ray Hyman)، ابداع شده است. تعداد تصمیم‌های مورد نیاز بر میزان تلاش شناختی و تجربه‌ی کاربری موثر است. این قانون یا فرمول ریاضی درواقع نشان‌گر ارتباط منطقی میان مدت زمان واکنش انسان به محرک و تعداد محرک‌ها یا گزینه‌های انتخابی است.

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

تجربه‌ی کاربری مطلوب با تعدیل گزینه‌های انتخابی

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

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

فرآیند طراحی وب سایت معماری

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

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

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

۱- نیاز‌سنجی بیزینس و شناخت مخاطب هدف

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

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

۲- تعیین اهداف و استراتژی

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

۳- طراحی تم گرافیکی اختصاصی و ساختار وب‌سایت

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

۴- برنامه‌نویسی و توسعه‌ی فنی

شاید بتوان گفت تخصصی‌ترین و مهم‌ترین بخش طراحی وب‌سایت، برنامه‌نویسی است. ساختار و استراتژی‌های کلی طرح ‌سایت، در این بخش بر روی یک سرور اینترنتی پیاده‌سازی می‌شود. لازمه‌ی طراحی و توسعه‌ی وب سایت، آشنایی و تسلط بر زبان‌های برنامه‌نویسی است. کدنویسی و ایجاد عناصر رابط کاربری با استفاده از یک زبان برنامه‌نویسی مثل پایتون (Python)، جاوا اسکریپت (JavaScript)، سی شارپ (C#) و … انجام می‌شود.

۵- ورود اطلاعات و صفحه‌آرایی

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

۶- تست‌های فنی و کنترل کیفی استانداردهای موتور‌های جست‌وجو

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

۷- راه اندازی نهایی وب سایت

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

مطالب پیشنهادی:

۵ ابزار بیزینس معماری برای پیشرفت در مسیر شغلی معماران

دیجیتال مارکتینگ در معماری

امتیاز ما