Pages

Monday, August 29, 2016

Google Calendar vs. Outlook Calendar: usecases and solutions of scheduling service

Online calendars and schedules are quite popular services in business. There are 2 big players between this type of  software: Google Calendar and Outlook Calendar. Lets test its features and figure out which one is better. As usual these web-services have more than 90% of users need. We will test only main usecases that are familiar for everyone and only in desktop version.






Usecases of an online calendar:

1) User can create, edit and delete task.
Both services have similar process of creating new task - users just select on timetable the time and type a name. The timetable is divided into parts of half an hour.

Google Calendar


Outlook Calendar







If user want to delete of edit a task he would click on it and choose right options.


Google Calendar


Outlook Calendar




Users could also use right click of the mouse to manage tasks in Outlook Calendar. There are several useless features like icon and color customization. Also user can send the task to someone using Forward button. We can use this




2) User must be able to share the task with the group of user.
Both services provide the same complicated solution of this usecase. Users must create the task and than edit the task where they could add participants. It is a long way especially if users share their tasks often.


Google Calendar



Outlook Calendar




3) User must be able to set up notification for a task.
Both services have this feature but they work different. Google Calendar shows a pop-up with reminder but Outlook Calendar make a sound.

Google Calendar





Outlook Calendar






4) User must be able to repeat a task.
It seems like Google calendar has more easy system. Users can do the same actions in Outlook but it is divided into 3 steps.

Google Calendar


Outlook Calendar

5) Users need to duplicate tasks
Our field discovery shows that users want to be able to duplicate a task. If some event (lunch or the end of working day for example) interrupt the tasks - it would be easy to duplicate one task and set up when users want to continue. Non of calendars provide this feature.

6) Connect with powerful alarm clock
Other survey shows that users that usually forget about important meetings want to setup powerful alarm notification.

Conclusion:
There is no big difference between Google and Outlook desktop calendar features.

A very impressive difference is the price of  Outlook Calendar that comes with Office Pack costs from 60-120 USD per year. While Google Docs and Calendar are free with almost similar features



.
Outlook Calendar has more modern UI while Google Calendar use old one. There are several design solution that make Outlook little bit more user-friendly. The calendar manage working time and free time by highlighting them with different color. And also we can show only working days in the window. It could be convenient for people who use calendar only for their job.




Monday, August 1, 2016

Принципи матеріального дизайну і чим він загрожує дизайнерам

Для багатьох користувачів смартфонів поява матеріального дизайну відбувался непомітно. Просто деякі додатки стали виглядіти інакше, трішки краще і веселіше. Користувачі зазвичай приписують ці якості додатку, а не технології, на якій додаток побудований. Проте різниця полягає саме у програмному каркасі для Android - Material design. Сподіваюся ця стаття допоможе вам розібратися, що ж відбулося у 2014 році в лабораторії Google.

Група дизайнерів Android взялася за задачу - розробити новий інтерфейс, який би був максимально реалістичний - тобто наслідував закони реальної фізики, при цьому залишаючися 2д. Група обрала папір у якості джерела натхнення та наслідування. У своїй лабораторії за допомогою освітлювальних приборів спочатку вони визначили найреалістичніші тіні.














Завдяки цим "косим" тіням ми можемо легко упізнати іконки додатків зроблених на матеріальному дизайні.










Тіні роблять ілюзію, що між поверхнею програми і склом екрану смартфону є простір, у якому ми відкриваємо чи перетягуємо елементи додатку. Проте тінь - лише незначний результат дослідження.













Найбільшим досягненням дослідників матеріального дизайну можна вважати нові технології анімації. Матеріальний дизайн виглядає немовірно живим порівняно зі своїми попередниками.











Перш за все, вони вводять в рух пришвидшення, пригальмовування та стрибання. Елементи не можуть рухатися з однаковою швидкістю у реальному світі - їм потрібен час для того, щоб розігнатися, те саме стосується і зупинки.












У цьому прикладі видно як форма з'являється знікуди і повільно зупиняється на екрані. Складається враження, що форма просто влітає на екран. Причому верхні поля влітають першими, таким чином увага користувача йде від верхніх елементів до кнопки APPLY. Так дизайнер може робити міні екскурсію у свій інтерфейс.











Матеріальний дизайн дуже чутливий. Усі елементи відгукуються як тільки користувач до них торкається. Розробники досягли зменшення відгуку нового вікна до 1/3 секунди. І навіть ці долі секунди приховуються анімацією.

 








Як і у реальному світі в матеріальному дизайні елементи "знають" про існування один одного. Якщо ви соваєте один елемент - інші теж починають рухатися.










Дуже важливим нововведенням стали зв'язки між попереднім та наступним вікном. Коли система переходить на інше вікно - користувач розуміє що відбувається на екрані.










Дизайнери концентрують увагу користувача на одному елементі при зміні вікон. Зазвичай це якась іконка чи фотографія. Якщо між вікнами немає спільних елементів - можна використати колір, як у цьому прикладі рожева кнопка стає частиною наступного вікна.









Одними з найпомітніших елементів матеріального дизайну є покращені анімовані іконки. Вони оживають від дотиків, роблячи досвід користувача дуже емоційним.














Також матеріальний дизайн легко впізнати по універсальній кнопці, яка знаходиться у правому нижньому кутку. Кажуть, що навколо неї точилося багато дискусій. Розробники не вірили, що користувачі зрозуміють її функціональність.










Чим поява матеріального дизайну загрожує дизайнерам і сфері мобільних додатків загалом? Хоча усі зміни стосуються UI, зміни набагато глибші. Як влучно висловився Oleksandr Slobodskyi: дизайн інтерфейсу  впливає на досвід взаємодії (UX).

  1. Потреба створення такого складного інтерфейсу показує, що ринок додатків починає перенасичуватися. Тут як і з іграми - зі збільшенням їхньої кількості - покращувалися інтерфейси, оскільки дизайн, а не функціональність стає визначним елементом вибору між однаковими продуктами.
  2. Кількість роботи над таким інтерфейсом зростає у десятки разів. Замість того, щоб склепати дизайн за тиждень і віддати програмістам - тепер доведеться тижнями промальовувати відео анімованих елементів однієї сторінки.
  3. На підході цілий клас нових програм, які об'єднають графіку і програмування. Перші невдалі спроби уже робить Adobe з продуктом Edge Animate. Але інтерфейс ще занадто складний і робота дуже нестабільна. Проте потрібно бути готовим, що скоро доведеться вчити нові програми.
  4. Кількість роботи для дизайнерів зростатиме, тому скоро потрібно очікувати збільшення попиту на тих, хто встиг освоїтися у новому динамічному матеріальному світі інтерфейсів.
  5. Матеріальний дизайн - це не просто фішка Android. Дослідження, зроблене дизайнерами Google змінює підхід до інтерфейсу і робить його реальнішим. Це великий крок до покращення наших стосунків з машинами, перетворення інтерфейсів на живу приємну людині взаємодію. 



Промоційне відео матеріального дизайну


Інтерв'ю з розробниками. На 45 секунді і далі показують реальні експеременти зі світлом.



Детальний опис з дуже детальними прикладами як можна робитим і як не можна робити:
https://material.google.com


Перекладено з статті "How to use material design in UIs of softwares, websites and applications"

How to use material design in UIs of softwares, websites and applications

If you are developing application for Android you should know what the "Material design" is. The main idea of material design is in implementing natural rules (shaddows, gravity) of outer world into UI.

A group of Android's designers started to discover real physical rules to make flat 2d design more attractive. They made many experiments with light and motions to discover how elements behave in material world.














Users can easily recognize material design because of shadows.










Shadows make an illusion that there is a space between the application and the screen glass. But it is only small feature of the concept.













The most impressive part of material design is motion. It is a tool to make the application alive.











The movement in animation cannot be linear. Material design uses acceleration and deceleration to show this realistic effect. Elements bounce a bit while they are going to stop.












You can see here how elements appear from nowhere and stop with deceleration.











The material design is responsive. This term is overused by designers. In this case it means that users don't wait for UI response but see result of his actions (tapping, dragging etc) immediately. It never keeps users waiting. An average transition have a 1/3 second duration. Material design just "hide" this delay under the motion.

 








Elements in material design are aware of each other. So if you move some of them the others will move also. They call is a choreographed motion.










The motion gives you visual understanding of what is going on on the screen. Users understand where new elements are coming from.










Material design use connection between start and final screen in motion even if it is different windows. Designer used pink color from one pressed button to connect it with next screen. Users attention is captured with one element and the motion looks better organized.










One of the most recognizable characteristic of material design is to polish details. This is kind of making small elements more attractive and interactive in UI. Look how these icons become responsive.







Material design is not just a feature of Android. Actually it is big discovering of user interfaces and how they interact with users. The ideas of this project will live in future design concepts. Google created a visual language that synthesized classic principles of good design with the innovation and possibility of technology and science.


Video

Interview with designers



Full guidelines of Material Design here: https://material.google.com

Українська версія статті "Принципи матеріального дизайну і чим він загрошує дизайнерам"