کاتالوگ آنفایو
051-38550086 051-38515396 09355240891

آموزش

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت دوم
پنج شنبه ۲۵ خرداد ۹۶

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت دوم

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

فید توییتر

فید توییتر

 

فید توییتر

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

 

توییتر تنها سایت توی این مورد نیست. Discourse یک پلتفرم گفتگو ی نوظهور هستش که با استفاده ازاسکرول بی نهایت به کاربراش قدرت میده. این شرکت همین اسکرول بی نهایت رو برای کاربراش در نظر گرفته و یک نشانگر پیشرفت خاص و جذاب رو پیاده سازی کرده. این نشانگر وقتی که نیاز باشه  ظاهر میشه و تا وقتی که کاربر داره محتوا رو میخونه جلوی دید باقی میمونه (بدون مزاحمت) . این نشانگر آیتمی که در حال حاضر در حال دیده شدن رو  از تعداد کل نتایج شماره گذاری  گذاری میکنه. این راه فوق العاده ای برای دادن حس کنترل به کاربر هست . حتی وقتی داده های زیادی وجود دارند.

 

نشانگر پیشرفت هوشمند در Discourse

نشانگر پیشرفت هوشمند در Discourse

نشانگر پیشرفت هوشمند در Discourse

به سمت ترکیب برید

یک ترکیب از اسکرول بی نهایت و Pagination در اغلب موارد گزینه خوبی هستش. با این راهکار، شما می تونید یک دکمه “Load More” در انتهای لیست اولیه نمایش بدید و وقتی که کلیک شد . یک لیست دیگه ای از آیتم ها توی فهرست لود بشه. این رفتار مشابه کاری هستش که اسکرول بی نهایت به طور خودکار انجام میده. ولی این بار با اختیار انجام میشه. رابط کاربری چند خاصیت از اسکرول بی نهایت رو استفاده میکنه در حالی که اشکالات اون رو نداره.

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

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

برگه بندی بی نهایت ترکیبی در جستجوی تصاویر گوگل

برگه بندی بی نهایت ترکیبی در جستجوی تصاویر گوگل

 

برگه های بینهایت

برگه های بی نهایت مفهموم اسکرول بی نهایت رو به یک سطح جدید می برند. وب سایت هایی که از این مفهموم استفاده می کنن “One Pager” هستند. برای حذف مانع کلیک کردن روی صفحه بعد، طراح کل سایت رو به یک برگه طولانی و قابل اسکرول تبدیل می کنه. Unfold , و Lost World’s Fairs نمونه هایی از این شکل هستند.

 

روی این وب سایت های One-page، بخش های سایت به صورت عمومی و هر کدوم بعد از دیگری پخش میشن.این کار درک از وب سایت رو کاهش میده به این صورت که فابلیت دسترسی رو کاهش میده. این وب سایت ها ممکنه که اسکرول بی نهایت نداشته باشند، ولی کاربرا ممکنه هنوز احساس صفحه های بدون انتها رو داشته باشند.

 

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

ندونستن جایگاه فعلی می تونه کاربرا رو گیج کنه.

ندونستن جایگاه فعلی می تونه کاربرا رو گیج کنه.

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

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

بگذار به انتهای این برسم.

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

و از تله های زیر برای دستیابی به یک تجربه اسکرول بی نهایت قوی، جلوگیری بشه.

کاربر ها دسترسی سریع به محتوای اختصاصی می خواهند.

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

 

کاربرا می خواند احساس کنترل داشته باشند.

اسکرول بی نهایت اون احساس کنترل رو خراب میکنه. یک نمودار پیشرفت هوشمندانه، یک منوی ثابت، یا یک نقشه اضافه کنید.

 

کاربرها اغلب در هنگام اسکرول دنبال نقاط راهنما می گردند.

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

 

برگه بندی مرسوم یا راهکار ترکیبی رو در نظر بگیرید.

یک برگه بندی قدیمی خوب همیشه یک جایگزین برای اسکرول بی نهایت هستش. و اگر در وضعیت شما، مناسب نیست، اونوقت می تونید از یک راهکار ترکیبی استفاده کنید. استفاده از یک دکمه “Load More” میتونه به خوبی رابط شما رو بهبود بده.

 

ایجاد محتوای جذاب بدون یک رابط کاربری گنگ.

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

 

 

کاربرا اغلب منتظر یک فوتر هستند.

اگر یک نوع اطلاعات سبک فوتر در رابط کاربری کاربردی هستند، پس باید در فوتر و پایین صفحه ظاهر بشوند. یک فوتر ثابت معمولا روشی  است که باید با اسکرول بی نهایت استفاده کنید.

 

یک اسکرول بی نهایت همچان یک لیست است.

ااسکرول بی نهایت همچنان نیاز داره تا با استانداردهای رایج هماهنگ باشه. وقتی که کاربرها چشمشون رو برای یک لحظه  از روی صفحه بر میداره یک روی یک لینک کلیک می کنه و بعدش “Back” رو کلیک میکنه انتظار داره بتونه به نقطه دقیقی که بوده برگرده. رابط کاربری شما هر چیزی که هست، مطمئن بشید که نیازهای کاربرها رو برآورده میکنه.

 

افکت ها زیبا هستند ولی ضروری نیستند.

خیلی از رابط هایاسکرول بی نهایت جلوه های مختلفی برای نمایش اطلاعات دارند. ( خواه با نمایش اسلایدی محتوای جدید با روش های دیگر). بیشتر روی نمایش اطلاعات به بهترین روش ممکن تمرکز کنید تا افکت ها.

 

از آن به درستی استفاده کنید

 

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

 

 

کسب اطلاعات لازم درباره ی طراحی سایت در مشهد

 

ادامه مطلب
اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت اول
دوشنبه ۱۵ خرداد ۹۶

اسکرول بی نهایت : بگذارید به تهش برسیم-قسمت اول

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

ادامه مطلب
Html چیست؟
سه شنبه ۹ خرداد ۹۶

Html چیست؟

Html  یک زبان برنامه نویسی است که می توان برای توصیف صفحات وب از آن استفاده کرد .در واقع یک زبان کد نویسی برای صفحات وب.

Html مخفف Hyper Text Markup Language است.

وقتی یک مرورگر مثل اینترنت اکسپرور یا فایرفاکس یا گوگل کرم صفحات وب رانشان می دهد برای خواندن و تفسییر یک سند Html است.این سند ممکن است به اندازه ۱۰خط کوتاه باشد و یا به ندازه صدها خط طولانی باشد. مروگر اهمیتی نمی دهد که هم آن خوانده شود.

در واقع هدف Html ساخت سند در دسترس مرورگر است.گذشته از ساخت محتوای در دسترس مرورگر به محتوای شما معانی را نیز اضافه می کند. یعنی مرورگر و موتور های جستجو نوع محتوایی را که شما قرار داده اید می شناسد.بدین وسیله می فهمند چطور به محتوا رسیدگی کنند(دسترسی پیدا کنند). در اصل هدف HTML اضافه کردن معانی صفحات وب شماست.(بعضی ها اعتقاد دارند که HTML تحت تاثیر نگاه شما از صفحات وب است اما ؟؟؟که بعدا به آن خواهیم پرداخت)

HTML چیست؟

چه تفائتی بین Html و HTML5 وجود دارد؟ یک آموزش گسترده نسبت به این سوال خواهیم دید. اما چیزی که مهم است این است که هرچیزی که از HTML یاد دارید وقتی HTML5 می اید هنوز معتبر است و آنها را نباید دور ریخت.

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

در این آموزش تمرکز روی مرکز اصلی html5 و امکاناتش است. و اینکه چطور ازش استفاده کنیم و تفاوتش با نسخه قدیمی html4 در چیست!

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

چیزی که باید مطمئن باشید این است که html5 دارای امکاناتی هست که صفحات وبی که ساخته خواهد شد با apple و google تعامل خیلی خوبی برقرار می کند. کنسرسیوک W.W.W کارهای نسل جدید Html ……..

پس بیاید HTML5 را یاد بگیریم.

برای طراحی سایت در مشهد به صورت حرفه ای و بهینه به سایت آنفایو مراجعه کنید

ادامه مطلب
وردپرس شبکه چیست؟ فراگیری نصب وردپرس شبکه یا این که WPMU
یکشنبه ۳۱ اردیبهشت ۹۶

وردپرس شبکه چیست؟ فراگیری نصب وردپرس شبکه یا این که WPMU

وردپرس شبکه یا این که وردپرس چندین کاربره
در این مقاله میخواهیم نحوه ی نصب وردپرس شبکه را به شما آموزش دهیم . البته در ابتدا بیایید تعریفی داشته باشیم از وردپرس شبکه و این که وردپرس شبکه چیست؟

وردپرس شبکه چیست

وردپرس شبکه

ادامه مطلب

ادامه مطلب
سایت مپ چیست؟
دوشنبه ۴ اردیبهشت ۹۶

سایت مپ چیست؟

سایت مپ چیست ؟

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

هیچگونه تضمینی وجود ندارد که با ساختن نقشه سایت اطلاعات xml شما بهتر وارد شوند، ولی با داشتن سایت مپ شانس بیشتری دارید

نقشه سایت

نقشه سایت

مفهوم تگ های استفاده شده در نقشه سایت (xml)

<urlset> نقشه سایت با این تگ (برچسب) شروع و پابان می پذیرد.

<url> تمامی لینک های هر صفحه در این تگ قرار میگیرد و در واقع یک تگ مادر است.

<loc> این تگ به آدرس دقیق لینک اشاره میکند

<lastmod> این تگ اطلاعات مربوط به آخرین تغیرات صفحه را در خود جای میدهد که به فرمت YYYY-MM-DD تاریخ دهی میشود.

<changefreq> اطلاعت مربوط به بازه زمانی تغییرات در صفحه شما در این تگ قرار میگرد.

<priority> میزان اهمیت صفحه در نقشه سایت شما را مشخص میکند که مقدار آن میتواند در بازه ۰٫۰ تا ۱٫۰ باشد.

مهم:

۱- تگ های <lastmod> ،<changefreq>  و <priority> اختیاری بوده و تگ<loc> اجباری میباشد

۲- فایل نقشه سایت شما باید روی هاست و پوشه اصلی فایل‌ها قرار گیرد.

۳- تمامی آدرس‌ها در نقشه سایت باید مربوط به یک دامنه باشند.

۴- حداکثر طول مجاز برای یک آدرس ۲۰۴۸ کاراکتر میباشد.

۵-گفته میشود با تنظیم <changefreq>  و <priority> میتوان موتورهای جستجو را وادار به بررسی روزانه سایت خود کرد، که این کار به هیچ عنوان توصیه نمیشود زیرا اگر گوگل متوجه غیر واقعی بودن آن شود، کل فایل نقشه سایت شما را نادیده خواهد گرفت.

فایل ایندکس درنقشه سایت چیست؟

با توجه به تعداد زیاد صفحات و موضوعات یک سایت ساخت چند نقشه سایت لازم میشود. در اینصورت فایل مربوط به هر نقشه سایت باید در یک فایل ایندکس نقشه سایت (Sitemap index file) لیست شود.

اگر سایت شما بیش از ۵۰۰۰ صفحه دارد یا سایز فایل نقشه سایت شما بیش از ۱۰ مگابایت است، استفاده از چند فایل نقشه سایت ضرورت پیدا میکند. در اینصورت به فایل ایندکس نقشه سایت نیز نیاز دارید. البته میتوانید با استفاده از gzip حجم فایل و پهنای باند مورد نیاز را کاهش دهید ولی باید مطمئن شوید که سایز فایل نقشه سایت شما کمتر از ۱۰ مگابایت شده باشد .

نقشه سایت

نقشه سایت

مفهوم تگ های استفاده شده در ایندکس نقشه سایت

<<lastmod این تگ زمان احتمالی تغیرات برای هر فایل نقشه سایت را مشخص میکند

<sitemapindex> ایندکس نقشه سایت با این برتگ شروع و پابان می پذیرد.

<sitemap> این تگ اطلاعات مربوط به هر نقشه سایت را در خود جای میدهد.

هر فایل ایندکس میتواند تا ۵۰۰۰۰ فایل سایت مپ را در شامل شود.

نقشه سایت XML چه فایل‌هایی را پشتیبانی میکند؟

گوگل پسوندهای متفاوتی را در هر سایت مپ شناسایی میکند. که این شناسایی بستگی به محتویات هر سایت دارد که ما میتوانیم با استفاده از سایت مپ این کار را برای موتورهای جستجو راحت تر کنیم. نقشه سایت XML پسوندهای HTML، Video، Image، Mobile و News را پشتیبانی میکند.

 

نحوه ی ساختن نقشه سایت

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

لیست نمونه‌ هایی از افزونه‌های ساخت نقشه سایت برای سیستم‌های مدیریت محتوا:

بعد از ساخت نقشه سایت (سایت مپ) میتوانید با استفاده از ابزارهای زیر از درستی تگ ها اطمینان حاصل نمایید:

قبل از اینکه نقشه سایت خود را به گوگول معرفی کنید، از بخش Optimization و قسمت Sitemaps در Google Webmaster Tools از عملکرد درست نقشه سایت خود مطمئن شوید. در مرحله بعد با فشردن دکمه قرمز رنگ Add/Test Sitemap در سمت راست صفحه و وارد کردن آدرس نقشه سایت خود مانند تصویر زیر گوگل  فایل شما را بررسی کرده و تعداد صفحات معرفی شده توسط آن را به شما نشان میدهد.

نقشه سایت

نقشه سایت

علاوه بر اینکه با روش بالا میشود سایت خود را به گوگل معرفی کرد، میتوان با قرار دادن تیکه کد زیر در فایل robots.txt نقشه سایت خود را به گوگل معرفی کرد

Sitemap: http://example.com/sitemap.xml

هربار که تغییری در نقشه سایت خود ایجاد کردیم با استفاده از همان دکمه Add/Test Sitemap گوگل را از تغییرات آن مطلع میکنیم

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

 

ادامه مطلب
افزایش بهره وری با ۵ ابزار برای اتوماسیون وردپرس
سه شنبه ۱۹ بهمن ۹۵

افزایش بهره وری با ۵ ابزار برای اتوماسیون وردپرس

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

ادامه مطلب
اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس
شنبه ۹ بهمن ۹۵

اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس

آیا تا به حال احساس کردید که شما نیاز به یک زیرنویس برای پست ها و صفحات خود در وردپرس دارید؟ در این مقاله ما به شما  اضافه کردن زیرنویس برای پست ها و صفحات در وردپرس را نشان میدهیم.
نسخه ی نمایشی زنده از آنچه  نظر می رسد در سایت ThemeLab مانند زیر است:

 اضافه کردن زیرنویس در وردپرس

اضافه کردن زیرنویس در وردپرس

ادامه مطلب

ادامه مطلب
چگونه پربحث ترین مطالب (پر نظر ترین) را در وردپرس نمایش دهیم
شنبه ۹ بهمن ۹۵

چگونه پربحث ترین مطالب (پر نظر ترین) را در وردپرس نمایش دهیم

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

ادامه مطلب

هاست پرسرعت سرور ایران

مشاهده پلن‌ها
آنفایو

استعلام قیمت بصورت آنلاین

تلگرام