https://virgool.io/feed/@yeson شرکت پویا فناوران یسان، تولیدکننده انواع دستگاه تصفیه هوا از سال ۱۳۹۸ fa 2026-06-10 12:47:54 https://static.virgool.io/images/default-avatar.jpg https://virgool.io/@yeson https://virgool.io/@yeson/4-%D9%85%D8%AA%D9%88%D8%AF-%D8%B3%D8%B1%DB%8C%D8%B9-%D9%88-%D8%A8%D8%B1%D8%AA%D8%B1-%D9%86%D9%85%D9%88%D9%86%D9%87-%D8%B3%D8%A7%D8%B2%DB%8C-prototype-lwqpq4e7unfz وظیفه طراحی همواره حل مشکلات است. وقتی طراحان روی یک محصول جدید کار می کنند، بدنبال ایجاد راه حل بهینه برای یک مشکل خاص هستند. یافتن یک راه حل ایده آل برای یک مسئله، با اولین تلاش ها تقریباً غیرممکن است. به همین دلیل طراحان مجبورند برای ایجاد نمونه های اولیه و اعتبار سنجی آنها وقت بیشتری بگذارند.به معنای واقعی کلمه، راه های بسیاری برای ساخت نمونه های اولیه وجود دارد، اما در این مقاله، من 4 روش برتر نمونه سازی سریع (Prototype) را انتخاب کرده ام.1. نمونه اولیه کاغذی (Paper Prototype)نمونه اولیه کاغذ یکی از نمونه های اولیه است که می توانید استفاده کنید، نمونه اولیه آن با استفاده از قلم و کاغذ ایجاد شده است. نمونه سازی با کاغذ به شما امکان می دهد چندین نسخه از طرح خود ایجاد کنید و به سرعت آنها را در اختیار کاربران قرار دهید.نمونه اولیه کاغذی (Paper Prototype)زمان استفاده: رابط های کاغذی در مراحل اولیه فرآیند طراحی محصول مفید هستند - هنگامی که می خواهید چند جهت مختلف را کاوش کنید و یاد بگیرید کدام یک برای کاربران شما بهترین کاربرد را دارند.مزایا:ایجاد آسان نمونه سازی کاغذ به ابزار خاصی احتیاج ندارد - همه آنچه شما نیاز دارید قلم و کاغذ است. در عرض چند دقیقه امکان ایجاد نمونه اولیه وجود دارد.بازخورد اولیه . در اوایل مراحل طراحی و با هزینه بسیار کم می توانید ایده های خود را با کاربران آزمایش کنید. این به شما امکان می دهد بازخورد کاربران را به صورت لحظه ای دریافت کنید.معایب:تلاش بیشتر در هنگام تست قابلیت استفاده. شبیه سازی تعاملات ممکن است سخت باشد. شما باید شخصی (مجری) داشته باشید که مجموعه ای از کاغذها را برای شبیه سازی تعامل روی میز حرکت دهد.باید طراحی خود را برای کاربران توضیح دهید. از آنجا که نمونه های اولیه کاغذی نمونه های اولیه lo-fi هستند ، ممکن است در طول آزمایش قابلیت استفاده به توضیحات بیشتری نیاز داشته باشند.نکات:برای ایجاد نمونه های اولیه کاغذی خود، وقت زیادی صرف نکنید. نمونه های اولیه کاغذی اغلب یکبار مصرف بوده و نهایتا دور ریخته می شوند، بنابراین نیازی به صرف زمان اضافی برای کامل شدن آنها نیست.از کاغذهای رنگی برای نشان دادن عناصر تعاملی استفاده کنید. به عنوان مثال ، می توانید از نت های چسبناک صورتی برای نشان دادن دکمه های Call to Action استفاده کنید.برای تسریع روند طراحی از شابلون استفاده کنید.استفاده از شابلون برای ایجاد پروتوتایپ کاغذی2. وایرفریم هایی با قابلیت کلیک (Clickable Wireframes)وایرفریم های قابل کلیک، ساده ترین شکل از یک نمونه اولیه تعاملی است که با اتصال چندین وایر فریم ثابت به یکدیگر ایجاد می شود. هر وایرفریم فقط شامل عناصر اصلی (بلوک های محتوا و عناصر عملکردی) است.وایرفریم قابل کلیک (Clickable Wireframes)زمان استفاده: بهتر است از وایرفریم های قابل کلیک در مراحل اولیه فرآیند طراحی استفاده شود - زمانیکه می خواهید چند نسخه مختلف از طرح خود را در یک جهت خاص طراحی کنید.مزایا:به هیچ یک از مهارت های نمونه سازی پیشرفته نیاز ندارد. مهم نیست که از کدام ابزار نمونه سازی اولیه می خواهید استفاده کنید ، ایجاد یک وایرفریم قابل کلیک بدون تلاش زیاد امکان پذیر است.اصلاح آسان بر خلاف نمونه اولیه کاغذی، برای معرفی تغییرات نیازی به ترسیم مجدد یک صفحه / صفحه کامل نیست.معایب:نیاز به توضیح دارد! شما باید تصور کنید تا درک کنید که محصول نهایی چگونه ظاهر می شود و چگونه کار می کند.نکته: امکان ایجاد وایرفریم های قابل کلیک در Power Point یا Keynote وجود دارد. به سادگی صفحات مختلف را به هم پیوند دهید تا جریان قابل کلیک ایجاد شود.3. جادوگر اوزی (Wizard of Oz)این روش نمونه سازی از نام مشهور L.Frank Baum گرفته شده است. در داستان ، جادوگر با استفاده از مجموعه ای از کنترلر ها در حالی که پشت پرده مخفی شده بود، توهم قدرت فوق العاده ای ایجاد کرد. Wizard of Oz نمونه اولیه ای از یک سیستم دیجیتال است، جایی که کاربر معتقد است تمام پاسخ ها توسط کامپیوتر هدایت می شوند در حالی که در واقع توسط انسان کنترل می شوند.زمان استفاده: این روش زمانی بهترین نتیجه را دارد که می خواهید نحوه تعامل کاربران با یک محصول واقعی را امتحان کنید. این متود برای سیستم های پیچیده یا در مراحل بعدی پروژه طراحی شما، مناسب است.مزایا:یک تجربه واقعی از محصول را منتقل می کند. Wizard of Oz به درک رفتار طبیعی کاربر در تعامل با یک محصول واقعی کمک می کند.معایب:زمان بربودن! این روش نمونه سازی نیازمند زمان و تلاش کافی برای ایجاد است.به یک جادوگر نیاز دارد! جادوگر شخصی است که تعامل با کاربر را کنترل می کند (به درخواست های کاربر پاسخ می دهد).4. بازی نقش (Role Play) یک روش تجربی است که در آن شما محیط طبیعی را که در آن طراحی شما کاربران خود را درگیر می کند ، شبیه سازی می کنید. وقتی وارد یک شخصیت (کاربر خود) می شوید و سعی می کنید جای او را راه بروید، مشکلات مربوط به آنها را هنگام استفاده از محصول خود بهتر درک خواهید کرد.زمان استفاده: این روش زمانی بهترین نتیجه را دارد که تیم طراحی شما بخواهد سناریوهای اصلی را در سیستمی که هدف قرار داده اید، کشف کنند.مزایا:صرفه جویی در وقت و منابع ایجاد یک محصول کاملاً کاربردی.احساسات را برمی انگیزد! بازی با نقش به ما امکان می دهد تا زمینه راه حلی را که طراحی می کنیم در ذهن داشته باشیم. این روش به ما کمک می کند درک همدلی از کاربران داشته باشیم.موارد منفی:برای تنظیم دقیق جزئیات طراحی محصول بسیار مفید نیست. ذاتاً ، نقش آفرینی برای مرحله ایده پردازی سطح بالای فرایند طراحی مناسب تر است.نکته: احساسات نقشی فوق العاده در تجربه کاربری دارند. احساسات مثبت به ایجاد تجربه کاربری کمک می کند تا احساس انسانیت بیشتری داشته باشد. بر تجربه احساسی کاربران در استفاده از یک محصول یا خدمات، بیش از قبل تمرکز کنید...این مقاله توسط نیک بابیچ سردبیر مجله اینترنتی UX Planet نگاشته و توسط علیرضا موذن، طراح ارشد رابط کاربری به فارسی بازگردانی شده است.امیدواریم از خواندن آن لذت برده باشید...نظرات و لایک شما حامی ادامه فعالیت ما در ویرگول خواهد بود. سرمایه گذار سرمایه گذار Tue, 06 Apr 2021 14:07:13 +0430 https://virgool.io/@yeson/%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-pltjc2szldab اهمیت تایپوگرافی خیلی بیشتر از انتخاب تنها یک فونت است. هنگامی که به طور موثر استفاده شود، می تواند قابلیت کاربر پسندی، خوانایی، بهبود دسترسی و سلسله مراتب رابط کاربری را افزایش دهد. در این بخش ، من نکات و اصول استاندارد صنعت را برای استفاده از type like pro در UI به اشتراک می گذارم.1. اصطلاحات تایپوگرافیاصطلاحات تایپوگرافی اساس دانش و نوع نگاه ما به آن را ایجاد می کند. اصطلاحات تایپوگرافی مانند هسته ، پیشرو و وزن را به عنوان اهرم هایی در نظر بگیرید که به کمک آن می توانیم، طرح هایی با قابلیت خوانش و زیبایی بیشتر خلق کنیم.قابلیت ردیابیردیابی به افزایش یا کاهش یکنواخت فاصله افقی بین طیف وسیعی از حروف اشاره دارد.پایهپایه خطی فرضی و نا مرئی است که حروف بر آن سوار شده و مبتنی بر آن طراحی شده اند.منتهی شدنفاصله عمودی بین دو خط پایه است. این در عصر جدید بیشتر به ارتفاع خط گفته می شودو "leading" تلفظ می شود.وزنوزن به ضخامت نسبی قلم اشاره دارد.2. سلسله مراتب ?بسیاریازرابطهاوجوددارندکههیچکلمهایدرصفحهندارند.اکثریتقریببهاتفاقطراحیهایUIازچندعنصراستاندارد-متن،مستطیل/جعبه،دکمهها(بدونشکمستطیل+متن)ونمادهاتشکیلشدهاست.اینکاریاستکهمابااینعناصرانجاممیدهیمکهمیتواندیکرابطراایجادیاخرابکند. سلسله مراتب با سهولت یافتن سریعتر اطلاعات مهم برای کاربران ، به ما در بهبود قابلیت خواندن و رابط کاربری کمک می کند.ما باید برای متن های با اهمیت خود از متن بزرگتر و جسورانه تری استفاده کنیم زیرا این همان چیزی است که نگاه مردم به آن جلب خواهد شد. برای اطلاعات کم اهمیت تر ، متن سبک و کم حجم بهینه است.3. طول و طول خط بهینهفاصله خطوط به زمان حروفچینی دستی در چاپخانه ها برمی گردد. نام فنی آن ، پیشرو ، به نوارهای نازک فلز سرب اشاره دارد که خطوط متن را از هم جدا می کردند.در عصر مدرن ، ارتفاع و عرض خط برای اطمینان از این که متن های ما به راحتی در اندازه های مختلف دستگاه قابل خواندن هستند ، اهمیت دارند.در اینجا چند روش ابتکاری مفید برای بهینه سازی ارتفاع خط وجود دارد:برای خواندن و دسترسی بهینه بین 130٪ - 180 per آزمایش کنید. هدف این است که یک مقدار خوب پیدا کنید - فاصله بسیار زیاد ، منجر به گم شدن ادامه متن می شود، در حالیکه فاصله بسیار کم خواندن آن متن را دشوار می سازد، پس با سنجش واحد های مختلف بهترین مقیاس روی متن اعمال کنید.هنگام تغییر قلم یا اندازه قلم ، فاصله خط را بررسی کنید. قلم های مختلف دارای حداکثر ارتفاع متفاوت هستند ، بنابراین برای خوانایی بیشتر فاصله بین خطوط را دوباره بررسی کنید.طول خط را به 70-80 نویسه محدود کنید. دنبال کردن سطرهای طولانی متن می تواند ترسناک و گیج کننده باشد.فونت های کوچک باید فاصله بیشتری داشته باشند زیرا خواندن فونت های کوچکتر دشوارتر هستند بنابراین نیازمند فضای اضافی بیشتری برای مطالعه آسانتر هستند.4. خوانایی را در اولویت قرار دهیدبرای اطمینان از اینکه تایپوگرافی ما برای افرادی با عیوب انکساری چشم مانند کوری رنگ ، کم بینایی و غیره به راحتی قابل خواندن و دسترسی است ، باید از دستورالعمل های دسترسی به محتوای وب (WCAG) پیروی کنیم.در اینجا چند استاندارد آورده شده است که UI ما را برای خوانایی بهینه می کند. اطلاعات بیشتر را در Accessible.org بیابید .با یک حساب سرانگشتی؛ اندازه متن حداقل 16 باشد.این مشخصاً مختص دیوایس ها است ، اما اغلب در تمامی موارد پابرجاست. اگر مثلاً یک رابط تلویزیون است ، متن باید حتی بزرگتر شود.باید نسبت کنتراست رنگی حداقل 4.5: 1 بین کل متن و پس زمینه وجود داشته باشد. دانلود استارک پلاگین برای اطمینان از اینکه این استاندارد در طرح های ما وجود دارند.برای انتقال اطلاعات به تنهایی به رنگ اعتماد نکنید. به عنوان مثال ، یک حالت خطا نباید فقط با طرح قرمز نمایش داده شود ، همچنین از یک نماد هشدار و متن توصیفی برای هشدار وجود یک مسئله استفاده کنید.تغییر اندازه متن : اندازه متن باید تا 200٪ تغییر کند بدون اینکه بر توانایی خواندن محتوا یا استفاده از توابع تأثیر منفی بگذارد.تصاویر متن : در صورت لزوم از تصاویر متن استفاده نکنید (به عنوان مثال ، آرم).5- تعدد فونت ها را محدود کنیدمخلوط کردن تعداد زیادی فونت مختلف می تواند باعث شود برنامه ما پراکنده و شلخته باشد.به جای معرفی فونت های جدید به رابط ، از خانواده قلم ها استفاده کنید. قلم هایی از یک خانواده برای همکاری با یکدیگر طراحی شده اند ، بنابراین انعطاف پذیر و سازگار هستند.6. دستورالعمل های مقیاس نوع را تعریف کنیداگر شما تمایلی به ایجاد دستورالعمل های تایپوگرافی از ابتدا دارید، سعی کنید نوع ژنراتور مواد مقیاس برای تولید اندازه فونت برای پاراگراف ها، سرفصل ها، دکمه ها، و غیره را بیابید.برای ایجاد دستورالعمل های مقیاس برای یک پروژه UI ، نحوه انجام این کار به شرح زیر است:قلم را برای کار انتخاب کنید. مکان های مورد علاقه من برای دریافت فونت های UI با کیفیت بالا ، قلم های Google یا فونت های Adobe هستند .اندازه قلم پایه را تعیین کنید. من با ایجاد مقیاس متداول ترین نوع برای کپی بدنه مانند 16pt شروع می کنم ، سپس یک ارتفاع خط مناسب را تعیین می کنم.ارتفاع خط. همانطور که قبلاً اشاره کردم ، برای خواندن مطلوب بین مقادیر 130 -1 - 180 آزمایش کنید. این نسبت همیشه دقیق نیست ، اما مکان خوبی برای شروع و سپس انجام تنظیمات در صورت لزوم است.مقیاس را تعریف کنید. مقیاس سازگاری ، ریتم و سلسله مراتب را برای تایپوگرافی ما فراهم می کند. برای تنظیم مقیاس نوع برای h1 ، h2 ، h3 ، بدنه ، زیرنویس ها ، دکمه ها و غیره ، به یک مقدار مقیاس نیاز داریم تا در اندازه قلم پایه خود ضرب کنیم. مقیاس های معمول برای نوع 1.250x ، 1.414x ، 1.5x ، 1.618x است. باز هم ، مقیاسی را پیدا کنید که برای نوع متن و UI شما کار کند.مقیاس های تست روی دستگاه ها. برای تصمیم گیری در مورد مقدار مناسب ، فونت را با مقیاس های مختلف در اندازه های مختلف دستگاه آزمایش کنید.7. از کلمات و عبارات قابل تشخیص استفاده کنیدقوانین و روش هایی که در این مقاله ذکر کردم می تواند کمک زیادی به خوانایی و زیبایی شناسی رابط کاربری ما کند. اما در مورد بهبود قابلیت درک بهتر کلمات در رابط کاربری ما چه می توان کرد؟برای جمع آوری همه اینها ، باید از قوانینی پیروی کنیم که در واقع در متن وجود دارد.در اینجا نکاتی برای انتقال پیامهای روشن وجود دارد:از اصطلاحات پرهیز کنید. مگر اینکه برنامه ای برای افراد خاصی طراحی کنیم. از اصطلاحات خاص صنعت مانند "بافر کردن" یا "پیکربندی" خودداری کنید.به حالت فعلی بنویسید. به جای اینکه بگویید: "پیام ارسال شده است" بگویید ، "پیام ارسال شد".آن را کوتاه و شیرین نگه دارید. به جای اینکه بگویید: "فقط اعضای Premium به این ویژگی دسترسی دارند" بگویید"برای دسترسی به Premium بپیوندید" آن را مختصر و با اهمیت نگه می دارد.با هدف شروع کنید. وقتی عبارتی هدف و عمل مورد نیاز برای رسیدن به آن را توصیف می کند ، جمله را با هدف شروع کنید. به جای گفتن: "یک عکس را به سطل زباله بکشید تا از این آلبوم حذف شود" بگویید ، "برای حذف عکس از این آلبوم ، آن را به سطل زباله بکشید."آن را ثابت نگه دارید. هنگام خطاب به کاربر ، مطمئن شوید که شخص اول یا دوم باشد ، هر کدام انتخاب شده است. بنابراین به جای "ویرایش موقعیت مکانی خود در حساب من " بگویید ، " موقعیت مکانی خود را در حساب خود ویرایش کنید ".8- بر اطلاعات مهم تأكيد كنيدبرخی از متن ها از اهمیت بیشتری نسبت به متن های دیگر در صفحه برخوردار هستند. ضروری است که ما برای برجسته سازی و تمایز آن از عناصر دیگر بر عناصر مهم با وزن ، اندازه ، رنگ یا همه موارد بالا تأکید کنیم.ما می توانیم از رنگ و وزن بصری برای تأکید یا عدم تاکید در تایپوگرافی استفاده کنیم. از متن سبک تر برای نمایش بلوک های متن یا متون با اهمیت کمتر استفاده می کنیم و برای جلب توجه بیشتر به متن پررنگ تر و ضخیم تر نیاز خواهیم داشت.این قابلیت، اسکن رابط کاربری را بهبود می بخشد و به کاربران اجازه می دهد بدون استفاده از نیروی مغز با مرور چشم ، اقدامات مورد نظر را سریع انجام دهند.9. پشتیبانی زبان را در نظر بگیریداگر در فکر پشتیبانی چند زبانه از نرم افزار خود هستید ، پس باید بدانید چه کار انجام دهیدیعنی این موضوع محدودیتی است که اگر به طور مناسب محاسبه نشود ، می تواند طرح های عالی ما را به شدت تغییر دهد.اولین چیزی که باید بخاطر بسپارید ، طول کلمه است - این کلمه می تواند در زبانهای مختلف متفاوت باشد ، حتی زبان هایی که از حروف مشابه استفاده می کنند ، مانند انگلیسی و آلمانی. به عنوان مثال "جدید" یک کلمه کوتاه 3 حرفی در انگلیسی است و به راحتی در چند پیکسل قرار می گیرد ، درحالیکه ، در زبان فرانسه ما به فضای کافی برای "Nouveau" و 7 حرف نیاز داریم.در برخی از زبان ها مانند عربی و عبری ، در نظر گرفتن هم ترازی از اهمیت ویژه ای برخوردار است زیرا با جهت نوشته که از راست به چپ می باشد ، نحوه نمایش برنامه ما تغییر خواهد کرد. این قلم ها ممکن است از لحاظ اندازه لغزش کوچکتر از لاتین به نظر برسند ، و نیاز به تنظیم فاصله و تراز بندی خط ها دارند تا تایپوگرافی در آن UI برای همه زبانها به خوبی کار کند.10. در صورت تردید ، از قلم های سیستم استفاده کنیددر تایپوگرافی برای دستیابی به بهترین روش، به چالش های مختلفی بر می خوریم و گاهی اوقات به این نتیجه می رسیم که ارزش این همه دردسر را ندارد. خبر خوب این است که iOS و Android دارای فضاهای بومی سیستم هستند که از طیف وسیعی از وزن ، اندازه ، سبک و زبان پشتیبانی می کنند ، بنابراین ما می توانیم به کمک آن قابلیت خوانش راحت و زیبایی را در هر برنامه ای داشته باشیم.در iOS سان فرانسیسکو (SF) و نیویورک (NY) جز برترین قلم ها قرار دارند. در اندروید فونت اصلی Roboto است و Noto نوع پیش فرض برای همه زبانهایی است که توسط Roboto پشتیبانی نمی شوند.هنگامی که از سبک های متن با قلم های سیستمی استفاده می کنیم ، از نوع Dynamic Type و اندازه های نوع دسترسی بیشتر نیز پشتیبانی می کنیم ، که با اجازه دادن به خوانندگان برای انتخاب اندازه متن دلخواه ، انعطاف پذیری بیشتری ایجاد می کند.این متن توسط دنی ساپیو نوشته و توسط آقای علیرضا موذن کارشناس ارشد طراحی رابط کاربری و تجربه کاربری ترجمه و برای استفاده شما مهیا شده است.زندگی زیباتر از آنیست که ما فکر می کنیم ... خوش باشید سرمایه گذار سرمایه گذار Sun, 31 Jan 2021 17:08:31 +0330