May 21, 2022

طراحی صفحه وب: 3 مرحله که هر طراح باید دنبال کند

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

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

غیر ممکن به نظر می رسد؟

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

یک فرآیند 3 مرحله ای برای طراحی یک طرح وب سایت تجاری

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

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

و وب‌سایتی که به دسترسی‌ها توجهی نمی‌کند، یا فاقد تجربه کاربری عالی است، شانس بسیار کمتری برای جذب حجم مناسبی از ترافیک دارد – در نهایت، UX و SEO دست به دست هم می‌دهند.

موارد دورافتاده با UX بی دقت وجود دارد که هنوز تعداد زیادی کاربر را به خود جذب می کند - ببینید: Craigslist. اما شرکت هایی با UX بهتر مانند Uber، Airbnb و Slack شانس بسیار بیشتری برای اختراع مجدد صنایع خود دارند.

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

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

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

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

ناوبری خوب سه ویژگی اصلی دارد:

  • سادگی
  • وضوح
  • ثبات

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

مرحله 2: سلسله مراتب بصری را به درستی دریافت کنید


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

به عنوان یک طراح، می توانید مطمئن شوید که مهم ترین اطلاعات دیده می شود و کاربران را به خود جذب می کند.

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

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

طراحی برای الگوهای اسکن طبیعی


دو الگوی اصلی اسکن چشم وجود دارد که افراد برای اسکن سریع بلوک های محتوا از آنها استفاده می کنند:

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

توجه به این نکته مهم است که گروه Nielsen-Norman - افرادی که این الگوی خواندن را در سال 2006 کشف کردند - اخیراً تحقیقات خود را مجدداً بررسی کرده و برخی از تصورات نادرست پیرامون آن را روشن کرده اند: الگوی F شکل در واقع برای کاربران و مشاغل بد است و باید چنین باشد. اجتناب کرد.

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

در اینجا چند راه برای راهنمایی بازدیدکنندگان برای خواندن مهمترین مطالب شما وجود دارد :

  1. مهم ترین اطلاعات را در دو پاراگراف اول درج کنید
  2. از سرفصل ها و زیر عنوان ها استفاده کنید
  3. کلمات یا عبارات مهم پررنگ
  4. مقدار کمی از اطلاعات مرتبط را به صورت بصری گروه بندی کنید
  5. اغلب از لیست های گلوله ای و شماره دار استفاده کنید
  6. سعی کنید کار سختی را برای کاربران خود انجام دهید تا حواس پرتی را به حداقل برسانید و آنها را از میانبرها منصرف کنید.