همونطوری که قبلا گفته شد. توییتر اسکرول بی نهایت رو به طور بهینه استفاده میکنه. کاربر یک لیست رو به افزایش از توییت های رو می بینه، که می تونه به راحتی رو هر توییت کلیک کنه و اون رو در محل گسترش بده، از رفرش شدن صفحه جلوگیری میشه و نتیجه توی همون موقعیت اسکرول باقی میمونه.
فید توییتر
حتی روی نسخه موبایل توییتر یک علامت “کاغذ پاره” اضافه می کنه که به کاربر میگه از کجا به خوندن ادامه بده. این راه حل ساده و زیرکانه به کاربران اجازه میده توی صفحه به بالا اسکرول کنند در حالی که یک تشحیص دارند برای بازگشت دارند. از لحاظ روان شناسی این مارکر ها خواننده رو از جدا شدن محتوای خوانده شده و خوانده نشده مطمئن میکنه. این مارکر ها به کاربر حس کنترل و آگاهی بهتری از عمق محتوا و اینکه چه مقدار در اون جلو رفته اند رو میده.
توییتر تنها سایت توی این مورد نیست. Discourse یک پلتفرم گفتگو ی نوظهور هستش که با استفاده ازاسکرول بی نهایت به کاربراش قدرت میده. این شرکت همین اسکرول بی نهایت رو برای کاربراش در نظر گرفته و یک نشانگر پیشرفت خاص و جذاب رو پیاده سازی کرده. این نشانگر وقتی که نیاز باشه ظاهر میشه و تا وقتی که کاربر داره محتوا رو میخونه جلوی دید باقی میمونه (بدون مزاحمت) . این نشانگر آیتمی که در حال حاضر در حال دیده شدن رو از تعداد کل نتایج شماره گذاری گذاری میکنه. این راه فوق العاده ای برای دادن حس کنترل به کاربر هست . حتی وقتی داده های زیادی وجود دارند.
نشانگر پیشرفت هوشمند در Discourse
یک ترکیب از اسکرول بی نهایت و Pagination در اغلب موارد گزینه خوبی هستش. با این راهکار، شما می تونید یک دکمه “Load More” در انتهای لیست اولیه نمایش بدید و وقتی که کلیک شد . یک لیست دیگه ای از آیتم ها توی فهرست لود بشه. این رفتار مشابه کاری هستش که اسکرول بی نهایت به طور خودکار انجام میده. ولی این بار با اختیار انجام میشه. رابط کاربری چند خاصیت از اسکرول بی نهایت رو استفاده میکنه در حالی که اشکالات اون رو نداره.
به خاطر اینکه اسکرول بی نهایت نیازمند این هست که وب سایت ها حجم زیادی از محتوا رو استخراج کنند. راهکار ترکیبی استفاده میشه تا دریافت اطلاعات رو کنترل کنه .
فید خبرهای فیس بوک و همینطور جستجوی تصاویر گوگل در ابتدا به صورت اسکرول بی نهایت هستند . اما بعد از اینکه یک مقدار مشخص از آیتم ها لود شدند نمایش اطلاعات صورت اختیاری و توسط کاربران انجام میشه. این کار رابط کاربری رو همراه با محدود کردن لود روی سرور حفظ میکنه .
برگه های بی نهایت مفهموم اسکرول بی نهایت رو به یک سطح جدید می برند. وب سایت هایی که از این مفهموم استفاده می کنن “One Pager” هستند. برای حذف مانع کلیک کردن روی صفحه بعد، طراح کل سایت رو به یک برگه طولانی و قابل اسکرول تبدیل می کنه. Unfold , و Lost World’s Fairs نمونه هایی از این شکل هستند.
روی این وب سایت های One-page، بخش های سایت به صورت عمومی و هر کدوم بعد از دیگری پخش میشن.این کار درک از وب سایت رو کاهش میده به این صورت که فابلیت دسترسی رو کاهش میده. این وب سایت ها ممکنه که اسکرول بی نهایت نداشته باشند، ولی کاربرا ممکنه هنوز احساس صفحه های بدون انتها رو داشته باشند.
در صفحه های بدون انتها، ارتفاع هر بخش ممکنه بر اساس محتویاتش فرق کنه. هر چند این رویکرد می تونه برای برخی تعامل های خلاقانه استفاده بشه، همینطور هم میتونه کاربرا رو در گیجی و احساس عدم اطمینان برای جایی که میخوان برای تکه بعدی اطلاعات اسکرول کنند قرار بده.همینطور اسکرول بار در تعداد زیادی از این صفحات مخفی هسش. که کاربرها رو در حالی که دارند دنبال موقعیت اسکرول برای پیدا کردن میزان پیشرفتشون میگیردند در یک حس گم گشتگی قرار میده. اسکرول بار های مخفی کاربرا رو از حس داشتن اون شانس نجات محروم میکنه. کاربرا نمی تونند بدون کمک رها بشن، باید به کاربر ها دقیقا نشون بدیم چطوری صفحه رو مرور کنند.
مهندسان تجربه کاربری نیاز دارند بیشتر مراقب طراحی صفحات نا محدود باشند. اونها باید قابلیت دسترسی رو در نظر بگیرند، به کاربرا با نمایش مقدار فضایی که از صفحه دیده اند ،بگند کجا هستند. راهکارها می تونند شامل یک منوی ثابت، یک نفشه از صفحه یا یک نوار پیشرفت اسکرول باشند.
یک حربه دیگه جلوه پارالکس هستش، جایی که لایه های مختلفی روی صفحه با سرعت های مختلف بر اساس اسکرول کاربر حرکت می کنند و یک وهم از عمق ایجاد می کنند. همینطور که این میتونه به ایجاد تجربه های زیبا و خلاقانه کمک کنه، میتونه بعضی وقتها به طور مفرط اسفاده بشه و کاربرا ممکنه برای اینکه چقد نیاز دارند اسکرول کنند تا محتوای بیشتری ببیند گیج بشن . وقتی جلوه پارالاکس با انیمیشن تلفیق بشه کاربرا میتونن سر در گرم بشند که برگه با اسکرول اونها یا به صورت خودکار داره جا به جا میشه.
اسکرول بی نهایت می تونه یک ویژگی خلاقانه ای باشه که به طور فوق العاده ای رابط های کاربری رو با قرار دادن محتوا و ایجاد بهینگی بیشتر، بهبود بده. ولی نیاز داره تا درست استفاده بشه.
و از تله های زیر برای دستیابی به یک تجربه اسکرول بی نهایت قوی، جلوگیری بشه.
کاربر ها دسترسی سریع به محتوای اختصاصی می خواهند.
کاربرا نمی خوان برای دسترسی به تمام محتوای سایت تنها گذاشته بشوند. تشخیص بدید چه محتوایی برای وب سایت شما خاص هست و اون رو در بالای هر برگه ای قرار بدید و مطالب کمتر مرتبط رو فیلتر کنید.
اسکرول بی نهایت اون احساس کنترل رو خراب میکنه. یک نمودار پیشرفت هوشمندانه، یک منوی ثابت، یا یک نقشه اضافه کنید.
وقتی کاربرا از وسط لیست های طولانی اسکرول می کنند، انتظار دارند بتونن به راحتی محتوای جدید و محتوایی که ندیدند رو تشخیص بدین.نقاط راهنمایی در طول رابط کاربری اضافه کنید تا کاربرا در جهت دار باشند.
یک برگه بندی قدیمی خوب همیشه یک جایگزین برای اسکرول بی نهایت هستش. و اگر در وضعیت شما، مناسب نیست، اونوقت می تونید از یک راهکار ترکیبی استفاده کنید. استفاده از یک دکمه “Load More” میتونه به خوبی رابط شما رو بهبود بده.
مجبور کردن کاربرا برای چرخیدن در یک فهرست بدون انتها فقط در صورتی منطقی است که کاربرا حس کنن ارزشش رو داره.
اگر یک نوع اطلاعات سبک فوتر در رابط کاربری کاربردی هستند، پس باید در فوتر و پایین صفحه ظاهر بشوند. یک فوتر ثابت معمولا روشی است که باید با اسکرول بی نهایت استفاده کنید.
ااسکرول بی نهایت همچنان نیاز داره تا با استانداردهای رایج هماهنگ باشه. وقتی که کاربرها چشمشون رو برای یک لحظه از روی صفحه بر میداره یک روی یک لینک کلیک می کنه و بعدش “Back” رو کلیک میکنه انتظار داره بتونه به نقطه دقیقی که بوده برگرده. رابط کاربری شما هر چیزی که هست، مطمئن بشید که نیازهای کاربرها رو برآورده میکنه.
خیلی از رابط هایاسکرول بی نهایت جلوه های مختلفی برای نمایش اطلاعات دارند. ( خواه با نمایش اسلایدی محتوای جدید با روش های دیگر). بیشتر روی نمایش اطلاعات به بهترین روش ممکن تمرکز کنید تا افکت ها.
اگر هدف گرا هستید و بعد از رسیدن به انتهای گردشتون احساس رضایت می کنید. برای اثر گذار بودن، اسکرول بی نهایت برای این مورد راه های داره. در حقیقت هیچ چیزی بی نهایت نیست.حتی همه این اسکرول های بی نهایتی که ما به اونها نگاه کردیم. کاربرا همیشه باید بدونن که کجا ایستادند، حتی وقتی که محتوا کامل لود نشده. اونها باید بدونند که تعداد کل محتوا چقدر هست و بتونن به راحتی لیست رو مرور کنند. اسکرول بی نهایت باید به بهترین شکل ممکن پیاده سازی بشه، طوری که کاربرا همیشه به راحتی بتونند راهشون رو پیدا کنند.
کسب اطلاعات لازم درباره ی طراحی سایت در مشهد
ادامه مطلب
اسکرول بی نهایت یک تجربه بهتر رو برای کاربرا وعده میده. هر چند این ابزار خوب اغلب با چیزهای بد و زشت همراه میشه . به محض تشخیص نقاط قوت و ضعف اسکرول بی نهایت، ما می تونیم رابط های اسکرول خودمون رو بهبود بدیم . طبیعت انسان طوریه که سلسله مراتب و ساختارهایی که توی اونها بشه آسون جا به جا شد رو نیاز داره . ولی اسکرول بی نهایت بعضی وقت ها کاربرا رو توی همون احساسی بدی قرار میده که مسافرا وقتی فکر می کنن سفرشون هیچ وقت تموم نمیشه حس می کنند . ادامه مطلب
ادامه مطلبHtml یک زبان برنامه نویسی است که می توان برای توصیف صفحات وب از آن استفاده کرد .در واقع یک زبان کد نویسی برای صفحات وب.
Html مخفف Hyper Text Markup Language است.
وقتی یک مرورگر مثل اینترنت اکسپرور یا فایرفاکس یا گوگل کرم صفحات وب رانشان می دهد برای خواندن و تفسییر یک سند Html است.این سند ممکن است به اندازه 10خط کوتاه باشد و یا به ندازه صدها خط طولانی باشد. مروگر اهمیتی نمی دهد که هم آن خوانده شود.
در واقع هدف 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 را یاد بگیریم.
برای طراحی سایت در مشهد به صورت حرفه ای و بهینه به سایت آنفایو مراجعه کنید
ادامه مطلبوردپرس شبکه یا این که وردپرس چندین کاربره
در این مقاله میخواهیم نحوه ی نصب وردپرس شبکه را به شما آموزش دهیم . البته در ابتدا بیایید تعریفی داشته باشیم از وردپرس شبکه و این که وردپرس شبکه چیست؟
سایت مپ (sitemape) در واقع یک فایل متنی حاوی تمام آدرسهای موجود در سایت است که به آن xml (زبان نشانه گذاری قابل توسعه) گویند. سایت مپ میتواند اطلاعات متا هر آدرس از سایت مانند آخرین آپدیت ها، میزان اهمیت و نحوه ارتباط آن با صفحات دیگر را نیز شامل شود. وجود سایت مپ ربات موتورهای جستجو مانند گوگل را راهنمایی میکند تا صفحات سایت شما را به صورت بهتر شناسایی کرده و همچنین از ایجاد صفحات جدید و تغییرات در صفحات قدیمی شما مطلع شود.
هیچگونه تضمینی وجود ندارد که با ساختن نقشه سایت اطلاعات xml شما بهتر وارد شوند، ولی با داشتن سایت مپ شانس بیشتری دارید
<urlset> نقشه سایت با این تگ (برچسب) شروع و پابان می پذیرد.
<url> تمامی لینک های هر صفحه در این تگ قرار میگیرد و در واقع یک تگ مادر است.
<loc> این تگ به آدرس دقیق لینک اشاره میکند
<lastmod> این تگ اطلاعات مربوط به آخرین تغیرات صفحه را در خود جای میدهد که به فرمت YYYY-MM-DD تاریخ دهی میشود.
<changefreq> اطلاعت مربوط به بازه زمانی تغییرات در صفحه شما در این تگ قرار میگرد.
<priority> میزان اهمیت صفحه در نقشه سایت شما را مشخص میکند که مقدار آن میتواند در بازه 0.0 تا 1.0 باشد.
1- تگ های <lastmod> ،<changefreq> و <priority> اختیاری بوده و تگ<loc> اجباری میباشد
2- فایل نقشه سایت شما باید روی هاست و پوشه اصلی فایلها قرار گیرد.
3- تمامی آدرسها در نقشه سایت باید مربوط به یک دامنه باشند.
4- حداکثر طول مجاز برای یک آدرس 2048 کاراکتر میباشد.
5-گفته میشود با تنظیم <changefreq> و <priority> میتوان موتورهای جستجو را وادار به بررسی روزانه سایت خود کرد، که این کار به هیچ عنوان توصیه نمیشود زیرا اگر گوگل متوجه غیر واقعی بودن آن شود، کل فایل نقشه سایت شما را نادیده خواهد گرفت.
با توجه به تعداد زیاد صفحات و موضوعات یک سایت ساخت چند نقشه سایت لازم میشود. در اینصورت فایل مربوط به هر نقشه سایت باید در یک فایل ایندکس نقشه سایت (Sitemap index file) لیست شود.
اگر سایت شما بیش از 5000 صفحه دارد یا سایز فایل نقشه سایت شما بیش از 10 مگابایت است، استفاده از چند فایل نقشه سایت ضرورت پیدا میکند. در اینصورت به فایل ایندکس نقشه سایت نیز نیاز دارید. البته میتوانید با استفاده از gzip حجم فایل و پهنای باند مورد نیاز را کاهش دهید ولی باید مطمئن شوید که سایز فایل نقشه سایت شما کمتر از 10 مگابایت شده باشد .
<<lastmod این تگ زمان احتمالی تغیرات برای هر فایل نقشه سایت را مشخص میکند
<sitemapindex> ایندکس نقشه سایت با این برتگ شروع و پابان می پذیرد.
<sitemap> این تگ اطلاعات مربوط به هر نقشه سایت را در خود جای میدهد.
هر فایل ایندکس میتواند تا 50000 فایل سایت مپ را در شامل شود.
گوگل پسوندهای متفاوتی را در هر سایت مپ شناسایی میکند. که این شناسایی بستگی به محتویات هر سایت دارد که ما میتوانیم با استفاده از سایت مپ این کار را برای موتورهای جستجو راحت تر کنیم. نقشه سایت 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 مانند زیر است:
اغلب کاربران ما، میپرسند که چگونه آنها می توانند نظر خود را در نوار کناری سایت وردپرس خود نشان دهند. این ایده خوبی است به نمایش گذاشتن محتوا که جرقه بحث و گفتگو در سایت شما است کمک می کند تا شما یک جامعه بحث در وب سایت خود بسازید، که به معنی تعامل کاربر و بازدیدکننده بیشتر برای وب سایت شما است. در این مقاله، ما به شما نمایش نظر در نوار کناری وردپرس را آموزش میدهیم ادامه مطلب
ادامه مطلب