یک چالش رایج: State Explosion
فرض کنید ۳ حالت Validation دارید:Valid / Invalid / Validating
و ۲ حالت Connection:Online / Offline
چند حالت دارید؟
۵ حالت — این اشتباه رایج است. ۶ ترکیب (۳×۲)
راهحل: این دو را مستقل نگه دارید.یک State Machine برای Validation.یک State Machine برای Connection.سپس آنها را ترکیب کنید.
در غیر این صورت، ۷ حالت به سادگیتبدیل به ۳۵ حالت میشود.
فرض کنید ۳ حالت Validation دارید:Valid / Invalid / Validating
و ۲ حالت Connection:Online / Offline
چند حالت دارید؟
۵ حالت — این اشتباه رایج است. ۶ ترکیب (۳×۲)راهحل: این دو را مستقل نگه دارید.یک State Machine برای Validation.یک State Machine برای Connection.سپس آنها را ترکیب کنید.
در غیر این صورت، ۷ حالت به سادگیتبدیل به ۳۵ حالت میشود.
۱پیش از تحویل هر طراحی،این چهار سوال را از خود بپرسید:
□ آیا PARTIAL_SUCCESS طراحی شده؟ (نه همهی فیلدها ذخیره شدند — نه همه خطا داشتند)
□ آیا CONFLICT طراحی شده؟ (نسخهی سرور جدیدتر است — این Error نیست)
□ آیا OFFLINE_QUEUE طراحی شده؟ (داده از دست نرود — منتظر sync بماند)
□ آیا رفتار Back Button در حالت SAVING طراحی شده؟ (اگر کاربر صفحه را ترک کرد، داده چه میشود؟)
□ آیا PARTIAL_SUCCESS طراحی شده؟ (نه همهی فیلدها ذخیره شدند — نه همه خطا داشتند)
□ آیا CONFLICT طراحی شده؟ (نسخهی سرور جدیدتر است — این Error نیست)
□ آیا OFFLINE_QUEUE طراحی شده؟ (داده از دست نرود — منتظر sync بماند)
□ آیا رفتار Back Button در حالت SAVING طراحی شده؟ (اگر کاربر صفحه را ترک کرد، داده چه میشود؟)
۱ یک تست ساده:دو تب از همان فرم باز کنید.در هر دو تب، همان فیلد را تغییر دهید.هر دو را ذخیره کنید.
نتیجه چیست؟
اگر UI صرفاً Success نمایش داد،حالت CONFLICT طراحی نشده است.
─────────────────────────
کدام حالت برای شما تازه بود؟ (با reaction نشان دهید)CONFLICT ->
OFFLINE_QUEUE -> PARTIAL_SUCCESS -> ۱
ممکن است با پیامی که در تصویر میبینید، مواجه شده باشید.
این پیام زمانی نمایش داده میشود که وباپ بله را در پنجرهای غیر از پنجره فعلی خود باز کرده باشید. در این صورت، اگر به پنجره قبلی بازگردید، با این پیام غیرفعال مواجه خواهید شد.
تیم طراحی محصول بله برای پیشگیری از conflictهای احتمالی، این راهحل را طراحی کرده است؛ بهطوری که در هر لحظه فقط یک پنجره از وباپ بله برای کاربر فعال باشد.
این پیام زمانی نمایش داده میشود که وباپ بله را در پنجرهای غیر از پنجره فعلی خود باز کرده باشید. در این صورت، اگر به پنجره قبلی بازگردید، با این پیام غیرفعال مواجه خواهید شد.
تیم طراحی محصول بله برای پیشگیری از conflictهای احتمالی، این راهحل را طراحی کرده است؛ بهطوری که در هر لحظه فقط یک پنجره از وباپ بله برای کاربر فعال باشد.
۳۱۱جالب است بدانید، اگر وباپ بله در تلفن همراه شما باز باشد، پنجره فعلی شما در browser لپتاپ یا کامپیوترتان همچنان فعال و قابل استفاده خواهد ماند.
۱
تاکنون به این سوال فکر کردهاید، که چرا برنامهنویسان، برخلاف طراحان، کدهای خود را بهطور عمومی به نمایش نمیگذارند؟پاسخ روشن است: عموم مردم و حتی متخصصان فنی غیربرنامهنویس، پس از مطالعهی کدها، قادر به درک تواناییهای فرد نخواهند بود. فهم کد برنامهنویسی مستلزم دانش تخصصی در همان زبان است؛ بهعنوان مثال، کدهای یک برنامهنویس جاوا تنها توسط برنامهنویس باتجربهی جاوا یا مدیر فنی قابل ارزیابی است. از اینرو، بهجای پلتفرمهایی مانند Dribbble یا Behance، ابزارهایی چون GitHub و GitLab رواج یافتهاند که در آنها نتیجهی کار توسط متخصصان همان حوزه و در بستری تخصصی بررسی میشود.
اما در حوزهی طراحی وب، ما از این نعمت کمی بیبهرهایم. طراحی ماهیتی نزدیکتر به درک شهودی انسان دارد و عموم مردم خود را شایستهی قضاوت دربارهی آن میدانند؛ مهمترین دلیلش نیز درگیر کردن عواطف ما در اثر است. هرچند مقالات بسیاری نوشته شده و بزرگان تأکید دارند که طراحی وب، همچون نقاشی، صرفاً اثر هنری نیست بلکه دارای کاربری بهخصوص و هدفی قابلاندازهگیری است، باز هم افراد تنها بر حسی که از طراحی یک سایت یا اپلیکیشن دریافت میکنند، استناد میکنند؛ حتی اگر ندانند آن اثر چگونه پدید آمده است.
به نظر شما، آیا پلتفرمهایی مانند Dribbble یا Behance با این شرایط، نیاز طراحان وب را برآورده میکنند؟بله -> خیر -> ۶آینده را چطور میبینید؟
در سالهای اخیر، هوش مصنوعی با کیفیت بیسابقهای که ارائه میدهد، به یکی از اجزای جداییناپذیر کار بسیاری از متخصصان تبدیل شده است.
به نظر من، این موضوع میتواند تا حدی خطرناک باشد. اراده، تخصص و مهارتهای یک متخصص چیزی نیست که بتوان روی آن قمار کرد. برنامهنویسان، طراحان گرافیک و طراحان محصول، با سالها تلاش، تجربه و یادگیری به جایگاهی رسیدهاند که امروز در آن قرار دارند.
اگر این افراد روزبهروز بیشتر به دنیای بینهایت هوش مصنوعی وابسته شوند، و روزی این ابزار به هر دلیلی غیرقابل استفاده شود—مثلاً اینترنت قطع شود، سرورها دچار اختلال شوند یا سیاستهایی اعمال شود که استفاده از آن را محدود یا غیراقتصادی کند—چه بر سر این متخصصانِ دیروز و وابستگانِ امروز یا آینده خواهد آمد؟
در عین حال، باور دارم هوش مصنوعی میتواند یکی از مهمترین ابزارهای پیشرفت علم و فناوری باشد؛ دروازهای برای جهشهای بزرگ در نوآوری و توسعه. اما نه به این معنا که همهچیز را به آن بسپاریم و صرفاً نظارهگر باشیم.
استفاده گسترده و بیرویه از هوش مصنوعی، حتی برای محیطزیست هم پیامدهای منفی دارد—چه برسد به اثرات آن بر زندگی انسانها.
نظر شما چیست؟
در سالهای اخیر، هوش مصنوعی با کیفیت بیسابقهای که ارائه میدهد، به یکی از اجزای جداییناپذیر کار بسیاری از متخصصان تبدیل شده است.
به نظر من، این موضوع میتواند تا حدی خطرناک باشد. اراده، تخصص و مهارتهای یک متخصص چیزی نیست که بتوان روی آن قمار کرد. برنامهنویسان، طراحان گرافیک و طراحان محصول، با سالها تلاش، تجربه و یادگیری به جایگاهی رسیدهاند که امروز در آن قرار دارند.
اگر این افراد روزبهروز بیشتر به دنیای بینهایت هوش مصنوعی وابسته شوند، و روزی این ابزار به هر دلیلی غیرقابل استفاده شود—مثلاً اینترنت قطع شود، سرورها دچار اختلال شوند یا سیاستهایی اعمال شود که استفاده از آن را محدود یا غیراقتصادی کند—چه بر سر این متخصصانِ دیروز و وابستگانِ امروز یا آینده خواهد آمد؟
در عین حال، باور دارم هوش مصنوعی میتواند یکی از مهمترین ابزارهای پیشرفت علم و فناوری باشد؛ دروازهای برای جهشهای بزرگ در نوآوری و توسعه. اما نه به این معنا که همهچیز را به آن بسپاریم و صرفاً نظارهگر باشیم.
استفاده گسترده و بیرویه از هوش مصنوعی، حتی برای محیطزیست هم پیامدهای منفی دارد—چه برسد به اثرات آن بر زندگی انسانها.
نظر شما چیست؟
۲۱اگر به Design System علاقهمند هستید و دوست دارید آن را فراتر از ساخت کامپوننتها یاد بگیرید، پیشنهاد میکنم حتماً سری به Design System شرکت Atlassian بزنید.
https://atlassian.design/design-system
این وبسایت فقط یک مستندات ساده نیست؛ مجموعهای از تجربهها، اصول، الگوها و تصمیمهایی است که پشت ساخت محصولات بزرگ قرار دارند. هنگام مطالعه آن، با موضوعاتی مثل طراحی رابط کاربری، دسترسپذیری، محتوا، تجربه کاربری و نحوه تفکر سیستمی در طراحی آشنا میشوید.
اما یک توصیه دوستانه:
لزوماً قرار نیست همه مطالب را در یک روز یا حتی یک هفته بخوانید. حجم محتوا بسیار زیاد است و اگر بخواهید همه چیز را پشت سر هم مطالعه کنید، احتمالاً بعد از مدتی خسته خواهید شد.
بهتر است هر بار یک بخش کوچک را انتخاب کنید، با حوصله بخوانید، درباره آن فکر کنید و ببینید چگونه میتوانید آن را در پروژههای خود به کار بگیرید.
به نظر من، این وبسایت از آن دسته منابعی است که ارزش دارد بارها به آن برگردید؛ چون هر بار نکته جدیدی برای یاد گرفتن پیدا میکنید.
اگر در مسیر یادگیری Design System هستید، این منبع میتواند برای مدتها همراه شما باشد.
https://atlassian.design/design-systemاین وبسایت فقط یک مستندات ساده نیست؛ مجموعهای از تجربهها، اصول، الگوها و تصمیمهایی است که پشت ساخت محصولات بزرگ قرار دارند. هنگام مطالعه آن، با موضوعاتی مثل طراحی رابط کاربری، دسترسپذیری، محتوا، تجربه کاربری و نحوه تفکر سیستمی در طراحی آشنا میشوید.
اما یک توصیه دوستانه:
لزوماً قرار نیست همه مطالب را در یک روز یا حتی یک هفته بخوانید. حجم محتوا بسیار زیاد است و اگر بخواهید همه چیز را پشت سر هم مطالعه کنید، احتمالاً بعد از مدتی خسته خواهید شد.
بهتر است هر بار یک بخش کوچک را انتخاب کنید، با حوصله بخوانید، درباره آن فکر کنید و ببینید چگونه میتوانید آن را در پروژههای خود به کار بگیرید.به نظر من، این وبسایت از آن دسته منابعی است که ارزش دارد بارها به آن برگردید؛ چون هر بار نکته جدیدی برای یاد گرفتن پیدا میکنید.
اگر در مسیر یادگیری Design System هستید، این منبع میتواند برای مدتها همراه شما باشد.
۲۲گاهی تفاوت بین یک وبسایت معمولی و یک وبسایتی که واقعاً در ذهن میماند، به جزئیات کوچکی برمیگردد که شاید در نگاه اول اصلاً به چشم نیایند.
در این ویدیو، ۶ نکته کاربردی برای طراحی وب مطرح میشود؛ از انتخاب بهتر فونتها گرفته تا ایجاد سلسلهمراتب بصری، استفاده از Visual Rhyming و پیدا کردن یک Star of the Show که بتواند در همان چند ثانیه اول توجه مخاطب را جلب کند.
اگر در زمینه UI یا طراحی وب فعالیت میکنید، به نظرم این ویدیو ارزش زمانی که برایش میگذارید را دارد.
https://youtu.be/pbhLsV-Dyho?is=necyWjNMFkX6oiTi
در این ویدیو، ۶ نکته کاربردی برای طراحی وب مطرح میشود؛ از انتخاب بهتر فونتها گرفته تا ایجاد سلسلهمراتب بصری، استفاده از Visual Rhyming و پیدا کردن یک Star of the Show که بتواند در همان چند ثانیه اول توجه مخاطب را جلب کند.
اگر در زمینه UI یا طراحی وب فعالیت میکنید، به نظرم این ویدیو ارزش زمانی که برایش میگذارید را دارد.
https://youtu.be/pbhLsV-Dyho?is=necyWjNMFkX6oiTi۳
برای خلاقیت بیشتر، گاهی باید AI را ببندیم!
آخرین باری که به طراحی چیزی نیاز داشتید و قبل از فکر کردن و ایدهپردازی، یکی از ابزارهای هوش مصنوعی را باز کردید، کی بود؟
همه ما روزانه برای رفع هر نیازی از مدلهای مختلف هوش مصنوعی استفاده میکنیم؛ اما همین استفاده بیرویه، خلاقیت، تفکر عمیق و صبر را از ما میگیرد.
دیروز وقتی به خودم آمدم، دیدم چند داکیومنت مختلف را خودم کلمه به کلمه ننوشتهام؛ بلکه فقط برای هوش مصنوعی توضیح دادهام چه میخواهم و او تمام بخشها را نوشته و من فقط کپی کردهام!یعنی درک عمیق روی موضوع داکیومنت را فدای سرعت و این حس کردم که «هوش مصنوعی دقیقتر مینویسد».
اما دیشب برای اسکچ یک صفحه، هوش مصنوعی را باز نکردم تا به من بگوید به چه بخشهایی نیاز دارم. یکراست قلم به دست گرفتم، فکر کردم و در نهایت ایدههایی را طراحی کردم که بدون شک با کمک هوش مصنوعی، حتی نزدیکش هم نمیشدم.
پس، دفعه بعدی که وسوسه شدید اول از هوش مصنوعی بپرسید، یک نفس عمیق بکشید و بگذارید ذهن خودتان کار کند. به شما قول میدهم خلاقتر از آن چیزی هستید که فکرش را میکنید و نتیجهاش شگفتزدتان خواهد کرد.
آخرین باری که به طراحی چیزی نیاز داشتید و قبل از فکر کردن و ایدهپردازی، یکی از ابزارهای هوش مصنوعی را باز کردید، کی بود؟
همه ما روزانه برای رفع هر نیازی از مدلهای مختلف هوش مصنوعی استفاده میکنیم؛ اما همین استفاده بیرویه، خلاقیت، تفکر عمیق و صبر را از ما میگیرد.
دیروز وقتی به خودم آمدم، دیدم چند داکیومنت مختلف را خودم کلمه به کلمه ننوشتهام؛ بلکه فقط برای هوش مصنوعی توضیح دادهام چه میخواهم و او تمام بخشها را نوشته و من فقط کپی کردهام!یعنی درک عمیق روی موضوع داکیومنت را فدای سرعت و این حس کردم که «هوش مصنوعی دقیقتر مینویسد».
اما دیشب برای اسکچ یک صفحه، هوش مصنوعی را باز نکردم تا به من بگوید به چه بخشهایی نیاز دارم. یکراست قلم به دست گرفتم، فکر کردم و در نهایت ایدههایی را طراحی کردم که بدون شک با کمک هوش مصنوعی، حتی نزدیکش هم نمیشدم.
پس، دفعه بعدی که وسوسه شدید اول از هوش مصنوعی بپرسید، یک نفس عمیق بکشید و بگذارید ذهن خودتان کار کند. به شما قول میدهم خلاقتر از آن چیزی هستید که فکرش را میکنید و نتیجهاش شگفتزدتان خواهد کرد.
۲