هشت انیمیشن مهم رابط‌های کاربری از ابتدا تا به امروز
  1. خبری
  2. همه خبرها
  3. زومیت
  4. تکنولوژی
هشت انیمیشن مهم رابط‌های کاربری از ابتدا تا به امروز

هشت انیمیشن مهم رابط‌های کاربری از ابتدا تا به امروز

زومیتخبرگزاری زومیت |
انیمیشن‌ها بخشی دوست‌داشتنی از رابط‌های کاربری هستند. در این مقاله با هشت انیمیشن مهم و کلیدی در رابط‌های کاربری از زمان ظهور آن‌ها تا به امروز، آشنا می‌شویم.

انیمیشن‌ها در رابط کاربری حکم ادویه برای طراح را دارند؛ در صورت استفاده زیاد، طعم محصول شما را خراب می‌کنند، اما میزان مناسب به اعتلای کیفیت آن کمک شایانی می‌کند.

با وجود اینکه انیمیشن‌ها برخلاف سایر عناصر طراحی خیلی در ذهن کاربران نمی‌مانند، یک عضو اصلی از هر تجربه کاربری دیجیتالی محسوب می‌شوند. از همین رو در این مقاله با معرفی هشت انیمیشن مهم، ادای احترامی نسبت به این عناصر دوست‌داشتنی کرده‌ایم.

این هشت انیمیشن‌ شاید دارای زمان و محیط متفاوتی نسبت به هم باشند، اما همگی یک نقطه اشتراک پررنگ دارند؛ همگی یک گام روبه‌جلو در نحوه تعامل ما با فناوری به شمار می‌روند. بدون این انیمیشن‌ها، رابط‌های کاربری رنگ و لعاب فعلی خود را نداشتند.

۱. نشانگر چشمک‌زن (۱۹۶۷)

این انیمیشن به‌حدی قدیمی و جاافتاده است که احتمالا تا به حال حتی به آن فکر هم نکرده‌اید. انیمیشنی که به یک استاندارد در تمام رابط‌های کاربری تبدیل شده‌است.

این انیمیشن ابتدا از سوی چارلز ای. کیسلینگ (Charles A. Kiesling) در سال ۱۹۶۷ ثبت شد و در گوشی‌های همراه، دستگاه‌های خودپرداز، رایانه‌ها، مرورگرها و احتمالا فناوری‌های آینده مورد استفاده قرار گرفته‌است. انیمیشنی ساده، نمادی و نقطه شروع برای نسلی از انیمیشن‌های دیجیتال در رابط‌های کاربری.

این انیمیشن برای نشان‌دادن «تمرکز» در صفحه‌نمایش و آماده‌بودن آن برای دریافت ورودی از سوی کاربر، پدید آمده‌است.

۲. اسپلش اسکرین سگا جنسیس (۱۹۸۹)

هر کنسول بازی‌های ویدیویی انیمیشن ورودی خودش را داشت، اما هیچ‌کدام به‌یادماندنی‌تر از سگا جنسیس (Sega Genesis) نبوده‌اند. سگا جنسیس رقیب ۱۶-بیتی کنسول سوپر ان‌ای‌اس (Super NES) شرکت نینتندو بود.

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

در زمانی‌که صفحه ورودی هرکدام از بازی‌های سگا جنسیس با یکدیگر اندکی تفاوت داشت، نینتندو اینترتینمنت سیستم (انتشار ۱۹۸۵) و سوپر ان‌ای‌اس (انتشار در ۱۹۹۱) به کلی صفحات ورودی را حذف کرده‌بودند.

سگا در صفحه ورودی خود یک فلش نوری و یک قطعه صدای متفاوت از نام برند پخش می‌کرد.

سگا قبل از نابودی در دهه اول قرن ۲۱، به نینتندو و بازی‌های ویدیویی کمک کرد تا به سطح جدیدی برسند. دهه شصتی‌ها و هفتادی‌ها احتمالا سگا و خاطرات خوبش را فراموش نخواهند کرد.

۳. صفحه ورود AOL (سال ۱۹۹۵)

هم‌اکنون در سال ۲۰۱۹ همه‌چیز آنلاین است. ما حتی شاهد ظهور اسپیکر‌های دائم روشنی هستیم که آماده اتصال به اینترنت با دستور صوتی ما هستند.

اما زمانی هم بوده که اتصال به اینترنت مکافات داشت. شما باید می‌نشستید، به تمام آشناهایتان می‌سپردید تا تماس نگیرند، سیم تلفن را به سیستم خود وصل کرده و آن وقت تازه آماده اتصال به اینترنت با هزینه‌ای گزاف می‌شدید.

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

در خبری بخوانید: اخبار و تازه های علم و تکنولوژی

۴. صفحه دانلود ویندوز ایکس‌پی (۲۰۰۱)

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

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

۵. توپ ساحل مک (۲۰۰۱)

مک‌های ابتدایی از ساعت مچی و ویندوز از ساعت شنی برای نشان‌دادن زمان هدررفته کاربران بر سر سخت‌افزار استفاده می‌کردند. احتمالا هنوز خیلی از شما این انیمیشن‌های معروف و حس بدشان را به خاطر دارید.

اپل انیمیشن توپ ساحلی را جایگزین انیمیشن ساعت مچی مک کرد. منتظر ماندن آن هم روی یک دستگاه مدرن اصلا جالب نیست و موجب اذیت کاربران می‌شود. اما صبر کردن برای کاربران OS X با نگاه به آیکون زیبای توپ رنگی کمی راحت‌تر بود.

۶. حباب در حال تایپ آی‌مسیج (۲۰۰۷)

عناصر گرافیکی کمی وجود دارند که به اندازه‌ی سه نقطه در حال تایپ استرس‌زا باشند. انیمیشن حباب حاوی سه نقطه اولین‌بار در آی‌مسیج و به منظور اطلاع از در حال تایپ بودن طرف مقابل استفاده شد.

امروزه این سه نقطه در حال تایپ تقریبا در هر پیام‌رسانی استفاده شده و عملا به یک استاندارد تبدیل شده‌است.

همه ما احتمالا انتظار برای دیدن پاسخ با ظاهر شدن این سه نقطه، آمدن و رفتن این انیمیشن و سعی در ذهن‌خواهی مخاطب‌مان را تجربه کرده‌ایم.

۷. انیمیشن «جست‌وجو برای راننده» اوبر (۲۰۱۰)

ده سال پیش، استارتاپی با هدف تحول حمل‌ونقل شهری شروع به کار کرد و موفق شد. اوبر انقلابی است که نحوه‌ی گشت‌و‌گذار مردم در شهرها را بسیار آسان کرده‌است.

اوبر همچنین برخی از اولین انیمیشن‌های بسیار مهم در رابط‌های کاربری را پدید آورده‌است. با باز کردن اپلیکیشن اوبر و مشاهده رانندگان در اطرافتان احساس امنیت می‌کنید. مهم نیست که در چه مکان و زمانی هستید؛ تنها کافی است از اوبر استفاده کنید تا به خانه برسید.

۸. کشیدن برای بارگذاری مجدد توییتر (۲۰۱۰)

هنگامی که استیو جابز در سال ۲۰۰۷ از آیفون رونمایی کرد، سرنوشت بسیاری از تعاملاتی که با موس و کلیدها انجام می‌شدند کاملا گنگ بود. بسیاری با خود فکر می‌کردند که چگونه می‌توانند روی این دستگاه تایپ کنند.

در دوره‌ای که محتوا به‌طور بی‌نهایتی در فضای مجازی تولید و پخش می‌شود، بارگذاری مجدد از مهم‌ترین بخش‌هایی است که نیاز به اختراع مجدد دارد. در همین زمان بود که لورن بریشتر اپلیکیشن موبایل توییتر را با یکی از انقلابی‌ترین انیمیشن‌های رابط کاربری عرضه کرد؛ کشیدن به پایین برای بارگذاری مجدد (pull to refresh).

این عنصر امروزه تقریبا در تمامی اپلیکیشن‌ها استفاده شده و به بخشی از زندگی روزمره ما مبدل شده‌است.

نظر شما درباره این انیمیشن‌ها و نقش آن‌ها در تحول رابط‌های کاربری چیست؟ آیا انیمیشنی را می‌شناسید که لیاقت حضور در این فهرست را داشته باشد؟ دیدگاه‌های خود را با ما و سایر کاربران به اشتراک بگذارید.

خواندن خبر در سایت منبع

در ادامه بخوانید

دنیای اقتصاددنیای اقتصاد23 ساعت قبل
میهمان ناخوانده در صنعت خودرودنیای اقتصاد: افزایش تقاضا برای تولید خودروهای برقی طی یک سال گذشته موجب تنش میان خودروسازان و شرکت‌های فناوری فعال در این زمینه شده است. براساس آخرین نظر‌سنجی‌ها، مشکل عمده آن است که خودروسازان ‌مانند گذشته در تلاشند تا از هزینه‌های مربوط به قطعات جدید خودرو بکاهند، این درحالی است که شرکت‌های تامین‌کننده فناوری پیشرفته خودروهای برقی از تن دادن به این خواسته سر باز می‌زنند. اکنون خودروسازی جهان با شتاب خیره‌کننده‌ای در حال حرکت به سوی برقی‌سازی خودروها است و در چنین شرایطی غول‌های فناوری که مسوول تامین قطعات برای این محصولات هستند نقش پررنگ‌تری دارند. از سوی دیگر شرکت‌های حوزه فناوری ضمن تلاش برای حفظ سودآوری خود نسبت به تغییرات متعددی که در زمینه مهندسی خودروسازان رخ می‌دهد ناراضی هستند. افزایش روزافزون محبوبیت خودروهای برقی، موجب شده است تا شرکت‌های خودروسازی در سراسر جهان به رقابتی تنگاتنگ پرداخته و هر یک از برنامه‌های خود برای طراحی و تولید خودروهایی بهتر و با توان پیمایش بیشتر رونمایی کنند.
عصر ایرانعصر ایران12 ساعت قبل
نسل دوم پژو ۲۰۰۸، احتمالا از موتور ۱٫۲ لیتری توربوشارژ ۳ سیلندر بهره می‌برد که ۹۹ اسب‌بخار قدرت دارد. نسخه ۱٫۵ لیتری ۴ سیلندر و دیزلی این خودرو نیز ۱۲۸ اسب‌بخار قدرت دارد. ما همچنین در این خودرو شاهد شیب سقفی زیبا، خطوط بدنه پویا، و شیشه انتهایی متفاوت هستیم. از دیگر ویژگی‌های قابل توجه ۲۰۰۸ جدید می‌توان به چراغ‌های کشیده نمای عقب و اسپویلرهای کشیده نمای عقب اشاره کرد. نسل دوم پژو ۲۰۰۸، احتمالا از موتور ۱٫۲ لیتری توربوشارژ ۳ سیلندر بهره می‌برد که ۹۹ اسب‌بخار قدرت دارد.
مجله سخت‌افزارمجله سخت‌افزار1 روز قبل
شرکت AMD به تازگی پرده از پردازنده‌های کلاس سرور EPYC ROME برداشته و می‌دانیم که پرچمدار آنها یک پردازنده ۶۴ هسته و ۱۲۸ رشته است. اما به تازگی اطلاعاتی از یک نمونه ۳۲ هسته‌ای EPYC ROMEها منتشر شده است که در ادامه بدان خواهیم پرداخت. این پردازنده دارای ۳۲ هسته و ۶۴ رشته پردازشی بوده و از ریزمعماری ZEN۲ بهره می‌برد. این پردازشگر با نام AMD EPYC ۷۴۵۲ لیست شده و دارای فرکانس موثر ۲٫۳۵ مگاهرتز است. پردازنده‌های Ryzen ۳۰۰۰ (Matisse) در اوایل ماه آینده راهی بازار خواهند شد؛ از سوی دیگر اینطور به نظر می‌رسد که زمان چندانی تا معرفی پردازنده‌های سرور EPYC ROME و عرضه آنها به بازار باقی نمانده است.
برنابرنا18 ساعت قبل
نمایندگان مجلس تردد حمل بار و مسافر توسط وسائط نقلیه موتوری پس از رسیدن به سن فرسودگی در کلانشهرها را ممنوع کردند. همچنین در تبصره ۲ ذکر شده تولید کنندگان خودرو و موتورسیکلت در داخل کشور موظفند به ازای تولید هر ۴ دستگاه خودرو با موتورسیکلت، گواهی اسقاط خودرو با موتورسیکلت معادل را از مرکز اسقاط دریافت کنند. شماره گذاری خودروها و موتورسیکلت منوط به ارائه گواهی اسقاط توسط خودروسازان و موتورسیکلت سازان معادل ۲۵ درصد تولید ماهانه است. واردکنندگان خودرو و موتورسیکلت موظفند به ازای واردات هر خودرو به تناسب مصرف سوخت، علاوه بر پرداخت عوارض گمرکی، گواهی اسقاط خودرو معادل را دریافت کنند. تعداد گواهی اسقاط به تناسب مصرف سوخت و قیمت خودروی وارداتی توسط سازمان ملی استاندارد ایران تعیین می‌شود.
انتخابانتخاب5 ساعت قبل
وی افزود: ۲۵ میلیون و ۵۵۰ هزار تومان پرداخت کردم و ماشین ۶۸ میلیون تومان بود و قرار شد ۳۶ ماهه مبلغ آن را واریز کنم. در برج ۱ به ما اعلام کردند که شرکت ایران خودرو به ما خودرو تحویل نمی‌دهد. آن روز در آن شرکت آنقدر شلوغ بود که نمی‌توانستیم حتی شک کنیم که این شرکت کلاهبرداری می‌کند. وی افزود: پول را واریز کردم و بعد از ده روز زنگ زدند که برای تحویل خودرو بیا و تسویه کن. من در آبان ماه سال ۹۶ این پول را پرداخت کردم و در آن زمان تیبا ۲۸ میلیون تومان بود، اما اکنون ۷۵ میلیون تومان است.
خبرآنلاینخبرآنلاین1 روز قبل
پس‌از معرفی آیپاد، اپل برای پاسخگویی به نیازهای کاربران آیپاد، دسته‌ای از ویژگی‌های جدید را با نسخه‌ی ۲ وارد برنامه‌ی آیتونز کرد. موفقیت آیتونز روی آیپاد نیز تأثیر گذاشت و تا ماه ژوئن همان سال، آیپاد نیز به فروش ۱ میلیون واحدی دست پیدا کرد. به‌ عصر پیچیدگی خوش آمدیدزمانی‌که آیتونز معرفی شد، استیو جابز برنامه‌های موجود آن زمان را «پیچیده» خطاب کرد. آیتونز ۱۰در سال ۲۰۱۱ آیتونز مچ به‌وجود آمد؛ قابلیتی که هرگز پایش را فراتر از مرزهای آمریکا، کانادا و استرالیا نگذاشت. از آغاز فعالیت آیتونز ۱۴ سال گذشته بود و در این مدت، شیوه‌ی گوش‌دادن کاربران به موسیقی تفاوت‌های عمده‌ای کرده بود.

نظرها

اخبار بیشتر