۶ اشتباه در طراحی وب سایت و نحوه جلوگیری از آنها
۶ اشتباه در طراحی وب سایت و نحوه جلوگیری از آنها
تعدادی از عوامل، عناصر و انتخابهای طراحی در طراحی وب وجود دارد که میتواند کار را برای کاربر سختتر کند: پیمایش سختتر، ارتباط با آنها و اعتماد سختتر. مگر اینکه بخواهید مخاطب هدف خود را دفع کنید، برای کشف شش اشتباه بزرگ طراحی وب سایت و نحوه اجتناب از آنها به ادامه مطلب بروید.
به هم ریختگی وب سایت شما
–
بدون پایه و اساس مستحکم، شما در معرض خطر مرتکب شدن یکی از رایج ترین اشتباهات طراحی وب سایت هستید: اضافه کردن عناصر اضافی فقط به دلیل در دسترس بودن.
همیشه ارزش خواندن اصول اولیه طراحی را قبل از شروع دارد. مهم است که با ایده ای شروع کنید که می خواهید وب سایت شما به چه چیزی برسد و چگونه این کار را انجام می دهد. این به این دلیل است که امروزه نرم افزارهای طراحی وب، طیف وسیعی از ابزارها و گزینه های موجود (پاپ آپ، لوگوهای متحرک و ویدیوهای جاسازی شده) را ارائه می دهند که طراحان آماتور به زودی می توانند غرق شوند.
در طرحهای شلوغی که کاربران را با تبلیغات پاپآپ ناخواسته، ویدیوهای پخش خودکار (جمع) و نوار پیمایش گیجکننده پر میکنند، غرق نشوید. یک Marie Kondo انجام دهید و طراحی های وب خود را از شلوغی دور نگه دارید.
خوشبختانه اجتناب از ازدحام بیش از حد طرحهای شما نسبتاً آسان است، زیرا صرفاً مستلزم آن است که از وسوسه اضافه کردن عناصر اضافی به صفحه وب خود اجتناب کنید تا ببینید چه اتفاقی میافتد. مگر اینکه بتوانید توضیح دهید که یک عنصر خاص در صفحه شما برای انجام چه کاری طراحی شده است، نباید وجود داشته باشد. بنابراین روی ساختن یک ساختار محکم و ساده تمرکز کنید تا به کاربران هدیه مثبتترین و یکپارچهترین تجربه ممکن را بدهید.
پریدن مستقیم روی کامپیوتر
–
دومین اشتباه رایج در طراحی وب ما را مستقیماً به قلب فرآیند طراحی می برد. اکثر صاحبان مشاغل (و نسبت عادلانه ای از طراحان وب آماتور) هنوز طراحی وب را به عنوان فرآیندی می دانند که “روی کامپیوتر” انجام می شود.
در حالی که درست است که خلقت نهایی شما به این شکل دیده میشود، اما وقتی صحبت از طراحی آن به میان میآید، هیچ چیز دور از حقیقت نیست. در عوض، قبل از استفاده از یک برنامه یا سازنده طراحی وب، هنگام شروع طراحی وب سایت خود، بهتر است به روش های هنری سنتی تر روی آورید.
به طور خاص، بهترین راه برای شروع طراحی یک صفحه وب، در واقع گرفتن یک مداد و یک تکه کاغذ است. با نوشتن لیستی از اهداف برای وب سایت خود شروع کنید و سپس مجموعه ای از صفحات را طراحی کنید که بر روی دستیابی به این هدف اصلی تمرکز دارند.
طراحی به این روش به شما این امکان را می دهد که هر گونه اضافه کاری واضح را در طراحی خود مشاهده کنید و به ساده سازی سایت شما کمک زیادی می کند.
این نوع رویکرد یکی از دلایلی است که در واقع بهترین طراحان وب می توانند هزینه های به ظاهر بالایی را از مشتری خود دریافت کنند. این به این دلیل نیست که آنها می دانند چگونه از نرم افزار ساخت وب سایت استفاده کنند (امروزه تقریباً همه می توانند)، بلکه به این دلیل است که می دانند چگونه سایت شما را به درستی ساختار دهند و می توانند به شما کمک کنند تا مطمئن شوید که دید شما مدت ها قبل از اینکه هر یک از شما به رایانه دست بزنید کار کند.
مشرف به شبکه ها، دستورالعمل ها و ستون ها
–
مرحله بعدی در ساخت وب سایت شما این است که شروع به ساخت قالب برای صفحات خود کنید. وقتی صحبت از طراحی صفحه می شود، حتی ابتدایی ترین سازندگان وب سایت با ابزارهایی برای تنظیم شبکه ها، دستورالعمل ها و ستون ها ارائه می شوند. بسیاری از طراحان وب جوان تر این ابزارها را نادیده می گیرند و فکر می کنند که آنها فقط برای سایت های قدیمی تر و “مسدود کننده” مناسب هستند.
در واقعیت، شبکهها عنصر ساختاری اصلی برای هر صفحه وب با طراحی خوب باقی میمانند و همیشه باید برای چیدمان عناصر بصری یک صفحه استفاده شوند. شبکهها و دستورالعملها اساس مجموعه مهارتهای اصلی طراحی گرافیک را مدتها قبل از ظهور طراحی وب تشکیل دادند و مطمئناً برای سالهای آینده ابزاری اساسی خواهند بود.
صرف نظر از اینکه خطوط شبکه ها و ستون های شما در صفحه وب شما قابل مشاهده هستند یا خیر، آنها همچنان اساس چارچوب زیربنایی سایت شما و نسبت بین عناصر را تشکیل می دهند. گریدها به تقسیم صفحات وب هم به صورت افقی و هم به صورت عمودی کمک می کنند و در نتیجه تراز بین عناصر طراحی مختلف را دیکته می کنند.
با این حال، ترکیب طراحی مبتنی بر شبکه با طراحی مدرن تر و تکنیک های تحقیقات مصرف کننده نیز امکان پذیر است. طیف وسیعی از روشهایی که مصرفکنندگان از طریق آن با وب ارتباط برقرار میکنند، باعث ایجاد طیف مشابهی از انتظارات در مورد نحوه ظاهر و احساس آنها از انواع مختلف صفحات وب شده است.
عدم وجود سلسله مراتب بصری
–
چهارمین اشتباه طراحی وب سایت در لیست ما، حداقل برای کسانی که تازه وارد طراحی وب شده اند، کمی پیچیده تر است. یکی از رایج ترین اشتباهاتی که در وب سایت های جدید می بینیم این است که اهمیت سلسله مراتب بصری را نادیده می گیرند.
سلسله مراتب بصری به عنوان چیدمان منظم عناصر با توجه به اهمیت آنها تعریف می شود. این به این معنی است که اگر این را درست متوجه نشدید، کاربران ممکن است توسط ویژگیهای مختلف طرحهای شما بمباران شوند که همگی برای جلب توجه خود میجنگند. آنها به طور موثر به سمت CTA شما هدایت نخواهند شد، به این معنی که هیچ تبدیلی وجود ندارد.
برای ایجاد یک سلسله مراتب بصری قوی، به دقت فکر کنید که بازدیدکنندگان شما برای چه کاری به سایت شما خواهند آمد. تحقیقات UX را انجام دهید و مطمئن شوید که جریان کاربر بصری و بدون درز است.
نمونه خوبی از این مورد توسط سایت های تجارت الکترونیک ارائه شده است. بهترین ها برندسازی فردی خود را عمدتاً خارج از تجربه کاربری نگه می دارند. در عوض، آنها به عنوان پورتالی برای مشتریان عمل می کنند تا محصولاتی را که برای آنها طراحی شده است، پیدا کنند و خریداری کنند.
به طور معمول، سایتهای تجارت الکترونیکی که به خوبی طراحی شدهاند، فقط در یک نقطه (بسیار مهم) به کاربر یادآوری میکنند که در کدام سایت هستند: درست پس از تکمیل فرآیند صاف، بدون درز و آسان خرید یک کالای خاص.
مشرف به دسترسی
–
دسترسی نیز یک جنبه بسیار مهم در طراحی وب است و نادیده گرفتن آن می تواند به طور جدی بر نتایجی که سایت شما به دست می آورد تأثیر بگذارد. در چند سال گذشته، بسیاری از شرکتها اهمیت در دسترس قرار دادن وبسایتهای خود را برای بازدیدکنندگانی با طیف وسیعی از آسیبها و تواناییها درک کردهاند.
البته یک استدلال اخلاقی برای قابل استفاده کردن سایت شما توسط گسترده ترین طیف ممکن وجود دارد، اما یک مورد تجاری نیز برای انجام همین کار وجود دارد. در نهایت، افزایش مخاطبان فقط می تواند شانس شما را برای فروش موفق افزایش دهد.
حتی اگر از نظر قانونی ملزم نباشید که سایت خود را در حال حاضر در دسترس قرار دهید، این احتمال وجود دارد که استانداردهای صنعتی در آینده ای نه چندان دور به این امر نیاز داشته باشند. تلاش برای استفاده از وبسایتی که با در نظر گرفتن قابلیت دسترسی طراحی نشده است، و اضافه کردن آن به صورت ماسبق، اغلب یک تلاش گران و زمانبر است.
بنابراین، در مورد نحوه استفاده از متن، تصاویر و صدا در طراحی های وب خود قبل از ایجاد آنها فکر کنید. برچسبهای alt را به تصاویر اضافه کنید، توضیحات صوتی را درج کنید و کپی را با فاصله مناسب و فونت بدون سری و خوانا نگه دارید. اگر ویدیوها را ارائه میدهید، به کاربران اجازه دهید به جای رها کردن آنها در تنظیمات خودکار، فشار دادن Play را فشار دهند و درباره تجربه کاربری که میخواهید ایجاد کنید تحقیق کنید.
طراحی با قابلیت دسترسی در خط مقدم ذهن شما باعث ایجاد وب سایت های خلاقانه تر، خلاقانه تر و هوشمندانه تر می شود. شما از آزادی آزمایش با روندها لذت می برید، اما می توانید مطمئن شوید که آنها با هدف در طراحی شما پیاده سازی می شوند. هیچ طراحی خوب نباید مانع از قرار گرفتن در معرض دید شود و اگر وب سایت شما برای برخی قابل دسترسی نیست، این دقیقاً همان کاری است که انجام می دهد.
طراحی نکردن برای موبایل
–
آخرین اشتباه طراحی وب سایت در لیست ما اشتباهی است که هنوز توسط اکثر شرکت هایی که برای اولین بار به دنبال طراحی وب سایت هستند مرتکب می شوند. همانطور که طراحی وب هنوز به عنوان چیزی که “در رایانه” اتفاق می افتد تصور می شود، بسیاری از مردم همچنان مرور تلفن همراه را به عنوان “جایگزینی” برای “تجربه اصلی” یک وب سایت – سایت دسکتاپ – تصور می کنند. این به سادگی دیگر اینطور نیست. در واقع، مرور تلفن همراه در حال حاضر بیشترین ترافیک اینترنت را به خود اختصاص می دهد و بسیاری از طراحان قبل از اینکه سایت دسکتاپ را ایجاد کنند، در واقع یک سایت تلفن همراه ایجاد می کنند.
این به عنوان یک استراتژی «اول از طریق موبایل» شناخته می شود و اکنون یک رویکرد بسیار محبوب در بین شرکت های بزرگ است. طراحی دسکتاپ اول ممکن است یک اشتباه باشد زیرا در معرض خطر قرار دادن وب سایت خود بسیار درهم و برهم یا کند می شوید تا در دستگاه های تلفن همراه کاربر پسند به نظر نرسد. در عوض، ابتدا وب سایت خود را برای دستگاه های تلفن همراه طراحی کنید و سپس به نسخه دسکتاپ سایت گسترش دهید.
دلایل طراحی سایت با در نظر گرفتن موبایل به اندازه کافی روشن است. به گفته الکساندر ویلیامز توسعه دهنده وب مستقر در لندن از Hosting Data، بهبود تبدیل ها باید هدف اصلی شما در طراحی وب سایت باشد و در دنیایی که اکثر بازدیدکنندگان از گوشی هوشمند استفاده می کنند، باید بتوانند محصولاتی را خریداری کنند. مستقیم از گوشی آنها
البته همین نکته را میتوان به تبلتها، دستگاههای هوشمند و تقریباً هر نوع دیگر از سختافزارهای مجهز به اینترنت موجود امروزی تعمیم داد. به عبارت دیگر، طراحی وب شما باید از طریق دستگاه های مختلف قابل دسترسی باشد و به اندازه کافی پاسخگو باشد که بتواند به طور خودکار در طیف وسیعی از دستگاه ها ظاهر و احساس را تنظیم کند. همانطور که در جاهای دیگر اشاره کردیم، دستیابی به این امر می تواند دشوار باشد، زیرا مستلزم توجه به طیف گسترده ای از عوامل، از طرح بندی صفحات تا اندازه تصاویری است که استفاده می کنید.
اگر شک دارید…
–
… یک حرفه ای استخدام کنید. در حالی که اشتباهاتی که ما در اینجا لیست کرده ایم به اندازه کافی ساده به نظر می رسند، اما اگر در فرآیند طراحی وب تازه کار هستید انجام آنها بسیار آسان است. حتی کسبوکارهای بزرگ گاهی اوقات اشتباه میکنند، اما همکاری با یک طراح به این معنی است که بهترین شانس ممکن را به برند خود میدهید.