اصول طراحی سایت (۱۱ اصل کاربردی)
فهرست مطالب
خلاصه
نام مقاله
اصول طراحی سایت (۱۱ اصل کاربردی)
توضیحات
۱۱ اصل کاربردی در اصول طراحی سایت از پیمایش و فونت ها تا رابط کاربری
نویسنده
مهرسا امینی
نام ناشر
ماناتاز
فهرست مطالب
شاید خیلی زودتر باید در رابطه با این موضوع صحبت می کردیم زیراکه دانستن اصول طراحی سایت ، هسته ی اصلی خیلی از مقالات وبلاگ طراحی سایت می باشد.
طراحی وب یک فرآیند کاملا خلاقانه و آزاد است.
مهم ترین شاخصه ی آن نیز همین است زیراکه مانند شبکه های اجتماعی اجازه تولید محتوا تنها و تنها در یک چارچوب خاص را به شما نمی دهد و آزادانه می توانید در دنیای آن سفر کنید.
در طراحی سایت باید اجازه دهید نوع برند ، مخاطبان و نقطه نظراتشان شما را در فرآیند طراحی راهنمایی کند و تنها از سلایق شخصی پرهیز کنید.
اما تمامی این موارد در قالب یک سری اصولی برای طراحی سایت است که باید حتما به آن توجه ویژه ای داشته باشید ؛ با ما همراه باشید.
۱
نقش تایپوگرافی در طراحی وب را نمی توان نادیده گرفت.
استفاده از فونت های مناسب شخصیت برند شما را نشان می دهد و بلافاصله توجه مخاطبان را به خود جلب می کند.
با این حال ، این تنها کافی نیست.
حروفی که در طراحی وب خود استفاده می کنید نیز باید کاربردی و خوانا باشند.
از این گذشته ، اگر کاربر مجبور باشد برای دیدن متن شما چشمهای خود را به زحمت بیندازد ، احتمالاً برای ارتباط با پیام شما دچار مشکل میشود.
برخی از فونت های فارسی متداول و مورد استفاده در وبسایت ها عبارتند از : ایران سنس ، یکان ، وزیر و …
۲
ناوبری یکی از مهم ترین عوامل در طراحی سایت می باشد.
ناوبری آسان به این معناست که شما در سریع ترین و ساده ترین شکل ممکن بتوانید به بخش های مورد نظر وبسایت دسترسی داشته باشید.
برای ایجاد یک وبسایت استاندارد ، محتوا را به دستههای واضح برای هدر و فوتر خود مرتب کنید و به آنها عناوین توصیفی بدهید.
سپس ، صفحات خود را بر اساس موضوعات مورد نظر تنظیم کنید تا افراد بتوانند به راحتی بین موضوعات مشابه پیمایش کنند.
یکی از مهم ترین موارد در پیمایش آسان قرار گرفتن عناصر مرتبط در کنار یکدیگر است :
وقتی عناصر مرتبط نزدیک قرار می گیرند ، پیمایش و خواندن صفحات وب آسان تر می شود.
همچنین تعداد کلیک های لازم برای رسیدن از یک صفحه به قسمت دیگر را کاهش می دهد.
می توانید به عنوان مثال از ایده های زیر در مورد نحوه قرار دادن عناصر مرتبط نزدیک به یکدیگر استفاده کنید :
۳
در تمامی بخش های سایت باید المان های مختلف با یکدیگر هارمونی داشته باشند.
این هارمونی در تطابق رنگ بندی سایت ، قالب ، ابعاد ، فونت ها ، محتوا ، تصاویر و … با یکدیگر است.
عدم وجود هارمونی باعث خراب شدن تجربه کاربری می شود.
۴
اصلی که در رابطه با آن در مقاله ای به صورت کامل توضیح داده ایم.
به طور خیلی خلاصه و کوتاه واکنش گرایی سایت یعنی اینکه وبسایت شما در دیوایز های مختلف و با ابعاد متفاوت نمایشگر ، به صورت استاندارد و بدون در هم ریختگی المان ها نمایش داده شود.
که برای رسیدن به این مورد باید نکاتی را رعایت کنید که ما در مقاله ی مربوطه ی آن ، توضیحات را ارائه داده ایم.
برای درک مبحث واکنش گرایی به مقاله ی واکنش گرایی سایت بروید.
۵
سرعت لودینگ از موارد تاثیر گذار مستقیم بر تجربه ی کاربری و صد البته سئو است.
اگر وبسایت شما سرعت لود خوبی نداشته باشد ، کاربران کلافه شده و سریعا از آن خارج می شوند و در نتیجه نرخ پرش شما بالا می رود.
سرعت لود با اصول بهینه سازی سایت قابل حل است.
برای آشنایی با اصول بهینه سازی سرعت سایت به مقاله ی آن بروید.
۶
خب ما در مقاله ی رنگ بندی سایت به صورت کامل توضیحاتی را در رابطه با اصول رنگ بندی سایت داده ایم.
به همین خاطر در این بخش به صورت خیلی خلاصه اشاره ی کوتاهی را به این موضوع می کنیم.
انتخاب پالت رنگی مناسب می تواند تجربه زیبایی را به کاربر بدهد.
برای هر وبسایت متناسب با نوع و کاربری آن یک پالت رنگی مورد استفاده قرار می گیرد.
شدیدا پیشنهاد می کنیم برای درک این بخش ، مقاله ی رنگ بندی سایت را مطالعه کنید.
۷
فضای منفی یا فضای سفید به عناصر طراحی مانند تصاویر و محتوا کمک می کند تا که طرح وب سایت نامرتب به نظر نرسد.
این فقط یک فضای خالی نیست زیرا در واقع به چیدمان طراحی شما ارزش می بخشد.
بدون فضای سفید ( یا در وبسایت ما فضای مشکی منظور از این رنگ ، بک گراند شما است.) ، پیامی که میخواهید ارسال کنید نامرتب به نظر میرسد.
۸
اصل سادگی بخش جدایی ناپذیر هر طراحی وب سایت خوب است.
هم برای خوانایی و هم کاربردی بودن وب سایت شما کلیدی است.
شما باید طرح های خود را ساده نگه دارید تا واضح و آسان برای استفاده باشند.
از جزئیات یا عناصر غیر ضروری استفاده نکنید و وب سایت خود را تمیز و بدون درهم ریختگی نگه دارید.
شما مجبور نیستید طراحی وب سایت مینیمالیستی داشته باشید.
اما ، زمانی که جزئیات را اضافه می کنید ، باید مرتبط باشند و به وب سایت ارزش اضافه کنند.
۹
در حالی که دکمه ها اغلب آخرین چیزی هستند که به وب اضافه می شوند ، اما نقشی ضروری دارند.
آنها می توانند عامل تعیین کننده ای باشند که آیا کاربر به پیمایش وب سایت شما ادامه می دهد یا پنجره را می بندد.
دکمه های وب سایت شما باید در مقابل سایر عناصر بصری صفحه برجسته شوند و به راحتی پیدا و کلیک شوند.
۱۰
بیش از 13 سال ، محققان گروه نیلسن نورمن (گروه NN) از ردیابی چشم برای مشاهده نحوه تعامل بیش از 500 نفر با محتوا استفاده کردند.
این باعث شد که آنها الگوی F را توسعه دهند ، که می گوید اولین کاری که مردم انجام می دهند این است که صفحه را اسکن می کنند، سپس آنها را در خطوط چپ به راست می خوانند. مانند تصویر بالا.
شما می توانید با ساختاردهی محتوای خود حول آن یا یک مدل جایگزین، از الگوی F در وب سایت خود استفاده کنید.
فیس بوک معروف است که از یک الگوی Z شکل در صفحه اصلی خود استفاده می کند.
هنگامی که از صفحه بازدید می کنید ، چشمان شما به لوگوی “Facebook”، سپس دکمه “login”، سپس به تصویر سمت چپ و در نهایت به دکمه “create an account” می رود.
۱۱
رابط کاربری است که از طریق آن کاربر با سیستم ارتباط برقرار می کند.
به عنوان پل ارتباطی بین سیستم و کاربر عمل می کند.
اگر UI (رابط کاربری) خوب باشد، کاربر قطعاً دوست دارد زمان بیشتری را در سایت شما سپری کند.
در زیر چند نکته برای طراحی یک رابط کاربری خوب آورده شده است :
برنامه نویس ، انیماتور ، سئوکار
آدم های موفق در مراحل مختلف زندگی ریسک می کنند و از پرتگاه ترسی ندارند و آدم ها فقیر ساحل به ظاهر امن خود را رها نمی کنند.