انتخابهای طراحی که برای وبسایت خود انجام میدهید، حتی برای بازدیدکنندگان سایت بدون دانش طراحی، تأثیر عمدهای بر تجربه کاربری و عملکرد آن دارد. برای مرورگرهای وب پریشان که میخواهند پاسخهای سریع داشته باشند، اولین برداشت قوی کلیدی است.
یک طراحی وب موثر اغلب مورد توجه قرار نمی گیرد زیرا یک وب سایت خوب طراحی شده برای استفاده و درک آسان است. اما انتخاب های طراحی عمدی این سهولت را ممکن می سازد.
ما 10 اصل کلیدی طراحی را شناسایی کرده ایم که باید از آنها پیروی کنید تا بتوانید با اطمینان یک وب سایت زیبا و کاربرپسند بسازید.
1. کپی را بر اساس اهمیت سازماندهی کنید
یکی از اهداف هر طراحی سایت، به اشتراک گذاشتن اطلاعات با بازدیدکنندگان سایت است. با تایپوگرافی واضح و سلسله مراتب تایپ می توانید مشخص کنید کدام اطلاعات برای بازدیدکنندگان مهم است .
این بدان معناست که کپی وب سایت شما باید دارای عناوین واضح، عناوین بخش و متن اصلی باشد . به عنوان یک راهنما، سعی کنید فونت ها و سبک های حروف را به کمتر از چهار در هر صفحه وب نگه دارید.
اطمینان حاصل کنید که عناوین و سرفصل ها را به گونه ای اعمال می کنید که برای محتوای شما منطقی باشد. سبک این مقاله وبلاگ را به عنوان نمونه در نظر بگیرید. این نوع از اندازه و سبک قلم استفاده می کند تا سلسله مراتب اطلاعات موجود در صفحه را از عنوان آن گرفته تا مطالب اولیه و محتوای بدنه را نشان دهد.
سازماندهی واضح محتوای وب سایت شما خواندن و پیمایش سایت شما را برای بازدیدکنندگان آسان تر می کند. همچنین درک ساختار سایت شما را برای موتورهای جستجو آسان تر می کند که می تواند سئو و رتبه بندی جستجوی شما را افزایش دهد.
2. رنگ ها را برای تعادل بصری، کنتراست و تن انتخاب کنید
پالت رنگ یکی از بهترین ابزارها برای تنظیم تن و انرژی وب سایت شما است. برای انتخاب طیف وسیعی از رنگها برای شروع، به این فکر کنید که میخواهید برند یا کسبوکارتان چه احساسی در مشتریان ایجاد کند.
اگر می خواهید مردم احساس انرژی کنند، رنگ های روشن و پررنگ را امتحان کنید. اگر می خواهید انرژی آرام بخش داشته باشید، به دنبال رنگ های خاموش تر باشید. سپس، به طور مداوم آن طرح رنگ را در سراسر سایت خود اعمال کنید تا ظاهری منسجم ایجاد کنید. از رنگهای متضاد برای برجسته کردن عناصر مهم استفاده کنید و رنگها را با هم ترکیب کنید تا ظاهری متعادل داشته باشید.
هر رنگی در سایههای مختلفی میآید، بنابراین مطمئن شوید که همه گزینههای خود را بررسی کرده و ترکیبهای مختلف را قبل از حذف هر یک از رنگها امتحان کنید.
3. چشم کاربران را با طرح خود هدایت کنید
به چیدمان و ترکیب صفحه خود به عنوان مسیری فکر کنید که برای بازدیدکنندگان وب سایت خود در نظر گرفته اید. این مسیر در نهایت باید آنها را به انجام یک اقدام سوق دهد، چه کلیک کردن روی صفحه دیگری در وب سایت شما یا انجام یک اقدام در همان صفحه.
چشمان ما تمایل دارند از چپ به راست و از بالا به پایین به شکل "Z" یا "F" اسکن کنند. هنگام قرار دادن بخش های مختلف در طراحی سایت خود این را در نظر داشته باشید. به عنوان مثال، منطقی است که نام و مأموریت کسب و کار خود را در قسمتی قابل مشاهده در بالای صفحه اصلی خود قرار دهید، سپس آن را با اطلاعات و عکس هایی در مورد آنچه که در پایین صفحه ارائه می دهید متعادل کنید.
از چیدمان در ترکیب با اندازه و رنگ استفاده کنید تا مهمترین نکات در هر صفحه برجسته شود.
4. از فضای منفی برای برجسته کردن محتوا استفاده کنید
فضای منفی که فضای سفید نیز نامیده می شود، یک ناحیه خالی است که عمداً بین محتوای وب سایت شما باقی می ماند. فضای منفی راه دیگری برای ایجاد سلسله مراتب بصری برای اطلاعات سایت شما است. همچنین باعث میشود تا تجربه مروری دلپذیرتر و کمتر را تجربه کنید.
به عنوان مثال، فشرده کردن یک دسته از متن در یک قسمت از صفحه می تواند خواندن آن را سخت کند. همچنین تشخیص مهمترین بخش متن را سخت میکند و بیننده احتمالاً از آن عبور میکند یا به سادگی آن را نادیده میگیرد. افزودن وقفه های بصری بین محتوای خود می تواند به شما در جداسازی یک نقطه فروش یا سرفصل های کلیدی کمک کند.
برای اینکه بفهمید چگونه فضای منفی را قرار دهید، لازم نیست یک طراح حرفه ای باشید. ویرایشگر Fluid Engine Squarespace دارای یک شبکه است که به شما کمک می کند فاصله بین بخش های صفحه خود را تجسم کنید. صفحه وب خود را پیش نمایش کنید و به این فکر کنید که چگونه به عنوان یک کاربر جدید در آن پیمایش می کنید. غریزه شما احتمالاً به شما خواهد گفت که آیا مشکلاتی در خوانایی وجود دارد یا چیزی به فضای بیشتری برای تنفس نیاز دارد.
5. وب سایت خود را بر روی هر دستگاهی کار کنید
تقریباً نیمی از ترافیک وب در ایالات متحده به تنهایی از یک دستگاه تلفن همراه است. این بدان معناست که یک طراحی وب خوب باید با اندازه های مختلف صفحه نمایش و دستگاه ها سازگار باشد تا واقعاً مؤثر باشد.
اکثر سازندگان وب سایت این سازگاری را در سیستم طراحی خود تعبیه کرده اند. به عنوان مثال، وبسایتهای Squarespace طراحی واکنشگرا دارند ، به این معنی که بهطور خودکار اندازه و محتوا را در یک صفحه کوچکتر یا باریکتر تنظیم میکنند.
قابلیت استفاده از تلفن همراه وب سایت خود را در حین ویرایش و قبل از راه اندازی آزمایش کنید. ویرایشگر وب سایت شما باید حالت پیش نمایش تلفن همراه یا ویرایش جداگانه تلفن همراه داشته باشد. قبل از پخش زنده، از وبسایت روی تلفن و رایانه لوحی استفاده کنید تا مطمئن شوید که طرحبندی، نوع و پیوندها همه کار میکنند و به گونهای سازماندهی شدهاند که منطقی باشد.
6. اهداف خود را روشن کنید
هنگام ساخت سایت خود یک هدف نهایی روشن برای بازدیدکنندگان وب سایت خود در نظر داشته باشید. آیا می خواهید کسی چیزی از فروشگاه تجارت الکترونیک شما بخرد؟ قرار ملاقاتی با شما تنظیم کنید؟ آیا شما را برای یک فرصت شغلی آزاد در نظر دارید؟
این هدف نهایی چیزی است که طراحی سایت شما بازدیدکنندگان را به سمت آن سوق می دهد. پس از ارائه هر گونه پیش زمینه و نکات اثباتی که ممکن است کسی نیاز به دانستن داشته باشد، مقصد آنها دعوت به اقدام (CTA) است .
یک CTA می تواند یک دکمه، یک فرم یا یک پیوند ساده باشد که معمولا برای الهام بخشیدن به عمل نوشته می شود. به عنوان مثال می توان به «اکنون خرید» یا «ثبت نام» اشاره کرد. طراحی CTA خود را از بقیه صفحه وب متمایز کنید و آن را در زیر اطلاعات کلیدی یا تصاویر مربوط به جایی که CTA آنها را هدایت می کند قرار دهید. این امر به برجسته شدن گزینه کمک می کند و بازدیدکنندگان را به سمت هدف اصلی صفحه وب شما راهنمایی می کند.
7. تصاویری را انتخاب کنید که نشان دهنده هدف شما باشد
مانند پالت رنگ شما، عناصر بصری که برای وب سایت خود انتخاب می کنید باید هویت برند شما را منعکس کرده و از هدف سایت شما حمایت کنند. این شامل همه چیز از عکس گرفته تا نمادها و لهجه هایی است که بخش های صفحه را تقسیم می کند.
تصاویر به شما این امکان را می دهند که در مورد آنچه به مخاطبان خود می گویید دقیق تر باشید. در حالی که یک پالت رنگی خاموش و ملایم ممکن است نشان دهنده انرژی آرامش بخش باشد، تصویر شخصی در حال مدیتیشن می تواند نحوه زنده کردن آن انرژی خاص را در برند یا کسب و کار خود بیان کند.
مگر اینکه محصولاتی را بفروشید یا نمونه کارها را به اشتراک بگذارید، میتوانید تصاویر سهام با کیفیت بالا را مجوز دهید و از جلوههای تصویری برای رساندن هدف خود استفاده کنید.
8. مهم ترین اطلاعات را از قبل به اشتراک بگذارید
طراحان وب سایت اغلب در مورد قرار دادن اطلاعات در "بالاتر" صحبت می کنند. این اصطلاح از روزنامه های فیزیکی می آید، جایی که مهم ترین داستان ها در بالا چاپ می شوند، جایی که کاغذ از وسط تا می شود. برای یک طراحی وب سایت خوب، به این معنی است که مهم ترین بخش های هر صفحه وب قبل از اینکه کسی به پایین پیمایش کند قابل مشاهده است.
موارد متداول برای قرار دادن در بالای چین عبارتند از:
-
نام و نشان تجاری
-
منوی ناوبری
-
عنوان صفحه یا مقاله
-
اطلاعیه های رویداد یا محصول جدید
-
خلاصه ای کوتاه درباره شما یا کسب و کارتان
-
قوی ترین قطعه نمونه کارها
با رفتن به صفحات مهم وب سایت خود، قدرت محتوای بالای خود را آزمایش کنید. برای هر صفحه، یادداشت کنید چه اطلاعاتی را میتوانید بدون اسکرول از صفحه حذف کنید. آیا هر صفحه به محض کلیک کردن توجه شما را به خود جلب می کند و باعث می شود که بیشتر بیاموزید یا شروع به پیمایش کنید؟
9. وب سایت خود را برای پیمایش آسان کنید
ناوبری خوب برای یک تجربه وب سایت خوب ضروری است. بازدیدکنندگان وب سایت باید همیشه یک ایده واضح از اینکه یک لینک در وب سایت شما آنها را به کجا می برد و چگونه به جایی که می خواهند برسند داشته باشند.
وقتی یک وب سایت ناوبری خوبی دارد، ممکن است حتی به آن فکر نکنید. اما به این فکر کنید که وقتی نمیدانید آنچه را که در یک وبسایت به دنبال آن هستید کجا بیابید، چه احساسی دارد - خستهکننده است و کاربران معمولاً کلیک میکنند.
طراحی ناوبری خود را ساده نگه دارید. از زبان مستقیم استفاده کنید و طراحی را بیش از حد پیچیده نکنید. ناوبری وب سایت خود را با درخواست از دوستان خود برای رفتن به یک صفحه یا محصول خاص آزمایش کنید، یا خود را به جای آنها قرار دهید و خودتان آن را امتحان کنید.
10. طرحی ایجاد کنید که برجسته باشد
مانند هر خروجی خلاقانه، هنگامی که قوانین را شناختید، می توانید آنها را خم کنید یا بشکنید تا دیدگاه منحصر به فرد خود را زنده کنید.
یک نام تجاری یا کسب و کار قابل اعتماد حرفه ای به نظر می رسد، اما یک برند حرفه ای که متمایز است یک نقطه نظر دارد. همه این اصول را در هنگام برنامه ریزی برای طراحی وب سایت یا پروژه طراحی مجدد خود در نظر داشته باشید . اما از بازی با عناصر مختلف طراحی و ایجاد یک چشم انداز متمایز و طراحی بصری برای نیازهای خود نترسید.
انتخابهای طراحی که برای وبسایت خود انجام میدهید، حتی برای بازدیدکنندگان سایت بدون دانش طراحی، تأثیر عمدهای بر تجربه کاربری و عملکرد آن دارد. برای مرورگرهای وب پریشان که میخواهند پاسخهای سریع داشته باشند، اولین برداشت قوی کلیدی است.
یک طراحی وب موثر اغلب مورد توجه قرار نمی گیرد زیرا یک وب سایت خوب طراحی شده برای استفاده و درک آسان است. اما انتخاب های طراحی عمدی این سهولت را ممکن می سازد.
ما 10 اصل کلیدی طراحی را شناسایی کرده ایم که باید از آنها پیروی کنید تا بتوانید با اطمینان یک وب سایت زیبا و کاربرپسند بسازید.
1. کپی را بر اساس اهمیت سازماندهی کنید
یکی از اهداف هر طراحی سایت، به اشتراک گذاشتن اطلاعات با بازدیدکنندگان سایت است. با تایپوگرافی واضح و سلسله مراتب تایپ می توانید مشخص کنید کدام اطلاعات برای بازدیدکنندگان مهم است .
این بدان معناست که کپی وب سایت شما باید دارای عناوین واضح، عناوین بخش و متن اصلی باشد . به عنوان یک راهنما، سعی کنید فونت ها و سبک های حروف را به کمتر از چهار در هر صفحه وب نگه دارید.
اطمینان حاصل کنید که عناوین و سرفصل ها را به گونه ای اعمال می کنید که برای محتوای شما منطقی باشد. سبک این مقاله وبلاگ را به عنوان نمونه در نظر بگیرید. این نوع از اندازه و سبک قلم استفاده می کند تا سلسله مراتب اطلاعات موجود در صفحه را از عنوان آن گرفته تا مطالب اولیه و محتوای بدنه را نشان دهد.
سازماندهی واضح محتوای وب سایت شما خواندن و پیمایش سایت شما را برای بازدیدکنندگان آسان تر می کند. همچنین درک ساختار سایت شما را برای موتورهای جستجو آسان تر می کند که می تواند سئو و رتبه بندی جستجوی شما را افزایش دهد.
2. رنگ ها را برای تعادل بصری، کنتراست و تن انتخاب کنید
پالت رنگ یکی از بهترین ابزارها برای تنظیم تن و انرژی وب سایت شما است. برای انتخاب طیف وسیعی از رنگها برای شروع، به این فکر کنید که میخواهید برند یا کسبوکارتان چه احساسی در مشتریان ایجاد کند.
اگر می خواهید مردم احساس انرژی کنند، رنگ های روشن و پررنگ را امتحان کنید. اگر می خواهید انرژی آرام بخش داشته باشید، به دنبال رنگ های خاموش تر باشید. سپس، به طور مداوم آن طرح رنگ را در سراسر سایت خود اعمال کنید تا ظاهری منسجم ایجاد کنید. از رنگهای متضاد برای برجسته کردن عناصر مهم استفاده کنید و رنگها را با هم ترکیب کنید تا ظاهری متعادل داشته باشید.
هر رنگی در سایههای مختلفی میآید، بنابراین مطمئن شوید که همه گزینههای خود را بررسی کرده و ترکیبهای مختلف را قبل از حذف هر یک از رنگها امتحان کنید.
3. چشم کاربران را با طرح خود هدایت کنید
به چیدمان و ترکیب صفحه خود به عنوان مسیری فکر کنید که برای بازدیدکنندگان وب سایت خود در نظر گرفته اید. این مسیر در نهایت باید آنها را به انجام یک اقدام سوق دهد، چه کلیک کردن روی صفحه دیگری در وب سایت شما یا انجام یک اقدام در همان صفحه.
چشمان ما تمایل دارند از چپ به راست و از بالا به پایین به شکل "Z" یا "F" اسکن کنند. هنگام قرار دادن بخش های مختلف در طراحی سایت خود این را در نظر داشته باشید. به عنوان مثال، منطقی است که نام و مأموریت کسب و کار خود را در قسمتی قابل مشاهده در بالای صفحه اصلی خود قرار دهید، سپس آن را با اطلاعات و عکس هایی در مورد آنچه که در پایین صفحه ارائه می دهید متعادل کنید.
از چیدمان در ترکیب با اندازه و رنگ استفاده کنید تا مهمترین نکات در هر صفحه برجسته شود.
4. از فضای منفی برای برجسته کردن محتوا استفاده کنید
فضای منفی که فضای سفید نیز نامیده می شود، یک ناحیه خالی است که عمداً بین محتوای وب سایت شما باقی می ماند. فضای منفی راه دیگری برای ایجاد سلسله مراتب بصری برای اطلاعات سایت شما است. همچنین باعث میشود تا تجربه مروری دلپذیرتر و کمتر را تجربه کنید.
به عنوان مثال، فشرده کردن یک دسته از متن در یک قسمت از صفحه می تواند خواندن آن را سخت کند. همچنین تشخیص مهمترین بخش متن را سخت میکند و بیننده احتمالاً از آن عبور میکند یا به سادگی آن را نادیده میگیرد. افزودن وقفه های بصری بین محتوای خود می تواند به شما در جداسازی یک نقطه فروش یا سرفصل های کلیدی کمک کند.
برای اینکه بفهمید چگونه فضای منفی را قرار دهید، لازم نیست یک طراح حرفه ای باشید. ویرایشگر Fluid Engine Squarespace دارای یک شبکه است که به شما کمک می کند فاصله بین بخش های صفحه خود را تجسم کنید. صفحه وب خود را پیش نمایش کنید و به این فکر کنید که چگونه به عنوان یک کاربر جدید در آن پیمایش می کنید. غریزه شما احتمالاً به شما خواهد گفت که آیا مشکلاتی در خوانایی وجود دارد یا چیزی به فضای بیشتری برای تنفس نیاز دارد.
5. وب سایت خود را بر روی هر دستگاهی کار کنید
تقریباً نیمی از ترافیک وب در ایالات متحده به تنهایی از یک دستگاه تلفن همراه است. این بدان معناست که یک طراحی وب خوب باید با اندازه های مختلف صفحه نمایش و دستگاه ها سازگار باشد تا واقعاً مؤثر باشد.
اکثر سازندگان وب سایت این سازگاری را در سیستم طراحی خود تعبیه کرده اند. به عنوان مثال، وبسایتهای Squarespace طراحی واکنشگرا دارند ، به این معنی که بهطور خودکار اندازه و محتوا را در یک صفحه کوچکتر یا باریکتر تنظیم میکنند.
قابلیت استفاده از تلفن همراه وب سایت خود را در حین ویرایش و قبل از راه اندازی آزمایش کنید. ویرایشگر وب سایت شما باید حالت پیش نمایش تلفن همراه یا ویرایش جداگانه تلفن همراه داشته باشد. قبل از پخش زنده، از وبسایت روی تلفن و رایانه لوحی استفاده کنید تا مطمئن شوید که طرحبندی، نوع و پیوندها همه کار میکنند و به گونهای سازماندهی شدهاند که منطقی باشد.
6. اهداف خود را روشن کنید
هنگام ساخت سایت خود یک هدف نهایی روشن برای بازدیدکنندگان وب سایت خود در نظر داشته باشید. آیا می خواهید کسی چیزی از فروشگاه تجارت الکترونیک شما بخرد؟ قرار ملاقاتی با شما تنظیم کنید؟ آیا شما را برای یک فرصت شغلی آزاد در نظر دارید؟
این هدف نهایی چیزی است که طراحی سایت شما بازدیدکنندگان را به سمت آن سوق می دهد. پس از ارائه هر گونه پیش زمینه و نکات اثباتی که ممکن است کسی نیاز به دانستن داشته باشد، مقصد آنها دعوت به اقدام (CTA) است .
یک CTA می تواند یک دکمه، یک فرم یا یک پیوند ساده باشد که معمولا برای الهام بخشیدن به عمل نوشته می شود. به عنوان مثال می توان به «اکنون خرید» یا «ثبت نام» اشاره کرد. طراحی CTA خود را از بقیه صفحه وب متمایز کنید و آن را در زیر اطلاعات کلیدی یا تصاویر مربوط به جایی که CTA آنها را هدایت می کند قرار دهید. این امر به برجسته شدن گزینه کمک می کند و بازدیدکنندگان را به سمت هدف اصلی صفحه وب شما راهنمایی می کند.
7. تصاویری را انتخاب کنید که نشان دهنده هدف شما باشد
مانند پالت رنگ شما، عناصر بصری که برای وب سایت خود انتخاب می کنید باید هویت برند شما را منعکس کرده و از هدف سایت شما حمایت کنند. این شامل همه چیز از عکس گرفته تا نمادها و لهجه هایی است که بخش های صفحه را تقسیم می کند.
تصاویر به شما این امکان را می دهند که در مورد آنچه به مخاطبان خود می گویید دقیق تر باشید. در حالی که یک پالت رنگی خاموش و ملایم ممکن است نشان دهنده انرژی آرامش بخش باشد، تصویر شخصی در حال مدیتیشن می تواند نحوه زنده کردن آن انرژی خاص را در برند یا کسب و کار خود بیان کند.
مگر اینکه محصولاتی را بفروشید یا نمونه کارها را به اشتراک بگذارید، میتوانید تصاویر سهام با کیفیت بالا را مجوز دهید و از جلوههای تصویری برای رساندن هدف خود استفاده کنید.
8. مهم ترین اطلاعات را از قبل به اشتراک بگذارید
طراحان وب سایت اغلب در مورد قرار دادن اطلاعات در "بالاتر" صحبت می کنند. این اصطلاح از روزنامه های فیزیکی می آید، جایی که مهم ترین داستان ها در بالا چاپ می شوند، جایی که کاغذ از وسط تا می شود. برای یک طراحی وب سایت خوب، به این معنی است که مهم ترین بخش های هر صفحه وب قبل از اینکه کسی به پایین پیمایش کند قابل مشاهده است.
موارد متداول برای قرار دادن در بالای چین عبارتند از:
-
نام و نشان تجاری
-
منوی ناوبری
-
عنوان صفحه یا مقاله
-
اطلاعیه های رویداد یا محصول جدید
-
خلاصه ای کوتاه درباره شما یا کسب و کارتان
-
قوی ترین قطعه نمونه کارها
با رفتن به صفحات مهم وب سایت خود، قدرت محتوای بالای خود را آزمایش کنید. برای هر صفحه، یادداشت کنید چه اطلاعاتی را میتوانید بدون اسکرول از صفحه حذف کنید. آیا هر صفحه به محض کلیک کردن توجه شما را به خود جلب می کند و باعث می شود که بیشتر بیاموزید یا شروع به پیمایش کنید؟
9. وب سایت خود را برای پیمایش آسان کنید
ناوبری خوب برای یک تجربه وب سایت خوب ضروری است. بازدیدکنندگان وب سایت باید همیشه یک ایده واضح از اینکه یک لینک در وب سایت شما آنها را به کجا می برد و چگونه به جایی که می خواهند برسند داشته باشند.
وقتی یک وب سایت ناوبری خوبی دارد، ممکن است حتی به آن فکر نکنید. اما به این فکر کنید که وقتی نمیدانید آنچه را که در یک وبسایت به دنبال آن هستید کجا بیابید، چه احساسی دارد - خستهکننده است و کاربران معمولاً کلیک میکنند.
طراحی ناوبری خود را ساده نگه دارید. از زبان مستقیم استفاده کنید و طراحی را بیش از حد پیچیده نکنید. ناوبری وب سایت خود را با درخواست از دوستان خود برای رفتن به یک صفحه یا محصول خاص آزمایش کنید، یا خود را به جای آنها قرار دهید و خودتان آن را امتحان کنید.
10. طرحی ایجاد کنید که برجسته باشد
مانند هر خروجی خلاقانه، هنگامی که قوانین را شناختید، می توانید آنها را خم کنید یا بشکنید تا دیدگاه منحصر به فرد خود را زنده کنید.
یک نام تجاری یا کسب و کار قابل اعتماد حرفه ای به نظر می رسد، اما یک برند حرفه ای که متمایز است یک نقطه نظر دارد. همه این اصول را در هنگام برنامه ریزی برای طراحی وب سایت یا پروژه طراحی مجدد خود در نظر داشته باشید . اما از بازی با عناصر مختلف طراحی و ایجاد یک چشم انداز متمایز و طراحی بصری برای نیازهای خود نترسید.

بیاختیاری ادرار در زنان در تهران؛ علل، راههای پیشگیری و درمان