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

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

ترفندهای مفید htaccess برای وردپرس
سه شنبه ۱۱ مهر ۹۶

ترفندهای مفید htaccess برای وردپرس

فایل .htaccess یک فایل پیکربندی قدرتمند است که به شما اجازه می دهد تا بسیاری از کارها را به صورت شسته و رفته  در وب سایت خود انجام دهید. در این مقاله ما برخی از ترفندهای مفید برای .htaccess برای وردپرس که شما می توانید از آن استفاده کنید را شما نشان می دهیم. ادامه مطلب

ادامه مطلب
تفاوت بین UX و UI چیست؟
سه شنبه ۱۱ مهر ۹۶

تفاوت بین UX و UI چیست؟

امروزه بیشتر در بین افراد ، بحث در مورد تفاوت بین UX و UI و نقاط ضعف و قوت آنها برای یک وب سایت است. آیا این یک زبان مخفی است که هرگز به آن دسترسی نخواهید داشت؟ آیا این افراد فقط به استفاده از عامیانه نگاه می کنند؟ ادامه مطلب

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

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

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

فید توییتر

فید توییتر

 

فید توییتر

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

 

توییتر تنها سایت توی این مورد نیست. 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

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

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

وردپرس شبکه

ادامه مطلب

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

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

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

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

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

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

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

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

ادامه مطلب

ادامه مطلب

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

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

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

تلگرام