پنج نکته مهم در طراحی صفحات 404

1. مسئله پیش آمده را به کاربر توضیح دهید.
2. به زبان ساده با مخاطبان ارتباط بگیرید.
3. ابزارهای مناسب را برای بهبود وضعیت فراهم کنید.
4. هماهنگی با سایر صفحات را حفظ کنید.
5. لینک های از دست رفته را بهبود بدهید.

@frontdevir

طراحی UI/UX فرایند و مراحل خاصی دارد که هر فرد خلاق از اون‌ها استفاده میکند.

1- مرحله کشف: شروع به تحقیق کردن، الهام گرفتن و جمع کردن ایده‌ها.
2- مرحله تعریف: تعریف چیزی که کشف شده است.
3- توسعه: طراحی کانسپت و پروتوتایپ، فرایند آزمون و خطا برای بهبود و اصلاح ایده‌ها.
4- تحویل: مرحله آخر، محصول نهایی شده و با موفقیت اجرا شده.

@frontdevir

محبوب‌ترین ابزارهای طراحی رابط‌کاربری - UI

@frontdevir

برای فیلدها توضیحاتی کوتاه و اختصاصی بنویسید، اینجوری زمینه بهتری رو برای کاربر به وجود میارید.
#UX

@frontdevir

چیزی که شما از یک کاربر انتظار دارید ولی اتفاقی که در واقعیت میوفته!

@frontdevir

آخر هفته برنامه‌نویسا😅

@frontdevir

#SEO
#WebMasters

🔘 خلاصه نکات گوگل سرچ کنسول
سایت مپ #SiteMap یک فایل با فرمت XML است که دربردارنده لیست و ساختار محتوایی وبسایت است.

✔️ اطلاعاتی که سایت‌مپ در اختیار گوگل قرار می‌دهد:
1️⃣ صفحات سایت آخرین بار چه زمانی به‌روزرسانی شده‌اند.
2️⃣ هر چند وقت یکبار ممکن است به‌روزرسانی شوند.
3️⃣ آن صفحات در مقایسه با بقیه صفحات سایت چقدر مهم هستند.

🔸 آدرس صفحات سایت باید در نقشه به صورت absolute باشند، چرا که آدرس relative را شناسایی نمی‌کند.
🔸 فایل robots.txt دقیقا مخالف سایت‌مپ عمل می‌کند و به گوگل می‌گوید کدام بخش‌های سایت من را بررسی نکن.
🔸 گزینه URL Inspection همان fetch در پنل قدیمی است. در تعداد استفاده از آن به ظاهر محدودیتی وجود ندارد و زیاد استفاده کردن از آن نکته منفی در #google محسوب نمی‌شود.
🔸 نرخ تبدیل جایگاه اول سرچ گوگل در حال حاضر 32 درصد است. اگر در جایگاه اول هستیم و CTR پایینی داریم باید دلیل آن را بررسی کنیم و با تغییر noscript و metaی صفحه‌ای که در آن جایگاه داریم نرخ تبدیل را بالا ببریم.
🔹 ایمپرشن به صورت پیش‌فرض مربوط به نتایج صفحه اول گوگل است، مگر اینکه کاربر وارد صفحه دو شود (آن موقع تمام لینک‌های صفحه دو هم ایمپرشن می‌گیرند.)
- بخش Links بخش دقیق و قابل استنادی نیست، چون داده‌ها با تاخیر آپدیت می‌شوند.

🔲 سی تی آر CTR که مخفف click through rate می باشد به معنای درصد تعداد کلیک های وب سایت در تعداد نمایش وب سایت شما در نتیجه های جستجو می باشد. هر چه این درصد بالاتر باشد به معنای آن است که وب سایت موفقیت بیشتری در جذب بازدید کننده از موتورهای جستجو دارد که CTR معمولا به دو صورت کلی بر اساس کل کلمات و به صورت جزئی بر اساس کلمه کلیدی مورد نظر شما ارائه می گردد. برای آنکه CTR بالاتری داشته باشید می بایست عنوان مناسبی را برای صفحات سایت خود انتخاب نمایید تا باعث کلیک بیشتر بر روی لینک شما گردد. همچنین در کنار انتخاب عنوان جذاب و حرفه ای می بایست توضیحات meta مناسبی را در صفحات سایت خود استفاده نمایید تا کاربر با خواندن آن ترغیب به کلیک بر روی وب سایت شود.

🔳 ایمپرشن (Impression) چیست؟
ایمپرشن به تعداد نمایش وب سایت شما در موتورهای جستجو گفته می شود که این آمار نیز معمولا به صورت کلی یعنی برای کل سایت و به صورت جزئی که بر اساس هر کلمه کلیدی ارائه می گردد. در گوگل وبمستر تولز می توانید آمار نمایش وب سایت خود را برای تک تک کلمات کلیدی مشاهده نمایید. Impression بالای وب سایت وابسته به تعداد جستجوی کاربران و جایگاه وب سایت در موتورهای جستجو می باشد. به عنوان مثال در صورتی که سایت برای کلمه کلیدی صفحه اول باشد Impression سایت تعداد کامل جستجوی های انجام گرفته کلمه کلیدی می باشد و در صورتی که سایت صفحات دوم وب سایت Impression سایت تعداد کاربرانی از موتور جستجو را نمایش می دهد که وارد صفحه دوم وب سایت شده اند.

@fullStackDevs

username:admin , ...

@frontdevir

تفاوت‌های بین، wireframe, mockup, prototype
در این چند پست میخوایم تفاوت‌هارو به طور خلاصه بررسی کنیم.

پست ۱ از ۴

@frontdevir

وایرفریم(wireframe) طرحی است از آنچه که قرار است در آینده دیزاین شود، که ساختاری ساده از بلاک ها و بدون گرافیک می‌باشد.
یکی‌ از مراحل ux design است.

پست ۲ از ۴

@frontdevir

موکاپ(mockup) نسخه نهایی طراحی رابط کاربری است، البته، نه بیشتر.
همچنین موکاپ یک وسیله یا یک مکانی است که شما دیزانتون رو اونجا
قرار میدید. مثل iphone xs mockup یا bilboard mockup

پست ۳ از ۴

@frontdevir

پروتوتایپ(prototype) وایرفریم نیست، پروتوتایپ نشون میده که وبسایت یا اپلیکیشن چجوری کار میکنه. مثل شبیه سازی یک محصول واقعی.

پست ۴ از ۴

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏1. قانون Hick: با افزایش گزینه های قابل انتخاب برای کاربر، زمان تصمیم‌گیری کاربر (مثلا هنگام کلیک روی یک محصول و انجام خرید) افزایش
پیدا میکنه. (و این خوب نیست)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏2. قانون Fitts: کاربران روی دکمه های بزرگتر که نزدیکتر هستند، زودتر کلیک میکنند تا دکمه های کوچک/دور (پس دکمه call-to-action را برجسته تر کنید)

@frontdevir

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

ویدئوهای وایرال به سرعت توسط عده زیادی دیده می شوند، و این ویژگی بسیار مناسب برای بازاریابی است، چه روشی بهتر از اینکه خود کاربران تبلیغ کننده شما باشند؟ پایه این روش همان تبلیغات دهان به دهان است که به خاطر راضی بودن یک مشتری به بقیه نیز معرفی می شود و دیگران رایگان شما را تبلیغ می کننذ، چه روشی بهتر از این می شناسید؟

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

#زنگ_تفریح #مارکتینگ
@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‏3. قانون Jacob: کاربران بیشتر وقتشان را در دیگر سایتها می گذرانند و ترجیح میدهند سایت شما هم کارکردی شبیه دیگر سایتها داشته باشد.‏

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‌‏4.قانون Pragnanz: قانون پراگنانز میگه که ذهن شما تصاویر مبهمی رو که می بینه، تا جای ممکن ساده و قابل فهمش میکنه برای خودش. (این قانون به اصول ⁧#گشتالت⁩ باز می گردد)

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

‌‏5. قانون شباهت Similarity: المان هایی که شباهت ظاهری بیشتری نسبت به هم دارند، مرتبط به نظر می رسند.

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

6. قانون مجاورت (Proximity): اشیایی که نزدیک هم چیده میشوند، مرتبط به هم بنظر میایند.

@frontdevir

دوازده قانون ⁧#روانشناسی⁩ که باید در طراحی ⁧#تجربه_کاربری⁩ بدانید:

7. قانون Miller: یک انسان نرمال می توانید 7 چیز را در حافظه بلادرنگ خود نگه دارد. (این قصیه در طراحی #فروشگاه_اینترنتی که کاربر در حال مقایسه ویژگی‌های چند محصول است اهمیت ویژه ای داره)

@frontdevir