قانون ها پیاده سازی UI/UX
در صورتیکه بخواهید نگارگری یا این که لباس دوزی یا این که مکانیکی حافظه بگیرید، بایستی از کجا آغاز فرمائید؟ در مدرسه ابتدایی، ما چطور ریاضی را حافظه گرفتیم؟ چه بخواهید مهارتی را خاطر بگیرد چه علمی را، بایستی از اصول و ضوابط اساسای آن مهارت یا این که دانش استارت نمائید. هرچه در مبنا حاذقخیس باشید، شلخیس و سریعخیس طراحی سایت اختصاصی پیش میروید.
یادگیری پیاده سازی کالا هم از این قاعده جدا نیست. ضوابط و اصول صفحه ارایی کالا از مباحث اساسای و اصلی در فراگیری پیاده سازی تجارب مخاطب و رابط مخاطب محسوب میگردند که بحثی به طور کامل جدا از هم از ضوابط و اصول پیاده سازی گرافیک میباشد.
یعنی چنانچه گرافیک صفحه آرایی هم بلد باشید، بازهم می بایست قانون ها و اصول UI/UX را حافظه بگیرید.
درحقیقت، این ضوابط شمارا ارشادوراهنمایی مینماید که در هر مرحله از روند پیاده سازی به چه مواقعی دقت نمایید، چطور تصمیمگیری نمایید و اساسیخیس اینکه خروجی مناسب در آن مرحله چه می بایست باشد.
آغاز با مرور کوتاه اصول آغاز میکنیم.
پیاده سازی متاع ۵ اصل دارااست:
آدماساس بودن: پیاده سازی تجارب استفاده کننده و رابط مخاطب آدمپایه میباشد و بایستی برای برطرفکردن نیازهای بشرهایی که با جنس تعامل دارا هستند، صورت بپذیرد.
بدیهی و روشن بودن: هر محصولی برای مخاطبان خاصی پیاده سازی میگردد و می بایست پیاده سازی و متنهای تجارب کاربری داشته باشد که برای آن مجموعه از یوزرها بدیهی و روشن باشد.
بالاتراز انتظار بودن: متاع می بایست در خیال بشرها بماند و آنها را شگفتزده نماید و تجربیاتهایی فراتراز انتظار و توقعات معمول یوزرها برای آنها اخلاق نماید.
کاربردیبودن و چگونگیداشتن در عین زیبایی: محصولی غالب میباشد و صحیح و اصولی صفحه ارایی گردیده که هم کاربردی باشد و هم چگونگی داشته باشد و هم جذابیت و زیبایی بصری.
خلل جدیدی نساختن: مال نباید مشکلی را حل نماید و هم زمان خلل یا این که اشتباهات دیگری را برای یوزرها صحیح نماید.
اصول گفتهگردیده در پیاده سازی هر جنس یا این که سرویس دیجیتال بایستی رعایت گردد.
هم اکنونکه با اصول آشنا شدیم، میرویم سراغ قانون ها.
در منابع گوناگون ازجمله uxdesigninstitute، looppanel و lawsofux قانون ها مختلفی برای پیاده سازی UI/UX نام برده میباشد. درادامه، ما مهم ترین و کاربردیترین ضوابط را تعیین و معرفی کردیم.
ما ضوابط را براساس این تیمبندی کردیم که چه نفعی در پیاده سازی برای دیزاینر دارا هستند. بهعبارتدیگر، بر این شالوده که در حالتی که طراح از آن قانون ها به کار گیری نماید، چه فیضای نتیجه ها می گردد.
laws of product design
مقررات تجارب مخاطب و رابط استفاده کننده که فهم و شعور و ادارک فرآورده را برای آدمها آسوده و سریع مینماید
چندتا از مهم ترین قانون ها تجارب استفاده کننده مستقیما بر شیوهی پیمایش و فهم تولید ها دیجیتال و مسیرهایی که استفاده کننده چهت نیلبه هدفش می بایست دنبال نماید، تاثیر می گذارند.
ذهن ما تمایلات طبیعی و مشخصی دارااست. برای مثال، ما در هر لحظه نمیتوانیم وسعت متعددی از داده ها را پردازش کنیم. یا این که برای اینکه داده ها را شلخیس بهخیال بسپریم، کدهایی برای آنان تعریفوتمجید می کنیم.
این تمایلات طبیعی تصمیمگیری و حل سریع و کارآمد ایرادات را برای ما میسر مینماید. هنگامی پیاده سازی UI/UX وب سایتها و نرم افزارها بادرنظرگرفتن این تمایلات انجام یافته باشد، مخاطب هنگام پیماش مال فارغ از توقف در پردازش و تجزیهوبررسی تکتک داده ها، آن ها را فهم و راه و روش خویش را پیدا مینماید.
شرایطی که دراین گروه قرار میگیرند، به تفصیل پایین میباشد.
۱. ضابطه فیتس (Fitts law)
ضابطه فیتس یا این که فیتز (Fitts’ Law) براساس عقیدهی جاریشناسی بهاسم پل فیتس میباشد و بر این تمرکز داراست که چطور می شود انسانها را سریع و راحت به یک غرض خاص (به عنوان مثال یک دکمه) رساند تا با آن تعامل داشته باشد.
ضابطه فیتز میگوید که فرصت مایحتاج چهت نیلبه یک غرض (به عنوان مثال یک دکمه یا این که پیوند) تابعی از مسافتی بشر (مخاطب) تا مقصود و اندازهی آن میباشد. درنتیجه،
بشر به هدف ها تعالیخیس ریلکسخیس میرسد (شلخیس آنها را تعیین مینماید)؛
آدم هدف ها مجاورتخیس را سریعخیس تعیین مینماید زیرا زودتر به آنان میرسد؛
بشر هدف ها خردخیس یا این که دورتر را دیرتر تعیین مینماید زیرا بازه فرصت بیشتری نیاز داراست تا به آن ها رسد.
سازه بر این ضابطه، هرچه وصالبه یک غرض دشوارتر باشد، آدم مشقت بارخیس و دیرتر تصمیم می گیرد که به آن رسد.
به همین برهان میباشد که دکمههای لمسی والاخیس و مجاورتخیس، دسترسی سریعخیس و سهل وآسانتری دارا هستند.
پس، شما می بایست هنگام انتخاب اندازه و حالت عنصرها تعاملی اساسی، ضابطه فیتس را درنظر بگیرید. و مطمئن گردید که هدف ها لمسی (مانند دکمهها و موردهای منو) بهاندازهی کافی تعالیاند و در مکانی مطلوب و با دسترسی راحت روی برگه قرار گرفتهاند، تا یوزرها بتوانند بهراحتی آها را تعیین نمایند.
قانون ها پیاده سازی UI/UX
در صورتیکه بخواهید نگارگری یا این که لباس دوزی یا این که مکانیکی حافظه بگیرید، بایستی از کجا آغاز فرمائید؟ در مدرسه ابتدایی، ما چطور ریاضی را حافظه گرفتیم؟ چه بخواهید مهارتی را خاطر بگیرد چه علمی را، بایستی از اصول و ضوابط اساسای آن مهارت یا این که دانش استارت نمائید. هرچه در مبنا حاذقخیس باشید، شلخیس و سریعخیس طراحی سایت اختصاصی پیش میروید.
یادگیری پیاده سازی کالا هم از این قاعده جدا نیست. ضوابط و اصول صفحه ارایی کالا از مباحث اساسای و اصلی در فراگیری پیاده سازی تجارب مخاطب و رابط مخاطب محسوب میگردند که بحثی به طور کامل جدا از هم از ضوابط و اصول پیاده سازی گرافیک میباشد.
یعنی چنانچه گرافیک صفحه آرایی هم بلد باشید، بازهم می بایست قانون ها و اصول UI/UX را حافظه بگیرید.
درحقیقت، این ضوابط شمارا ارشادوراهنمایی مینماید که در هر مرحله از روند پیاده سازی به چه مواقعی دقت نمایید، چطور تصمیمگیری نمایید و اساسیخیس اینکه خروجی مناسب در آن مرحله چه می بایست باشد.
آغاز با مرور کوتاه اصول آغاز میکنیم.
پیاده سازی متاع ۵ اصل دارااست:
آدماساس بودن: پیاده سازی تجارب استفاده کننده و رابط مخاطب آدمپایه میباشد و بایستی برای برطرفکردن نیازهای بشرهایی که با جنس تعامل دارا هستند، صورت بپذیرد.
بدیهی و روشن بودن: هر محصولی برای مخاطبان خاصی پیاده سازی میگردد و می بایست پیاده سازی و متنهای تجارب کاربری داشته باشد که برای آن مجموعه از یوزرها بدیهی و روشن باشد.
بالاتراز انتظار بودن: متاع می بایست در خیال بشرها بماند و آنها را شگفتزده نماید و تجربیاتهایی فراتراز انتظار و توقعات معمول یوزرها برای آنها اخلاق نماید.
کاربردیبودن و چگونگیداشتن در عین زیبایی: محصولی غالب میباشد و صحیح و اصولی صفحه ارایی گردیده که هم کاربردی باشد و هم چگونگی داشته باشد و هم جذابیت و زیبایی بصری.
خلل جدیدی نساختن: مال نباید مشکلی را حل نماید و هم زمان خلل یا این که اشتباهات دیگری را برای یوزرها صحیح نماید.
اصول گفتهگردیده در پیاده سازی هر جنس یا این که سرویس دیجیتال بایستی رعایت گردد.
هم اکنونکه با اصول آشنا شدیم، میرویم سراغ قانون ها.
در منابع گوناگون ازجمله uxdesigninstitute، looppanel و lawsofux قانون ها مختلفی برای پیاده سازی UI/UX نام برده میباشد. درادامه، ما مهم ترین و کاربردیترین ضوابط را تعیین و معرفی کردیم.
ما ضوابط را براساس این تیمبندی کردیم که چه نفعی در پیاده سازی برای دیزاینر دارا هستند. بهعبارتدیگر، بر این شالوده که در حالتی که طراح از آن قانون ها به کار گیری نماید، چه فیضای نتیجه ها می گردد.
laws of product design
مقررات تجارب مخاطب و رابط استفاده کننده که فهم و شعور و ادارک فرآورده را برای آدمها آسوده و سریع مینماید
چندتا از مهم ترین قانون ها تجارب استفاده کننده مستقیما بر شیوهی پیمایش و فهم تولید ها دیجیتال و مسیرهایی که استفاده کننده چهت نیلبه هدفش می بایست دنبال نماید، تاثیر می گذارند.
ذهن ما تمایلات طبیعی و مشخصی دارااست. برای مثال، ما در هر لحظه نمیتوانیم وسعت متعددی از داده ها را پردازش کنیم. یا این که برای اینکه داده ها را شلخیس بهخیال بسپریم، کدهایی برای آنان تعریفوتمجید می کنیم.
این تمایلات طبیعی تصمیمگیری و حل سریع و کارآمد ایرادات را برای ما میسر مینماید. هنگامی پیاده سازی UI/UX وب سایتها و نرم افزارها بادرنظرگرفتن این تمایلات انجام یافته باشد، مخاطب هنگام پیماش مال فارغ از توقف در پردازش و تجزیهوبررسی تکتک داده ها، آن ها را فهم و راه و روش خویش را پیدا مینماید.
شرایطی که دراین گروه قرار میگیرند، به تفصیل پایین میباشد.
۱. ضابطه فیتس (Fitts law)
ضابطه فیتس یا این که فیتز (Fitts’ Law) براساس عقیدهی جاریشناسی بهاسم پل فیتس میباشد و بر این تمرکز داراست که چطور می شود انسانها را سریع و راحت به یک غرض خاص (به عنوان مثال یک دکمه) رساند تا با آن تعامل داشته باشد.
ضابطه فیتز میگوید که فرصت مایحتاج چهت نیلبه یک غرض (به عنوان مثال یک دکمه یا این که پیوند) تابعی از مسافتی بشر (مخاطب) تا مقصود و اندازهی آن میباشد. درنتیجه،
بشر به هدف ها تعالیخیس ریلکسخیس میرسد (شلخیس آنها را تعیین مینماید)؛
آدم هدف ها مجاورتخیس را سریعخیس تعیین مینماید زیرا زودتر به آنان میرسد؛
بشر هدف ها خردخیس یا این که دورتر را دیرتر تعیین مینماید زیرا بازه فرصت بیشتری نیاز داراست تا به آن ها رسد.
سازه بر این ضابطه، هرچه وصالبه یک غرض دشوارتر باشد، آدم مشقت بارخیس و دیرتر تصمیم می گیرد که به آن رسد.
به همین برهان میباشد که دکمههای لمسی والاخیس و مجاورتخیس، دسترسی سریعخیس و سهل وآسانتری دارا هستند.
پس، شما می بایست هنگام انتخاب اندازه و حالت عنصرها تعاملی اساسی، ضابطه فیتس را درنظر بگیرید. و مطمئن گردید که هدف ها لمسی (مانند دکمهها و موردهای منو) بهاندازهی کافی تعالیاند و در مکانی مطلوب و با دسترسی راحت روی برگه قرار گرفتهاند، تا یوزرها بتوانند بهراحتی آها را تعیین نمایند.
پیاده سازی ریسپانسیو و تلفن همراه فرندلی