طراحی سایت

آموزش طراحی سایت

طراحی سایت

آموزش طراحی سایت

۲ مطلب با کلمه‌ی کلیدی «طراحی سایت عکس» ثبت شده است

10 نکته برای طراحی سایت مینیمالیستی

دوشنبه, ۲۵ بهمن ۱۳۹۵، ۰۸:۳۵ ب.ظ

1 بهم ریختگی
توجه خیلی از سایتهای جدید جذب عناصر مختلف و متنوع تازه میشه و حتی عناصر و اطلاعات غیرضروری رو هم روی سایت بکار میبرن.
این مشکل وقتی پیش میاد که طراح ها به تازگی کارشونو شروع کردند، و این تازه کارها گاهی فکر می کنن اگه طراح صفحه رو با کلی ویجت و چیزهای دیگه پر کنه، کارشون با ارزش تر میشه.
اما مهارت شما تو اینه که ببینید کاربرها روی یه صفحه دنبال چه چیزهایی می گردن، و روی همونها کار کنید تا یه سایت مینیمالیستی خلق کنید.
2ایستادن در تای بالایی صفحه
خیلی ها عادت دارن برای خوندن کل مطلب، صفحه رو به پایین اسکرول نمی کنن و اینجا دوباره ما با مشکل "تای بالایی صفحه" مواجه میشیم.
 کاربرها همیشه محتوای صفحه اول سایت و اونهم تای بالایی صفحه رو میخونن. طراح های سایت میتونن با گذاشتن درخواستها برای اقدام و عناصر اصلی که بیشتر مورد نیازند در نیمه بالایی صفحه، اثرگذاری سایت رو بهبود ببخشند.
 ارتفاع هدر رو با اضافه کردن فرم های عضویت و گذاشتن دکمه ها در تای بالای صفحه وب، کم کنید. درسته که هنوز هم خیلی ها زیر تا رو میخونن، اما با این وجود، باز هم مطالب مهم رو در تای اول صفحه قرار بدید چون هیچ کس وقت نداره ببینه زیر تا چی نوشته شده.
3- تعداد صفحات رو کم کنید
اگه میخواهید سایتتون مفید باشه، باید تعداد صفحات رو کم کنید تا کاربر با صفحات زیادی که روی سایتتونه گیج نشه.
 وجود صفحات زیاد میتونه کاربرها رو گمراه کنه و اذیت بشن و در نتیجه سایت رو ترک کنن. محتوای سایتتونو همیشه از نقطه نظر کاربر بنویسید تا اینطوری هم از موضوع اصلی خارج نشید و هم محتوای اصلی رو کوتاه بنویسید.
در ضمن هر پاراگراف باید حداکثر 5-6 خط باشن تا کاربرها بتونن به سرعت بخوننش.
4- رهای حداقل
 معمولترین اشتباه طراح های تازه کار در ارتباط با رنگهاست. کلید اصلی برای یه طراحی باکیفیت اینه که تعداد رنگهای به کار رفته در سایت رو محدود کنیم. وقتی دارید بافت ایجاد می کنید، بهتره همون رنگهایی رو بکار ببرید که تو سایه های دیگه سایت هم بکار بردید. 
وجود رنگهای زیادی روی سایت، برای چشم انسان آزاردهندست و حواس کاربرها رو به راحتی پرت می کنه. 
 همیشه دو رنگ اصلی انتخاب کنید و همه جای سایت فقط از همون دو رنگ استفاده کنید. اگه خواستید رنگ سومی هم داشته باشید، بدونید که ممکنه توجه کاربر رو به متن کم کنید. میتونید از سایه های مختلفی از همون دو رنگ اصلی استفاده کنید و یه طراحی سایت مینیمالیستی داشته باشید.
5- قانون 80/20
این قانون کمکتون می کنه که طراحی عمومی سایت رو ساده نگهدارید و تمرکز کاربر رو به قسمت های مهم سایت معطوف کنید.
محتوا رو با تمرکز به عنوان روی سایت مشخص و برجسته کنید تا تمرکز کاربر رو جلب کنه و کاربر بتونه به راحتی و بدون حواس پرتی متن رو بخونه.
6- ادغام سادگی
اول از همه اجازه بدید یه چیزی رو مشخص کنیم: مینیمالیسم رو با سادگی اشتباه نگیرید. هر کدوم دو مفهوم متفاوت هستن ولی تو طراحی های مینیمالیستی ارزش یکسانی دارند و هر دو میتونن به کار برن.
 مینیمالیسم فقط یعنی به حداقل رسوندن استفاده از عناصر غیرضروری در طراحی سایت. اما سادگی بیشتر یه حالت ذهنیه که شما میتونید همه چیز رو به راحتی تفسیر کنید. وقتی مینیمالیسم با سادگی ادغام میشه، به اجرای یه طراحی سایت مینیمالیستی نزدیکتر میشید.
7- هرچی ککه گفتم معنی داره؟ خب آره تو طراحی مینیمالیستی، همه چیز زیادیه و باید کمتر ظاهر بشه.
مفهوم مینیمالیسم اینه که قرار نیست عناصر زیادی رو یه صفحه سایت داشته باشید و باید همه زواید رو حذف کنید، به همونهایی که دارید بسنده کنید.
همه اینها بستگی به هدف سایتتون داره. چه نوع کسب و کاری دارید؟
بعضی وقتا اگه یه سری عناصر مثل آیکون شبکه های اجتماعی، کادر عضویت در خبرنامه، فلشها، رنگهای گرافیکی، فهرستهایی مثل RSS، خوراک و غیره رو حذف کنیم مشکلی پیش نمیاد.
سایتتون اینطوری قشنگ تر و مینیمال تر میشه.
8- مواظب غلط های الایی باشید
حالا که دارید عناصر اضافی سایتتونو حذف می کنید، محتوای سایتتون بیشتر توی چشم میاد و وقتی محتوا مرکز توجه قرار میگیره، باید تأثیرگذار باشه.
پس چی کار کنیم؟
بیایید فونت ها رو هوشمندانه انتخاب کنیم! 
با برای هدر، عنوان، متن و نتیجه از فونت های متفاوتی استفاده کنید. به علاوه، اندازه، نوع و ضخامت این فونتها هم مهمه. برای کل سایتتون از یک رنگ واحد استفاده کنید تا خواننده رو اذیت نکنه.
اجازه بدید مردم بدون اینکه چشماشون خسته بشه، بخونن و لذت ببرن.
9- نظرتون در مورد پس زمینه سفید چیه؟
همه چیز رو ساده تر می کنه.
همونطور که از شماره اول تا 8 داریم تکرار می کنیم، اصل طراحی سایت مینیمالیستی، کاهش اجزای سایته، پس باید پس زمینه هم سفید نگهدارید.
چرا سفید؟
 شما عناصر مینیما سایتتون دارید و بعلاوه محتواتون بیشتر از بقیه چیزها روی سایت به چشم میاد. وقتی فضاهای سفید بین عناصر باشه، یعنی یه پس زمینه سفید داشته باشید، سایت به نظر بی عیب و نقص میاد و  به علاوه محتوا برای دیده شدن (که خیلی مسئله مهمیه) نیازی به تأکیدهای بیشتر نداره و به خودی خود زیبا جلوه می کنه.
و چشم خواننده ها به طور خودکار، روی سایت به سمت محتوا حرکت می کنه.
10- اجازه بدید یه وایرفریم توسعه بدیم و کار رو جمع بندی کنیم
چرا وایرفریم توسعه ندیم؟
همه رنگها، ویژگی های فونت نوشته ها، تصاویر، محتوا و هرچیز دیگه ای که وایرفریم سایتتون لازم داره رو اضافه کنید.
 چیزهایی که باید موقع طراحی وایرفریم، در نظر بگیرید عبارتند از:

  • محتوایی که میخواهید روی سایتتون قرار بدید.
  • اولویت بندی محتوا و شروع با اولویت ها.
  • قبل از شروع کار روی سایت اصلی، انواع وایرفریم ها رو امتحان کنید.

برای سازماندهی محتوا و عناصر دیگه سایتتون به صورت زیبا و تمی

  • Novin Novin

طریقه طراحی سایت هدفمند و موثر

پنجشنبه, ۴ آذر ۱۳۹۵، ۰۴:۵۴ ب.ظ

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

 

  • هدف سایت رو مشخص کنید

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

  • اصول محوری طراحی سایت مؤثر

مدل اینترنت گردی کاربرها عوض شده و بنابراین انتظاراتشون هم تغییر کرده. شاید شما یه پیشنهاد خیلی خوبی به کاربر ارائه بدید، مثلا یه کالای زیبا یا خدمات بی همتا، اما با این حال اگه طراحی سایتتون در هم و بی نظم باشه یا دسترسی به اطلاعات سایتتون سخت باشه، اینا هیچ فایده ای ندارن.
نقشه سایت:
کاربرها به سمت سایتهایی روی آوردن که خط و راهشون مشخص باشه. در عین اینکه سایت باید خاص و یگانه باشه، جهتیابیش هم باید منطقی، یکپارچه و به طور حسی قابل پیش بینی باشه. تعداد صفحات یه طراحی سایت مؤثر باید فقط به اندازه ضرورت باشه. فکر نکنید هر چی صفحات سایتتون بیشتر باشه، مردم بیشتر بین محتوای سایتتون میگردن.
کارایی:
کارایی سایت هم مثل جهتیابی سایت بالای فهرست نکات مهمه سایته. کاربرها میخوان تا جایی که میشه راحت و سریع از یه صفحه برن به صفحه دیگه. پس باید همه چیز ساده باشه. راحت بشه هایپرلینک ها رو تشخیص داد و فرم های تماس رو پیدا کرد.
قالب:
اینم یکی از نکات کلیدی طراحی سایت مؤثره – اولین نگاه کاربر به سایت براش خیلی مهمه. اگه مجبور بشه چشمهاشو کلی رو سایت بگردونه و اینور و اونور کنه تا بالاخره بتونه اطلاعات مورد نظرشو پیدا کنه، مطمئن باشید به خودش انقدر زحمت نمیده و زود میره بیرون. سعی کنید ظاهر سایتتون مثل یه رود جاری باشه. عناصر سایتتون باید منظم و در یک ردیف قرار بگیرن. از اینکه بعضی قسمتهای سایتتونو خالی بذارید نترسید.
محتوای متنی:
محتوای مرتبط و باکیفیت از انیمیشن های فانتزی مهمتره و به رنگ و تعاملی بودن سایت اولویت داره. مشتری به دنبال یه جواب وارد سایت شما میشه و امیدواره که شما برای نیازهای مد نظرش جوابی داشته باشید (به نسبت متن به HTML یه نگاهی بندازید).
محتوای تصویری:
تصاویر و ویدئوها تو طراحی سایت مؤثر نقش بسزایی دارن، به شرطی که مرتبط و با کیفیت باشن. فقط کافیه همین عناصر مهم روی سایتتون زیادی بشن تا توجه کاربرو از دست بدید. نیازی به گفتن نداره که عناصر تصویری که روی سایتتون میذارید باید بهینه بشن.

  • پشت پرده اصول طراحی سایت

بهبود تجربه کاربری خیلی مهمتر از طراحی گرافیکی و جهتیابی آسونه. اگه میخواهید سایتتون بهترین باشه و نرخ تبدیل به مشتری بالایی داشته باشید، باید بدون خستگی روی بهینه سازی سایتتون کار کنید. 
واکنشگرایی:
اگه مرور سایتتون روی دستگاههای تلفن همراه رضایتبخش نباشه و جهتیابی سایت با گوشی تقریبا غیرممکن و سخت باشه، باید دوباره طراحیش کنید. ترافیکی که از موبایل به سایتها میان روز به روز در حال افزایشن. سایتتون باید به همه دستگاه ها واکنش نشون بده و رو همشون کار کنه.
سرعت:
شما فقط چند ثانیه وقت دارید، وگرنه بلافاصله روی دکمه back کلیک می کنه یا صفحه رو میبنده. عصر دیجیتال ما رو لوس و کم طاقت بار آورده. کاربرها میخوان بلافاصله به خواستشون برسن. بارگذاری سریع صفحات سایت هم یکی از نکات طراحی مؤثر سایت به حساب میاد.
آزمایش:
آزمایش، اصلاح و آزمایش دوباره. آخرین نکته اینه که اطمینان حاصل کنید که سایتتون درست کار می کنه و تجربه رضایتبخشی به کاربرها ارائه می کنه و از نظر سرعت، واکنشگرایی، لینکها، تصاویر و کدها با مشکلی مواجه نیست. همه چیزو چک کنید.
میبینید که طراحی مؤثر سایت فراتر از زیبایی های بصری سایته. از ایده اولیه تا آخرِ ساخت، همیشه هدف کار رو مد نظر قرار بدید و از دید کاربر نگاه کنید. اگه کارایی با سلیقه شخصی شما جور درنمیومد، هوشمندانه انتخاب کنید. کاربرهای اینترنت سختگیرند و زیاد هم بخشنده نیستن.

  • Novin Novin