مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

رابط کاربری و تجربه کاربری UI/UX


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



 

1- پیاده سازی اصول طراحی سایت ماهر و استفاده کننده پسند
ساخت سایت ماهر میباشد که هنگامی استفاده کننده وارد وبسایت می گردد جذب وب سایت شود و در پی به نکاتی که منجر جذب استفاده کننده میشود اشاره میکنیم :

رابط کاربری و تجربه کاربری UI/UX :
در شرایطی که شما به خیر UI/UX را در سایت خویش پیاده سازی نمایید یک گام جلوترید. UI/UX اصولی میباشد که شما می‌آموزید که اجزای وب سایت خویش را در کجا قرار دهید تا مخاطب شم بهتری را در تارنما شما داشته باشد و از وبسایت شما فراری نشود.هر چقدر استفاده کننده در تارنما شما بیش تر بماند Bounce Rate وبسایت شما کاهش می‌یابد و این نکته مثبتی برای سئوی وب سایت شماست.

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

پباده سازی ریسپانسیو
یکی قابلیت و امکان های مهمی که یک سایت می بایست داشته باشد ریسپانسیو بودن وب سایت میباشد. ریسپانسیو در معنای با صرفه بودن تارنما برای تلفن همراه و تبلت هاست. با اعتنا به اینکه تعداد متعددی از یوزرها وب اکنون از اسمارت فون ها به کار گیری مینمایند تارنما ها می بایست طوری پباده سازی شوند که برای اسمارت فون ها در بعدها خویش گشوده شود و حجم کمتری را بگیرد. رعایت این نکته در seo تارنما نقش مثبتی دارااست.

اشکال پالت رنگ برای وبسایت


مبنی بر تحقیقی با تیتر “تاثیر رنگ در بازاریابی”، دانشمندان دریافتند که بیشتراز 90% از قضاوت‌هایی که در امر فرآورده صورت می گیرد، بسته به دسته کالا، تنها متکی بر رنگ میباشد. با اعتنا به نقشی که رنگ در برندسازی ایفا می نماید، در رابطه میان برندها و رنگ، بر پایه ی درکی که از یک رنگ ساخت می‌گردد، آن رنگ برای مارک خاصی به کار گیری میشود (بدین مضمون‌ که رنگ مطلوب فروش چه میباشد؟)  تحقیقی با تیتر “قرمز‌رنگ هیجان‌ انگیز و آبی رنگ متانت‌ بخش” نیز تائید میکند که قصد به خرید در مشتریان، تا حد متعددی پایین‌تاثیر رنگهایی میباشد که در شعور یک مارک نقش دارا‌هستند. واقعیت اینست که رنگها روی رویت کرد و لحاظ مشتری نسبت به شخصیت مارک اثر گذار میباشند.

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

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

 

به کارگیری از کلیدواژگان امری ضروری در اینترنت‌وب سایت‌های امروزیست، برای دانایی و ادراک بهتر این زمینه و به کارگیری از استراتژی‌های کاربردی دراین مورد، می توانید نوشته‌ی‌علمی‌ی \" کلید واژگان چیستند و چرا در PPC مهم می باشند؟ \" را مطالعه نمائید.

 



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

رنگ‌های کامل کننده و خنثی
رنگ‌های بشاش و ضد‌و‌نقیض
رنگ های تیره و پر‌نور
در پی به توضیح بی نقص این موردها میپردازیم.

 



رنگ‌های کامل کننده و خنثی
کسب‌وکارهای متفاوتی مثل اداره ها، مکتب‌ها و دانش کده‌ها ، وبسایت‌های علمی و خبر ها مستلزم پباده سازی سایتی بی آلایش با ادغام دو یا این که سه رنگ می‌باشند. به صورت نمونه می توانید رنگ آبی‌رنگ و کامل کننده هایش را برای لوگو ، منو و لینک و پیوند‌ها استعمال فرمایید و رنگ‌های خنثی مثل سپید برای بگراند و رنگ متضادی مثل سیاه برای متن ها تا بهتر خوانده شوند.

یادگیری PHP را از کجا استارت کنم؟


۲-۶- یادگیری PHP را از کجا استارت کنم؟
اینجانب تجربه خودم را میگویم: اینجانب اولی برنامه‌ای که نوشتم با یاری ویدئوهای آموزشی کمپانی انیاک (learninweb.com) پباده سازی کردم. (واقعیت این میباشد که فعالیت این عزیزان را می‌پسندم و نسبتاًً‌ تمام تولیدات آموزشی‌شان را خریده‌ام. ولی این ادله نمیشود که شما هم بپسندید. طولانی تر تحقیق فرمائید...)
اما این را بیان‌کنم که حال حاضر و پس از حدود ۷ سال زمانی باز بینی میکنم، میبینم آن ویدئوها دردسرهای بسیار متعددی برای اینجانب داشت. صرفا یک مثال اینکه در آن فراگیری‌ها از mysql_fetch_row مستعمل بود در حالی که بهتر بود mysql_fetch_array گفته شود و حال حاضر تمام سیستم‌هایی که بر پایه ی آن یادگرفتن‌ها ساخته‌ام برایم حقیقتاً عذاب شده‌است! هر که می داند فرق این دو تابع چه است متوجه می شود که چقدر عمل با mysql_fetch_row کیفر‌آور میباشد!! البته به هر اکنون، شروع نیکی بود.
می خواهم بیان‌کنم در گزینش یادگرفتن دهنده هم اعتنا فرمائید. ممکن میباشد یک چیز غلط را به شما خاطر بدهد و مثل اینجانب تعدادی پروژه بر پایه ی آن ها تحویل دهید و سالیان آنگاه گرفتار آنان گردید.

در کنار آنها، کتاب فراگیری PHP انتشارات ناقوس را هم می‌خواندم.

و شاید شایسته ترین سکوی پریدن اینجانب، کتابی از انتشارات SAMS بود که آن زمانه کلیه ۸۰۰ برگه‌اش را پرینت گرفتم و نسبتاًً کلیه را خواندم. این کتاب دوست داشتنی را در وبسایت گذارده‌ام:

http://aftab.cc/modules.php?name=Downloads&op=getit&lid=86

پس: آغاز فعالیت با ویدئوهای فارسی. در کنار آن، کتاب فارسی و برای توسعه یافته‌خیس شدن، کتاب انگلیسی.


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

همت فرمایید می داند‌های خویش را کنار هم بگذارید تا نهایتاً آن پروژه پویا را بدون نقص فرمائید.

۳-۶- چه‌گونه رشته‌ای‌خیس نحس؟
پس از کامل شدن پروژه اولیه، سنگ پهناور‌تری بردارید. برای مثالً همان طور که در مقاله «بدون‌پول فعالیت فرمایید تا فئودال گردید» گفته‌ام، اینجانب آن زمانه به مؤسسه گویش که در آن‌جا انگلیسی را می‌آموختم سفارش دادم که برایشان یک سیستم رئیس گویش آموزان و حسابداری مؤسسه پباده سازی کنم و شاید اعتقادوباور نکنید که هنوز و پس از حدود ۷ سال، اینجانب هفته‌ای چندین ساعت آن سیستم را پشتیبانی میکنم و یکی‌از منابع درآمد اینجانب میباشد!

آنگاه، تستا را عرضه کردم. سپس سیستم پیش‌بینی مسابقات، آنگاه برای اینکه با معنا Ajax و web2 بیش تر آشنا نحس، برای خودم پروژه youRL را تمجید کردم که حقیقتاً وام دار این وب سایت هستم. آن گاه خیلی سیستم‌های دیگر که تماماً معلوم میباشد که در هر سیستم چند پلکان از لحاظ قدرت علمی افزایش داشته‌ام.

ولی برای اینکه بسیار رشته‌ای‌خیس گردید، توصیه می کنم ویدئوهای فرنگی را تا می توانید دانلود فرمایید و مشاهده کنید. یک زمان بسیار جالب و رشته‌ای می باشد با اسم Advanced PHP که اینجانب با زحمت بسیار از یوتیوب دانلود کردم. (در صورتی‌که می توانید که از آنجا دانلود فرمائید وگرنه اینجانب این موسسه را همپا با زمان‌های دیگر که PHP را از مقدماتی تا توسعه یافته می آموزد در مغازه قرار داده‌ام.) در حالتی که این عصر را نمی‌دیدم نمرا و جمعاً و شارژا و تستا ۳ هیچوقت در عمل نمی‌بود و یا این که در صورتی می‌بود، بسیار ضعیف‌خیس از چیزی که شرایط فعلی می‌باشد میشد.

اینجانب در‌حالتی که امروز می‌خواستم این روالی که درین یک سری سال طی کردم را طی کنم، مطلقاً از به عبارتی در آغاز با ویدئوهای آموزشی انگلیسی آغاز میکردم. در شرایطی‌که شما هم انگلیسی‌تان توانمند میباشد، در وب کاوش فرمایید، زمان‌های آموزشی برای کلیه مباحث از کمپانی‌های مطرحی مثل Lynda و Total Training و VTC و امثالهم موجود هست که حقیقتاً کیفیت بهتری نسبت به فراگیری‌های اهل ایران دارا هستند.

نکات آخری:

وبسایتی با سرعت موشک داشته باشید


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

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

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


طراحی وب سایت کمپانی در میان المللی تبلیغات ویرا
۳- اینترنت سایتی مطابق با نیازها و ذوق خودتان داشته باشید
خیلی از قالب های مهیا وردپرس، شکلی یکسان و تکراری دارا‌هستند که همین زمینه منجر شده‌است اکثر وب سایت های وردپرسی، ظاهری مشابه به هم داشته باشند.

یکی شیوه های تمایز در دنیای امروز که کسب و شغل های متعددی در اکنون رقابت باهم می باشند، این میباشد که شما ظاهری متمایز داشته باشید تا بهتر در ذهن مخاطب خودتان بمانید.

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

ممکن میباشد شما بخواهید در تارنما خودتان برای مثال فرآیند خرید متفاوتی از فرآیند خرید پیشفرض وردپرس داشته باشید و با این فعالیت، لذت بیشتری برای خریداران خودتان تولید نمائید. یا این که ممکن میباشد شما بخواهید در اکانت کاربری مشتریان خودتان، تجهیزات خاصی مانند آواتارهای فردی، سیستم امتیازدهی و… داشته باشید، یا این که شاید هم بخواهید در نصیب هدر تارنما خودتان تجهیزات خاصی داشته باشید.

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

در پباده سازی قالب منحصر به فرد وردپرس، شما میتوانید گام به گام همگی شغل های پباده سازی گرافیکی قالب، امکاناتی که برای تارنما خویش نیاز دارید و میخواهید در قالب تولید شود، کدنویسی قالب و… را تایید فرمائید و قدم به قدم جلو بروید تا قالب شما فراهم و آخری شود.

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

پس در پباده سازی قالب منحصربه‌فرد وردپرس ، شما میتوانید ذوق وسلیقه خویش را به طور بی نقص اعمال فرمائید تا قالبی تماما فردی داشته باشید.

محتوای وردپرس


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

از ورژن ۴٫۳ وردپرس به آن‌گاه بخشی با تیتر Favicon یا این که به عبارتی ( نمادک ) تارنما به وردپرس بیش تر گردیده، که برای دسترسی بدین بخش می بایست وارد اکران » فردی سازی » نام‌و‌نشان تارنما گردید.

بعد ها نمادک وردپرس شما می بایست ۵۱۲ پیکسل پهنا و ۵۱۲ پیکسل طول داشته باشد.



۶- پیکربندی اظهار‌کرد و گو وردپرس ( نظریات )
برای فعال کردن نظریات در نصیب نوشته های تارنما وردپرسی خویش می بایست از نصیب پیکربندی » اعلام کرد و گو مبادرت فرمائید، همینطور میتوانید از این نصیب مشخص و معلوم فرمائید که یوزرها برای تثبیت نگرش یا این که لحاظ می بایست وارد اکانت کاربری خویش گردیده باشند ، یا این که اینکه درصورتی که قصد دارید نظرها پیشین از اکران تایید شوند بایستی از این نصیب مبادرت فرمائید.
نیم صورت های دارای شهرت وردپرس که کلیه آن را با نام Gravatar می شناسیم هم از همین نصیب اذعان کرد و گو های وردپرس قابل دسترسی و تهیه و تنظیم میباشد.

محتوای وردپرس
۷- حذف محتوای پیشفرض وردپرس
بعداز نصب و فعال سازی وردپرس بجای اینکه با ورقه ی سپید و خالی مواجه گردید، به عبارتی نوشته دارای شهرت ” میشود عالم ! ” را در ورقه اصلی تارنما خویش و در بخش نوشته ها میبینید. درصورتی که قصد فعال‌ساز‌ی و عمل روی سایتتان را دارید بهتر میباشد بعداز کامل شدن پیکربندی همگانی وب سایت به سراغ بخش نوشته ها رفته و نوشته ی پیشفرض وردپرس را حذف نمایید.

همینطور در نصیب ورقه ها یک کاغذ ( ورقه ) به اسم ورقه مثال تشکیل‌شده که برای نشان دادن طرز ی اکران ورقه ها در قالب فعلی تارنما وردپرسی شماست، این ورقه هم می بایست حذف شود !

۸- تولید گونه بندی نو و حذف گونه بندی پیشفرض وردپرس
در شرایطی که توجه کرده باشید پس از نصب وردپرس یک نوع بندی پیشفرض به اسم “نوع بندی نشده” در وردپرس موجود هست که قابل حذف هم وجود ندارد ، تنها برای اینکه از شر آن خلاص گردید می بایست اسم آن را به او‌لین نوع بندی سایتتان تغییر تحول دهید .

جور بندی پیشفرض تارنما ما یادگرفتن وردپرس میباشد .

برای تغییر تحول اسم گونه بندی پیشفرض وردپرس وارد بخش نوشته ها » نوع بندی ها گردید و اسم گونه بندی نشده را به مدل بندی مامان یا این که نوع بندی اصلی مقاله‌ها و نوشته های خویش تغییر تحول دهید.

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

۹- تغییر‌و تحول ابزارک های پیشفرض وردپرس
اکثر قالب هایی که روی وردپرس نصب می‌کنید دارنده بخش سایدبار اصلی می‌باشند ، برخی از پوسته های توسعه یافته خیس هم منطقه ابزارک های دیگری دارا هستند ، مثل حیطه ابزارک فوتر ، ابزارک هدر و …

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