معماری اطلاعات در تجربه کاربری قسمت مهمی از آموزش رایگان دوره ui ux آژانس نوآوری رسام است. در این قسمت قصد داریم مفاهیم و تست‌های مربوط به معماری اطلاعات در تجربه کاربری را مورد بررسی قرار دهیم.
علم سازماندهی اطلاعات برای چارچوبی جهت چیدمان اطلاعات است تا کاربر به سرعت و سهولت به اطلاعات مورد نظر خود دست یابد. کاربر از کجا می آید؟ به چه منظور می آید؟ کجا قصد دارد برود؟ شما با استفاده از تست‌های مرتب‌سازی کارت و تست درختی، می‌توانید معماری اطلاعات سایت خود را بهبود ببخشید.
مفاهیم مربوط به معماری اطلاعات در تجربه کاربری
یک کتابخانه را در نظر بگیرید. دقیقا متناسب با نیاز مخاطبان خود، چیده شده است. معمولا ابتدا محتواهایی که زود به زود تغییر می‌کنند، مانند روزنامه، هفته‌نامه و ماه‌نامه ها را خواهید دید. سپس کتاب‌های پر استفاده کنکور و دانشگاه دیده می‌شود. در آخر به قفسه‌های کم بازدید می رسید. نه اینکه بد باشند. مخاطب کمتری دارند.
هزینه تعامل یا Interaction Cost
هزینه تعامل به مجموعه‌ای از تلاش‌های ذهنی و فیزیکی گفته می‌شود. کاربران باید در تعامل با یک سایت برای رسیدن به اهداف خود تلاش ذهنی و فیزیکی خود را بکار بگیرند. کاربران با اسکرول کردن، خواندن، کلیک کردن و درگ کردن، دقت کردن و… هزینه تعامل مصرف می‌کنند. آنها برای بررسی سایت شما بودجه‌ای را مصرف می‌کنند. این کار مشابه کالری مصرف کردن انسان‌ها موقع انجام کاری است. باید دقت کنیم که ساختار صفحاتی که ایجاد می‌کنیم، چقدر هزینه تعامل برای کاربران ایجاد می‌کند.
بار شناختی – Cognitive Load
بار شناختی یک تلاش ذهنی است که کاربر را برای پردازش استدلال اطلاعات و تصمیم گیری می‌طلبد. وقتی چیزهای جدیدی یاد می‌گیریم، مغزمان را بارگذاری می‌کنیم تا اطلاعات جدید را به خاطر بسپارد. همین که کاربران برای یادگیری و یافتن اطلاعات جدید، سایت شما را بررسی می‌کنند، این نوع رویکرد قطعا برای آنها بار شناختی خواهد داشت. اما باید تلاش کنیم، این بار شناختی به قدری زیاد نشود که باعث غیرکاربردی شدن محتوا و اطلاعات شما برای افراد بشود.
مدل‌های ذهنی – Mental Model
بخواهیم یا نخواهیم، کااربرانی که سایت یا محصول دیجیتال ما را می‌بینند، یک سازه ذهنی دارند. گاهی اطلاعاتی که کاربران می‌بینند، مطابق با آن سازه و مدل‌های ذهنی آنها نیست. این موضوع باعث ایجاد بار شناختی می‌شود.
یافت پذیری – Findability
هنگامی که یک قطعه اطلاعات قابل یافتن است، به این معنی است که مکان‌یابی یا شناسایی آن آسان است. به عنوان مثال، در کتاب‌ها، هر فصل به وضوح یادداشت و ترسیم شده است. کتاب‌های درسی شامل زیربخش‌ها هستند. روزنامه‌ها بر اساس موضوع سازماندهی می‌شوند. یک سیستم طراحی خاص در جای خود قرار می‌گیرد. مدام تکرار شده و اطلاعات را به بخش‌های مشخصی هدایت می‌کند. در این صورت درک مطالب برای خواننده آسان خواهد شد.
به همین دلیل است که فروشگاه‌های آنلاین هم بخش جستجوی پیشرفته دارند و هم یک مگامنو با ستون‌های متفاوت. زیرا ممکن است کاربری اسم دقیق کالایی را نداند و منوی سایت را بررسی کند. از طرفی، در منو سایت‌ها، اغلب دسته‌بندی مطالب و محصولات وجود دارد. در صورتی که شما با جستجو، می‌توانید مستقیم هم محصولی را بیابید. پس جستجوی پیشرفته، منو، دسته‌بندی متناسب با نیاز کاربران، وجود Breadcrumb و… کمک می‌کند تا یافت‌پذیری در معماری اطلاعات افزایش پیدا کند.
سلسله مراتب – Hierarchy
ما باید اطلاعات و محتوای خود را مطابق با سلسله مراتب مناسب، به کاربران خود نشان دهیم. مثال کتابخانه‌ای که در ابتدای مقاله زدیم را در نظر بگیرید. اگر آن چیدمان و سلسله مراتب نبود، افراد نمی‌توانستند محتوای مدنظر خود را به سهولت بیابند. یک جمله معروف در معماری اطلاعات وجود دارد که می‌گویند: بهتر است در 3 کلیک به صفحه مدنظر خود برسیم. این حرف گاهی درست است. اما ممکن است سایتی کم محتوا باشد و در 2 کلیک به صفحه مدنظر برسیم. همچنین ممکن است سایتی بسیار پرمحتوا باشد و در 4 کلیک هم به صفحه و مسیر مدنظر نرسیم. پاسخ این هست که اگر راهی وجود دارد که ما مسیر 6 مرحله را به 5 مرحله تقلیل دهیم، این کار را حتما انجام بدهیم.
تست‌هایی برای بهبود معماری اطلاعات در تجربه کاربری
برای بهبود معماری اطلاعات و شناخت نیاز کاربران از منظر چیدمان محتوا، می‌توان از تست‌های کاربردپذیری مانند مرتب‌سازی کارت، تست درختی، تست A/B و… استفاده کرد.
مرتب سازی کارت – Card Sorting
شما می‌توانید موضوعات محتوایی محصول دیجیتال خود را به صورت کارت بنویسید و از کاربران (در چارچوب پرسونای محصول‌تان) بخواهید آنها را متناسب با نیاز خود مرتب کنند. این تست هم با استفاده از ابزار و هم به صورت دستی، قابل انجام است. سه ابزار قدرتمند برای انجام تست‌های مرتب‌سازی کارت و درختی، معرفی کرده‌ایم.
روش‌های انجام تست مرتب‌سازی کارت
تست مرتب‌سازی کارت به سه شکل باز، بسته و ترکیبی انجام می‌شود. کاربران در روش باز با مشاهده کارت‌ها، خودشان دسته‌بندی ساخته و کارت‌ها را در آن دسته‌ها قرار می‌دهند. کاربران در روش بسته دسته‌ها را از قبل دارند و صرفا آنها را متناسب با نیاز خود، مرتب می‌کنند. در آخرین روش که ترکیبی از دو روش قبلی است، کاربران دسته‌ها را از قبل دارند اما اجازه ساخت دسته جدید را نیز دارند.
تست درختی – Tree Testing
تست درختی به بررسی، آزمون یافت‌پذیری و سلسله مراتب معماری اطلاعات می‌پردازد. برای انجام این تست نیز، از ابزارهایی که بالاتر معرفی کرده‌ایم، می‌توانید استفاده کنید. دقت کنید که مشابه سایر روش‌ها، کاربرانی باید برای تست مورد استفاده قرار بگیرند که در چارچوب پرسونای شما باشند.
روش انجام تست درختی
برای انجام این تست دو کار مهم دارید. درخت یا منوی سلسله مراتبی به صورت مجموعه‌ای از آکاردئون‌ها نمایش داده می‌شود. هدف از چنین طراحی نمایش دسته‌های پیمایش سایت بدون هیچ گونه طرح یا محتوای بصری است. همچنین، وظایف یا دستورالعمل‌هایی که به شرکت‌کنندگان در مطالعه می‌گوید که باید در درخت به دنبال چه چیزی بگردند.
وقتی شرکت‌کننده روی دسته‌ها کلیک می‌کند، آنها برای نمایش زیرمجموعه‌ها گسترش می‌یابند. شرکت‌کننده روی درخت (یا همان ساختار تو در تو) کلیک می‌کند تا زمانی که مکانی را پیدا کند که معتقد است حاوی اطلاعات مشخص‌شده و مورد نیاز اوست.
نقشه سایت – Sitemap
نقشه سایت یک نموداری از ارتباط صفحات با یکدیگر از نظر سلسله مراتب پدر و فرزند است. باید دقت کرد که نقشه سایت و userflow با یکدیگر متفاوت هستند. نقشه‌سایت، ساختار شرطی و flow ندارد. نقشه سایت یک نمایش بصری از سازماندهی محتوای سایت شما است. نقشه سایت سلسله مراتبی از گره‌ها است. این گره‌ها صفحات یا محتوای وب سایت شما را نمایش می‌دهد. فلش‌ها یا خطوط ارتباط بین صفحات وب را نشان می‌دهد.
نقشه سایت معمولاً به کاربران نشان داده نمی‌شود. زیرا فقط برای اهداف برنامه‌ریزی داخلی استفاده مورد استفاده قرار می گیرند. برخی از وب سایت‌ها نقشه سایت را برای تکمیل ویژگی‌های ناوبری اولیه نمایش می‌دهند. در آن شرایط، نقشه سایت به عنوان یک لیست سلسله مراتبی از پیوندها به تمام صفحات سایت نمایش داده می‌شود. برجستگی نقشه‌های سایت که به این روش نمایش داده می‌شوند با گذشت زمان کاهش یافته است، زیرا با سایر ویژگی‌های ناوبری پیشرفته‌تر جایگزین شده‌اند.
جریان کاربر – Userflow
روندی که کاربر هنگام پیشمایش محصول طی می‌کند. در userflow بهتر است حتی‌المقدور، گام‌ها کمتر باشند. البته گاهی یک محصول، به دلیل پیچیدگی، فلوی تو در تو دارد.
جریان‌های کاربر یا همان userflow نمودارهایی هستند که مسیری را که کاربر می‌تواند برای تکمیل یک کار طی کند، در حین تعامل با یک محصول، نشان می‌دهد. یک جریان کاربر بر نیازهای کاربر و کارآمدترین راه برای برآورده کردن آنها تمرکز می‌کند. طراحی یک جریان کاربر به معنای هدایت آسان کاربران از طریق یک وب سایت یا برنامه است. با درک سفر آنها شروع می شود. هدف شما ایجاد مسیری است که نیازهای آنها را برآورده کند. در userflow معمولا 4 شکل را زیاد خواهید دید.
- دایره: بیانگر شروع و پایان flow است.
- لوزی: بیانگر شرط است. مثلا کاربر لاگین کرده یا خیر.
- مستطیل: بیانگر صفحات در محصول دیجیتال شماست. مثلا صفحه محصول، سبد خرید، بلاگ و یا هر صفحه دیگری.
- خطوط: برای اتصال موارد بالا به یکدیگر به کار می‌رود.
آشنایی با Taskflow و Wireflow
اگر بخواهیم بگوئیم که Taskflow چیست، می‌توانیم همان تعریف userflow را به کار ببریم. فقط این تفاوت وجود دارد که مبتنی بر یک تسک خاص هست. مثلا نرم‌افزار اسنپ. طبیعی است که flow های مختلف و زیادی دارد. همچنین به قدری بزرگ است که ممکن است هر بخش، یک flow داشته باشد. در واقع تسک فلو همان یوزر فلو هست که برای یک ویژگی خاص از محصول، اضافه شده است.
در توضیح wireflow باید گفت که ترکیبی از userflow و wireframe است. اما چرا؟ پاسخ این هست که در پروژه‌های بزرگ، گاهی برای اینکه بتوانند بهتر flow را درک کنند و خواسته خود را به سایر تیم‌ها نشان بدهند، به‌جای آن مستطیلی که در بالا گفتیم صفحات هست، یک شماتیک کلی از طرح را می‌گذارند. به تصویر زیر دقت کنید.
در تصویر بالا به‌جای مستطیل، یک شماتیک کلی از وایرفریم آن صفحه طراحی شده است. به این ترتیب جزئیات flow بهتر دیده و درک می شود. البته wireflow لزوما در همه پروژه‌ها ممکن است طراحی نشود و برخی پروژه صرفا userflow داشته باشند.
ابزارهای طراحی userflow
نرم‌افزارهای زیادی برای طراحی userflow وجود دارند. miro.com که واقعا ابزار قدرتمندی برای طراحی flow و موارد مشابه هست. همچنین whimscal که واقعا خوب هست. اما این را هم باید بگوئیم که خود فیگما هم در دل خود، ابزار دیگری تحت عنوان figjam دارد که شما با آن می‌توانید انواع flow، چارت و نمودار، دیاگرام، پرسونا و به طور کل هر اطلاعاتی که در فرآیند قبل از ui بخواهید را طراحی کنید. ما در جلسه userflow، مفصل نرم‌افزار فیگجم را آموزش داده‌ایم. همچنین بعد از فیگجم، آموزش طراحی userflow را بیان کرده‌ایم.
جمع‌بندی
در این قسمت از دوره طراح رابط و تجربه کاربری (ui/ux) مفهوم معماری اطلاعات و متعلقات مربوط به این دانش مهم را توضیح دادیم. خوشحال می‌شویم تجربیات خود را با ما به اشترک بگذارید. همچنین اگر سوالی در مورد این قسمت از آموزش رایگان ui و ux داشتید از بخش دیدگاه‌ها، از متخصصین آژانس نوآوری رسام بپرسید. موفق باشید 😍
معرفی منابع و تمرین برای این جلسه
لطفاً بدون اینکه بهانه بیاورید، مقالات زیر را با عشق و علاقه مطالعه کنید و یک خلاصه یک صفحه‌ای برای خود بنویسید. نوشتن باعث می‌شود بهتر بیاموزیم. لینک اول یک مقاله جذاب از بحث هزینه تعامل است. لینک دوم، یک راهنمای پرمحتوا از بحث معماری اطلاعات است. ابتدا خود آن را مطالعه کنید. داخل آن بالای 45 مقاله دیگر لینک شده است. دست‌کم 3 مورد از آنها را مطالعه کنید. مثلا در خصوص تست‌هایی که به معماری اطلاعات، مرتبط است. افزون بر این، با ابزارهای آنلاینی که در ویدئو این جلسه معرفی شد، تست مرتب‌سازی کارت و تست درختی را بسازید. حتی اگر از مطالب معرفی شده زیر هم سوالی پیش آمد، آن را اینجا مطرح کنید تا به آن پاسخ بدهیم.
https://www.nngroup.com/articles/interaction-cost-definition
https://www.nngroup.com/articles/ia-study-guide
54 پاسخ
وقت بخیر و خسته نباشید. برای اینکه UI دیزاینر خوبی بشیم باید دوره ی CSS و HTML رو هم بگذرونیم؟
درود بر شما دوست گرامی، وقت شما بخیر
الزامی نیست اما یادگیری آن بسیار مفید است. در واقع html-css برای ui/ux designer ها یک مهارت نرم یا همان Soft Skill است. ابتدا همین دوره ui/ux رو تکمیل کنید. بعد دست کم چند نمونه‌کار بسازید. پس از آن اگر خواستید سراغ قوی‌تر کردن مهارت‌های نرم بروید.
موفق باشید.
استاد اپدیت های جدید انشالله کی میاد؟
درود بر شما دوست گرامی، وقت شما بخیر
محتوا تابستان امسال کامل شد و همه جلسات را بروز کردیم. در آینده ممکنه چند جلسه به فراخور زمان درج کنیم.
موفق باشید.
دورود استاد یک چیزی برام سوال شده استاد من می خواهم پروژه های فریلنسری کار کنم در آینده رو مسائل UX حسابی باید کار کنم یا اونقدر نیازی نیست اصلأ برای پروژه های فریلنسری چه مسائلی تو UX که شما یاد دادید باید کار کنم
درود بر شما دوست گرامی، وقت شما بخیر
بستگی به پروژه‌ای که می‌گیریم هم دارد. در برخی پروژه‌ها ممکن است موضوع صرفاً ui باشد و در برخی پروژه‌ها ممکن است موضوعاتی به جز ui در دایره ux هم وجود داشته باشد. باید حداقل در سطح متوسط بدانیم به نظرم.
موفق باشید.
سلام وقتتون بخیر، ممنون بابت مطالب خوبتون، فقط یه سوالی برام پیش اومده، من که تمرکز اصلیم قراره ui باشه بازم این مراحل رو نیاز دارم انجام بدم؟ اخه به نظرم تو پروژه‌هایی که مشابه اون زیاده، مثل آنلاین‌شاپ‌ها، میشه از مشابه‌ها ایده گرفت برای معماری اطلاعات بدون اینکه نیاز باشه تست انجام بشه، با این حساب من موضوعاتی که تو این جلسه مطرح کردید رو همچنان باید حسابی روشون کار کنم؟ مثل همین تسک فلو و…؟
درود بر شما دوست گرامی، وقت شما بخیر
اگر هدف صرفاً ui هست می‌توانید این بخش رو یکبار ببینید آشنا بشوید. بعد ui رو با جدیت بیشتری تمرین کنید و جلو ببرید و بعداً در گذر زمان موضوعاتی که سریع‌تر رد شدید رو هم باز قوی‌تر کنید. لزوماً اینطور نیست که معماری سایت‌های فروشگاهی مشابه باشد. هر پروژه داستان خودش را دارد. مثلا دیجی‌استایل محصولاتش عمدتا براساس جنسیت Sort شده در صورتی که دیجی‌کالا براساس نوع کالا Sort شده. با اینکه هر دو مورد برای یک شرکت هستند.
موفق باشید.
درود استاد استاد می خواستم بدونم که وقتی می خوایم شروع به کار کنیم بجز فیگما باید به ابزار هایی مسلط باشیم. استاد بعد از تمام شدن دوره میشه شروع به کار کرد بعد اینکه در بازار های خارجی مثل Upwork freelancer چی اگه حساب خارجی داشته باشیم به صورت دلاری می‌تونیم کار کنیم.
درود بر شما دوست گرامی، وقت شما بخیر
در قدم اول فیگما. فتوشاپ و ابزارهای هوش مصنوعی نیز بسیار بسیار مفید و کمک‌کننده هستند. الان اوایل دوره هستید حتما ادامه بدهید. من در جلسات آخر محتوا بازم معرفی کردم. بله می‌توانیم در داخل و خارج از کشور کار کنیم اما حتما قبلش بایستی نمونه‌کار بسازیم. ما در این دوره یک پروژه رو انحام می‌دهیم و کلا با یک پروژه دوره جلو می‌رود.
موفق باشید.
سپاس از محبتتون
استاد امکانش هست به من راهنمایی بفرمایید چجوری میتونم ممیزی مدیا انجام بدم؟ مطلب درموردش هست اما گستردگیش زیاده. اما مطالب اینجا خیلی مختصر و مفیدن راحت‌تر میتونم یادشون بگیرم. میشه لطفا اگر منبعی هست که اینجوری بتونم ممیزی مدیا و میکرو اینتراکشن‌ها رو یاد بگیرم بهم معرفی بفرمایید. وقتی بیشتر منبع پیدا میکنم احساس سردرگمی بیشتری پیدا میکنم. شما خیلی بیشتر از من مطالعات داشتین مطمئنا می‌دونین چجوری میشه مدیریت کرد تا گیج نشد اما من نمیتونم خوب مدیریتشون کنم استاد و احساس سردرگمی میکنم و ازشون می‌کشم بیرون. میشه لطفا بهم بگین چجوری آیتم‌ها رو بخونم و چجوری خوندنشون رو محدود کنم که گیجم نکن. از هوش مصنوعی هم کمک گرفتم ولی هرچی ازش میپرسی باز انگار یه چیز جدید برای گفتن داره همیشه. من اصلا نمیخوام همهههههه چیز رو بدونم در حدی که فقط بتونم یه عضو مفید در یک پروژه خوب باشم همین البته بحث علاقه هم هست که واقعا فهمیدنشون خیلی حال خوب کن هست اما نمیخوام گیج و خسته بشم.
درود بر شما دوست گرامی، وقت شما بخیر.
کمی به‌نظرم طبیعی هست که گستردگی محتوا زیاد باشد. خود بحث معماری اطلاعات یک دانش پایه‌ای از تجربه کاربری هست و خب بدیهی است که هیچ دوره‌ای نمی‌تواند همه آن را پوشش بدهد. شاید همه جلسات دوره ما را ندیده باشید چون برخی از مسائل مذکور، در سایر جلسات ما نیز هست. من یک پیشنهاد دیگر هم که دارم این هست که دست‌کم جلسه مربوط به معرفی منابع و بهبود رزومه کار را مشاهده بفرمائید. آنجا نیز دوره‌هایی را معرفی کرده‌ام. اگر مایل بودید آن جلسه را ببینید و دوره‌های معرفی شده را بررسی بفرمایید چه بسا نزدیک‌تر باشند به موضوعاتی که مدنظر دارید.
موفق باشید.
سلام وقتتون بخیر، بعضی از مطالب طولانی شما رو برای جزوه میدم هوش مصنوعی خلاصه کنه، مشکلی پیش نمیاد؟
درود بر شما دوست گرامی، وقت شما بخیر.
نه مشکلی نیست.
موفق باشید.
سلام وقتتون بخیر ، تشکر میکنم ازتون بابت زحماتی که می‌کشید برای دوره.
برای طراحی یک رابط کاربری موبایل، user flow و task flow نیازه؟ توی قسمت task flow قابلیت‌های اون رابط کاربری نوشته میشه؟ به عنوان مثال انیمیشن های صفحات.
درود بر شما دوست گرامی، وقت شما بخیر
بله نیاز هست. خصوصا در اپلیکیشن‌هایی که صفحات بیشتری دارند و پروفایل و لاگین دارند، این مسئله مهمتر هم هست. tasflow براساس feature های محصول نوشته می‌شود. مثلا فرض کنید در یک اپلیکیشن سفارش غذا، ما بخواهیم یک قابلیت (feature) اضافه کنیم که کاربر بتواند نوع ظرف غذا و بسته‌بندی خود را سفارشی‌سازی کند. این یک قابلیت یا feature هست که برای آن taskflow طراحی می‌شود. یک userflow می‌تواند شامل چندین taskflow بشود. برای نمایش اتصال بین صفحات معمولا wireflow می‌کشند که آن هم لزوماً بیانگر انیمیشن‌ها نیست. برای ایجاد انیمیشن‌ها باید Prototype ساخت که در جلسات پیش رو، آن را خواهید دید.
موفق باشید.
سلام و عرض ادب خدمت استاد گرامی،
ضمن عرض تشکر از مبحث عالی و کامل معماری اطلاعات. اگر من آموزش‌های سایت گروه آقای نورمن (که بنده خیلی به شیوه فکریشون علاقه مندم) رو رفرنس قرار بدیم، جای خالی صحبت در مورد ممیزی محتوا و مدیا (content inventory و content audit) که در بخش معماری اطلاعات انجام میشه ، خالیه. واقعا دوست داشتم نظر استاد گرامی خودم رو درمورد نحوه ممیزی ها بدونم.
مورد دیگه اینکه ای کاش در بین این همه مطالب عالی، یه جایی هم درمورد interaction & micro-interactions مفصل‌تر صحبت می‌کردیم.
درود بر شما دوست گرامی، وقت شما بخیر.
سپاس از لطف و مهربانی شما. مشخصه خیلی عمیق و حرفه‌ای و به نظرم ریشه‌ای، مباحث رو جلو می‌برید. فرمایش شما صحیح است. اما خب راستشو بخواهی، معماری اطلاعات ماشاالله یک دوره هست خودش. حداقل به شخصه اندازه 40 ساعت میتونم اونو تدریس کنم و محتوا بگم. ولی خب یه مشکلی که دارم مخاطب تخصصی مثل شما کم هست و این سطح از محتوا، کم مطالبه میشه. البته منظورم این نیست که کسی دنبالش نیست. بالاخره هستند افرادی مثل شما که دنبال محتوای تخصصی‌تر هم هستند. اما خب حتی همین دسته از افراد هم گاهی برخی‌شون خیلی به محتوای رایگان (خصوصا فارسی) اعتماد نمی‌کنند. یه مشکل دیگه هم که هست اینه که سطح دوره متوسط هست و نهایتا برخی از قسمت‌های ui آن می‌تواند پیشرفته هم به حساب بیاید. به خاطر همین مخاطبی که تازه شروع کرده ممکنه واقعا خسته بشه. این افراد در قدم اول باید خیلی با ملایمت آموزش ببینن تا دلزده نشوند. خیلی تبریک به شما. امیدوارم همین طوری عالی پیش بروید. اگر خواستید به من پیام در تلگرام پیام بدهید من محتوای تخصصی‌تر نیز ارسال کنم برای شما. البته خب ما نیز دوره خود را در گذر زمان بروز می‌کنیم و هربار محتوای آن را غنی‌تر خواهیم کرد.
موفق باشید.
سلام
من هم یه جورایی سوال دارم و هم یه جورایی راه حل میخوام. تو بخش دسته بندی کارت بهتر نیست از سایت‌های رقیب استفاده کنیم یا حتی نمودار درختی. کم پیش میاد که بخوایم سر یک موضوع خاص سایت بسازیم.
قطعا این درس برامون مفید بود و یه چیزی هم به دانش ما اضافه کرد ولی بهتر نیست که این مسئله رو سخت نگیریم. فرض مثال در بخش دسته بندی لوازم خانه اصلا نیاز به تحقیق نداریم که بخوایم دسته بندی کنیم هرکسی میدونه که مثلا مخوط کن یا آب میوه‌گیری جزو لوازم برقی آشپزخانه هست.
درباره این سوالم ممنون میشم مشورت بدین. بازم ممنون.
درود بر شما. وقت شما بخیر.
به طور کل اصلا تحلیل رقبا خیلی مقوله مثبت و ارزشمندی هست و در جلسات پیش هم در مورد آن صحبت کردیم و شیوه ساخت آن و جمع‌آوری اطلاعات مربوط به آن را نیز توضیح دادیم. اما خب اینطور نیست که در معماری اطلاعات بگوئیم که صرفاً به تحلیل رقبا و بررسی سایت‌های دیگر می‌توانیم بسنده کنیم. خصوصا در آموزش بنده خب باید محتوا را طوری ارائه کنم که مخاطب اگر محصول جدید و خاصی هم مدنظر داشت بتواند کار را پیش ببرد. موضوع مهمتر اینکه بالاخره همان بیزنس‌های رایج هم با هم تفاوت دارند. ما نمی‌توانیم بگوئیم که مخاطبان سایت جانبی و دیجی‌کالا و تکنولایف و… مشابه هم هستند. درسته که رقیب و همکار هم هستند اما لزوما هم‌پوشان کامل نیستند و حتی مخاطبان آنها نیز در پاره‌ای از موارد یکسان نیست و تمام پرسوناهاشون شبیه هم نیست.
بحث مهم دیگر اطلاعات ارزشمندی است که می‌توانیم دقیقا با بررسی کاربرانی که در تست‌هایی مثل کارت سورتینگ شرکت کردند بدست بیاوریم. چون آنها دقیقا متناسب با پروژه ما، در آن تست شرکت کرده‌اند. در خصوص مثال لوازم خانگی، اتفاقا بسیار مثال خوبی هست. اگر دقت کنید کلی از لوازم خانگی هوشمند و جدید که شیاومی این روزا تولید می‌کند، در دسته‌های متنوعی می‌تواند قرار بگیرد. خیلی هاشون هوشمند شدند و شارژی هستند و کاربران توقعات مختلفی از آنها دارند. مهمتر اینکه ترجیحات و خواسته‌های کاربران نیز در گذر زمان تغییر می‌کند و این کاملا طبیعی است که به تست‌هایی مثل کارت سورتینگ و تست درختی، احتیاج داشته باشیم.
موفق باشید.
درود مجدد این مفاهیم در دانشگاه داشتیم به اسم تحلیل طراحی سیستم مشابه مقاله توضیحات شما بود عالی گفتید حیف که دانشگاه سرسری گرفتم و چون استاد سواد نداشت در حد تئوری می‌گفت یه سوال
دست‌کم 3 مورد از آنها را مطالعه کنید. مثلا در خصوص تست‌هایی که به معماری اطلاعات، مرتبط است. افزون بر این، با ابزارهای آنلاینی که در ویدئو این جلسه معرفی شد، یک سوال الان با این ابزار ها کار بکنیم و سایتی که مد نظر خودمون هست پیاده کنیم؟ مثلا سیستم سایتی که میخوام پیاده کنم(مثاله) سیستم لاگین انتخاب واحد هست که دانشجو بیاد وارد بشه و شکل دایره لوزی هارو باید رسم کنم درسته؟
درود بر شما ارشیا جان. وقت شما بخیر
بله درست فرمودید. شما می‌توانید یک سیستم طراحی کنید و برای آن userflow بسازید. می‌توان ابتدا برای تمرین userflow ساده‌تری درست کنیم که آهسته آهسته در طراحی آن قوی‌تر بشویم. همچنین یک سری مقاله هم لینکش رو گذاشتیم که اگر کسی خواست از نظر تئوریک هم مطالب را بیشتر بخواند تا عمیق‌تر بیاموزد.
موفق باشید.
درسته ممنون من کارآموزی یجایی سئو می‌رفتم و می‌گفتن لینک به سایت دیگه خواستی بدی حتما nofollow کن چون اعتبار منتقل میشه ولی خب سئو کار ها و بقول شما سایت هایی که معتبرن نه تنها مشکلی نیست بلکه خوبه برا سایت خودمون
درود بر شما ارشیا جان. وقت شما بخیر
درست گفتند و شما هم درست می‌فرمایی. در واقع ما عمده لینک‌های خارجی سایت را nofollow بایستی بکنیم به جز اون مواردی که در کامنت قبل عرض کردم. بنابراین همانطور که خودت هم اشاره فرمودی، اغلب لینک‌های خارجی nofollow می‌شوند.
موفق باشید.
سلام خیلی جالبه که این طراحی سایت سئو و ui,ux بهم گره میخورن سوالی که دارم اینه لینک خارجی که به سایت های غیر سایت خودتون میدین follow هست یا no follow? چون ی سریا سئو کارا اعتقاد دارن اعتبار منتقل میشه ی سریا میگن مشکلی نیست عوضش گوگل مارو به عنوان سایت معتبر می‌شناسه میخواستم بدونم نظر شما چیه ؟
درود بر شما ارشیا جان. وقت شما بخیر
بله این سه تخصص جاهایی باهم در ارتباط و همکاری هستند و مشترکاتی هم دارند. بحث لینک فالو و نوفالو خیلی گسترده است حتما دوست داشتید دوره سئو ما را ببینید آنجا همکارم مفصل آموزش دادند. کلا به لینک‌های خارجی که ارتباط موضوعی خوبی دارند، اعتبار دامنه و صفحه بالایی دارند، اسپم اسکور ندارند و چند موضوع دیگر، معمولا لینک فالو می‌دهیم.
موفق باشید.
سلام اقای حمداللهی خسته نباشید.
من یک سوالی ازتون دارم. من توی دبیرستان گرافیک خوندم و به تازگی دیپلم گرافیک گرفتم. تازه کنکور دادم و به زودی باید برای دانشگاه اقدام کنم. چون به این زمینه ی ux ui و بخصوص ui علاقه داشتم الان چند هفته ای میشه که نشستم پای آموزش های خوبتون و مدام تمرین میکنم و مطلب میخونم. کنارش دارم به علاقه های دیگم هم ادامه میدم مثل یادگیری ادیت ویدیو و …
سوالی که من دارم اینکه به نظرتون اصلا برم دانشگاه یا خودم اینارو جلو ببرم ؟ آیا برای کار کردن در این زمینه صرفا نیازی به مدرک هست ؟ اگر دانشگاه نرم و به جاش مرتب تمرین کنم و کار کنم و مهارت هامو افزایش بدم بهتر نیست ؟
و اینکه میخواستم گرافیک برم که تقریبا میتونم بگم پشیمون شدم
خواستم نظر شمارو در این مورد بدونم
بازم کلی ممنونم بابت اموزش های خوب و مفیدتون
درود بر شما. وقت شما بخیر
سوال بسیار خوبی پرسیدید. من چون سال‌هاست تدریس میکنم و اخیرا در بزرگترین واحد دانشگاه آزاد هم مشغول تدریس هستم، از اوضاع بد دانشگاه‌ها، برخی از مدرسین و متاسفانه برخی از دانشجویان اطلاع دارم. برخی دانشگاه‌ها حتی توانایی حل مشکلات خودشان را هم ندارند و برای برگزاری انتخاب واحد، به مشکل می‌خورند. خودم تا دکترا پیش رفتم اما این را می‌خواهم بگویم که متاسفانه دانشگاه به ما مهارت یاد نمی‌دهد. برخی میگن دانش به ما می‌دهد که همان را هم نمی‌دهد. البته دانشگاه‌های مطرح و دولتی تا حدی اوضاع بهتری دارند.
علی‌رغم همه این تفاسیر، خصوصا اینکه اگر خانم هستید و قرار نیست سربازی بروید، بازم دانشگاه بروید. تا مقطع لیسانس، مثبت هست. چون خود دانشگاه برای ما ارتباطاتی می‌سازد. قصد ندارم حرف خودم را نقض کنم چون از ابتدا می‌دانستم که در انتها میخواستم به شما چه بگویم. بنابراین پیشنهاد میکنم رشته‌ای که نزدیک‌ترین موضوعیت را به علایق شما دارد انتخاب کنید. اما این را بدانید که نباید مثل بقیه دانشجوها منتظر باشید که این 4 سال تمام بشود. کل آن 4 سال رو باید به شدت دوره بگذرانید (بیرون دانشگاه). مهارت بیاموزید. ارتباطات جدید بسازید، پیج اینستاگرامی بزنید و نمونه‌کارهای خود را منتشر کنید، اگر علاقه به تولید محتوا داشتید بعدا در یوتیوب هم این کار را انجام بدهید. سعی کنید در زبان انگلیسی، هوش مصنوعی، فناوری اطلاعات، خودتان را قوی کنید. این سه مهارت نرم را حتما جدی بگیرید در کنارش دانشگاه هم بروید چون خود دانشگاه هم کنار اینها می‌تواند مزایای ریزی داشته باشد. اما اشتباه دانشجویان این هست که به همین مزیت ریز بسنده می‌کننده و سراغ یادگیری نمی‌روند و در نهایت بعد از فارغ‌التحصیلی، احساس می‌کنند که چیزی ندارند.
موفق باشید.
وقتتون بخیر استاد عزیز.
عذر میخوام یک سوال برای من پیش اومد. آیا سایت مپ و نمودار درختی در ریسرچ، با همدیگه ارتباط دارند؟ به عبارتی نمودار درختی عامل ایجاد کننده سایت مپ در مرحله بعد هست؟ آیا نمودار درختی کاربرد دیگه ای هم داره؟
درود بر شما ابوالفضل جان. وقت شما بخیر
هم Sitemap و هم Userflow و هم Tree در موضوعات دیگر هم استفاده می‌شوند و کلا در رشته‌های فنی، این قبیل نمودارها (با کاربردهای مختلف) وجود دارند. منظور از نمودار درختی رو متوجه نشدم. اگر منظور تست درختی هست اغلب این تست در معماری اطلاعات و کاربردپذیری انجام می‌شود. اما اگر منظور Sitemap و Userflow هست، خب این دو تا هیچ کدام زیرمجموعه دیگری نیستند. هر دو کمک می‌کنند که شما بهتر ساختار محصول را شناسایی کنید و بکشید و اطلاعات خود را برای انجام مراحل بعدی کامل‌تر کنید. دیدید داخل نقشه‌ها، با زوم کردن، مقیاس رو کوچک یا بزرگ می‌کنیم؟ هر دو لازم می‌شوند. در واقع نقشه بزرگ مقیاس، زیرمجموعه کوچک مقیاس نیست از هر دو استفاده می‌کنیم که بهتر بتونیم محیطی را درک کنیم.
موفق باشید.
سلام وقت بخیر بسیار روان توضیح میدهید .کسب و کارتون پر رونق..
درود بر شما راضیه جان. وقت بخیر
از لطف و مهربانی و همراهی شما سپاسگزارم. شاد و سلامت باشید همیشه.
موفق باشید.
سپاس که این دوره اموزش گذاشتید
درود بر شما خانم یعقوبی. وقت بخیر
سپاس از لطف و مهربانی شما. شاد و سلامت باشید همیشه.
موفق باشید.
سلام و عرض ادب
استاد برای تست های کاربردپذیری بهتره به سایت یوزرتستینگ مسلط باشیم یا uxtweak؟؟ یا بهتره به هردو مسلط باشیم؟؟
درود بر شما. وقت بخیر
در این قبیل موضوعات، همیشه یک ابزار ایرانی و یک ابزار مطرح و خوب بین‌المللی را بلد باشید. اینطوری داخل ایران ابزار ریالی و ارزان و فارسی دارید. خارج از ایران هم ابزار بین‌المللی بلدید و دانش بروز دارید.
موفق باشید.
سلام استاد عزیز اگر امکانش هست فایل فیگمای صفحات اموزشی رو قرار بدید خیلی می تونه برای دوره مطالب مفید باشه
درود بر شما. وقت بحیر
تا یک و نیم ماه بعد دوره تکمیل بشود مستندات آموزشی و فایل پروژه را درج خواهیم کرد.
موفق باشید.
با سلام
ممنون از آموزش خوبتون
یه سوالی داشتم، تو سایت UX Tweak وقتی میخوام launch کنم ارور (Issue with the screening question) می‌ده و نمیتونم خروجی بگیرم.
درود بر شما. وقت بحیر
من خودم تا به حال با این خطا مواجه نشدم تا به حال. در نسخه رایگان، محدودیت‌هایی در Launch داره. مثلا اگر Study های زیادی ساخته‌اید، ممکن است اجازه Launch ندهد.
موفق باشید.
سلام و خدا قوت
آپدیت های جدید عالی هستن، ممنون از وقتتون🌸🌸
درود بر شما. وقت بحیر
سپاس از لطف و همراهی و مهربانی شما دوست عزیز.
موفق باشید.
درود استاد
واقعا از آموزش های شما لذت میبرم یک پکیج کامل و سخاوتمندانه.
ممنون
درود بر شما. وقت بخیر و عرض ادب
سپاس از لطف و مهربانی شما. از ته دل امیدواریم که مفید واقع بشود و شرمنده هم‌میهنان خویش نشویم.
ارادتمندم. موفق باشید.
سلام مجدد و روز بخیر. من دیروز به جلسه ششم رسیدم و همانطور که گفتید قبل از اینکه در مورد مفاهیم گفته شده سرچ نکردید به آموزش بعدی نرید، من هم توی یوتیوب و chat gbt در مورد عناوین مطرح شده سرچ کردم تا اطلاعات بیشتری بگیرم. منظور شما هم در همین حد بوده یا تخصصی تر؟ ضمنا در مورد نسبت طلایی میخوام بدونم توی پروژه‌ها به طور دقیق با فرمولی که داره محاسبه میشه همه چی؟ یا اینطوری نیست؟ بازم بی نهایت ممنونم از دوره و وقتی که گذاشتین
درود بر شما. وقت شما بخیر
تبریک به شما. خیلی روش خوبی هست که موضوعات مطرح شده رو هم جستجو می‌کنید. همین مقدار که جستجو کردید خوبه. اگر خیلی هم عمیق بشویم ممکنه موضوع اصلی کنار گذاشته بشه. هوش مصنوعی copilot و gemini که به ترتیب برای ماکروسافت و گوگل هستند هم خیلی خوبند. نسبت طلایی همان عدد 1.618034 هستش اما استفاده از این نسبت در UI الزامی نیست. فعلا این رو صرفا بشناسید شاید در پروژه ها استفاده بشود و شاید هم استفاده نشود. (در واقع این مورد الزامی به استفاده از آن نیست).
موفق باشید.
استاد بی نظیرید دمتون گرم واقعا که تمامی نکات رو توضیح میدید
درود بر شما. وقت بخیر
سپاسگزارم از لطف و مهربانی شما. امیدوارم مفید واقع بشود.
موفق باشید.
حمداللهی عزیز بسیار سپاس گزارم
درود و سپاس از لطف و مهربانی شما
سلام ممنون از وقتی که گذاشتین برای ضبط دوره . فقط اگر ممکنه لطفا تو دوره های بعدی ، میکروفون بهتری باشه. چون بااین میکروفونی که این دوره رو ریکورد کردین ، کوچکترین صداها (حتی قوت دادن اب دهان ) رو ریکورد میکنه و این صدا خییلی برام اذیت کننده بود ولی بااین حال چیزی از ارزش های این دوره مفیدکم نمیکنه . ممنون از توجهتون
درود بر شما دوست گرامی
وفت شما بخیر
سپاس از لطف و مهربانی و پیشنهاد خوب شما. به روی چشم. بهبودش می‌دهم.
موفق باشید.
بسیار عالی.
درود و سپاس از همراهی شما.