История пользовательского интерфейса и роль Apple в его развитии

|
FavoriteLoading В закладки
История пользовательского интерфейса и роль Apple в его развитии
01-Brief-History-of-User-Interface

У истоков знакомого всем пользовательского интерфейса в компьютерах и смартфонах лежат наработки Apple, которая смогла довести до ума и внедрить в массовые продукты интересные, а иногда даже гениальные находки других компаний и людей. Давайте вспомним, как все это было.

Каждый день миллионы людей активно используют свои мобильные устройства. Они печатают, кликают, листают, перетаскивают и меняют размер изображений на сенсорных дисплеях. Естественно, многие из нас помнят, что так было далеко не всегда. Этим людям мне захотелось напомнить, с чего все начиналось. Остальным, более юным, я предлагаю краткий экскурс в историю пользовательского интерфейса.

02-Brief-History-of-User-Interface

Вначале была клавиатура. Точнее, сперва появились перфокарты и электронно-лучевые трубки. Они помогли в создании первых гигантских компьютеров, которые могли использовать только специально обученные люди. Лишь позже клавиатура стала неким посредником между человеком и программой. Она помогла разобраться в управлении информацией, четко иерархически организованной на жестких дисках первых компьютеров. Использование печатного слова для манипуляций и взаимодействия с техникой — вполне разумный и логичный шаг, ведь слово и является способом ведения диалога не только между людьми, но и между людьми и их изобретениями.

03-Brief-History-of-User-Interface

В итоге с помощью клавиатуры пользователи печатали инструкции, которые выполнялись программами. Причем, некоторые до сих пор работают с ПК по тому же принципу, это разработчики и программисты, имеющие дело с более высокими материями, чем простой обыватель, для которого использование ПК сводится к веб-серфингу и играм.

Потом, в 1960-х на свет появилась компьютерная мышь, спасибо ее изобретателю из Стэнфорда, Дугласу Энгельбарту. Так зародилась новая модель взаимодействия с ПК, а дизайнеры первых пользовательских интерфейсов получили возможность создавать меню, которыми было гораздо проще управлять пользователям. С помощью мышки стало удобно буквально перетаскивать по экрану ПК значки. Началась эпоха, в которой человеку для управления компьютером не нужно было быть экспертом в данной сфере, ведь сам ПК мог предложить своему пользователю разнообразные меню, полные тех или иных опций.

04-Brief-History-of-User-Interface

В 70-х компания Xerox использовала данную идею, создав первый графический пользовательский интерфейс в стиле «что видишь на экране, то и получишь». Само собой, изначально эта разработка не планировалась как коммерческий продукт. Инженеры в Xerox таким способом собирались упростить подготовку документов к их печати на принтерах, производимых этой же компанией.

05-Brief-History-of-User-Interface

Вскоре после этого ребята из Apple позаимствовали новую идею у Xerox в обмен на некоторое количество акций своей новой фирмы. А в 1984 году свет увидел первый Macintosh — компьютер для обывателей, с помощью которого люди могли легко выполнять какие-то повседневные задачи. Концепция персонального компьютера стала еще более доступной широким массам.

06-Brief-History-of-User-Interface

Идея оказалась настолько успешной, что в очень скором времени ее использовали парни из Microsoft, создав свою собственную платформу Windows. А появление Windows 95 без преувеличения сотворило революцию в сфере ПК.

07-Brief-History-of-User-Interface

Развитие компьютерных технологий способствовало их упрощению и, соответственно, росту популярности. В начале 90-х персональные компьютеры начали изменять мир. Причем удачное сочетание довольно неплохой аппаратной платформы, понятного ПО и доступа в Интернет обещало практически всем желающим возможность познакомиться с таким, казалось бы, технологически сложным процессом управления ПК.

Хотя на тот момент технологии все же были еще довольно непростыми. При колоссальном потенциале для общения, поиска данных и обмена информацией пользовательский интерфейс и сам процесс использования компьютера оставляли желать лучшего. Не удивительно, что самыми продаваемыми в 90-х книгами стали справочники «Для чайников» и «Шаг за шагом».

08-Brief-History-of-User-Interface

На протяжении 90-х интерфейс компьютеров выглядит в целом одинаково, будь то машины на Windows 95 или Windows 98 (на тот момент гораздо более популярные, чем ОС от Apple). То же можно сказать и о незамысловатом веб-браузере, ведь в те времена даже самые продвинутые рекламщики еще не умели искусно продвигать информацию в Сети.

09-Brief-History-of-User-Interface
Типичная веб-страница 90-х

С течением времени появились и другие устройства кроме компьютеров, призванные облегчить жизнь пользователей и сделать ее интересней. Например, музыкальные плееры. Вряд ли кому-то стоит напоминать эволюцию этого устройства от простого кассетного плеера до CD- и MP3-плеера. В случае с кассетным и CD-плеером управление ими реализовывалось с помощью обычных аппаратных кнопок. Потом случился очередной прорыв – свет увидели пиринговые музыкальные сервисы вроде Napster. Так пользователи получили доступ буквально к любой желаемой песне. Тогда-то, на заре эры цифровой музыки и стали популярными MP3-плееры. Однако именно iPod своим появлением ознаменовал доступность и портативность музыки в цифровом формате буквально для всех.

10-Brief-History-of-User-Interface

И именно iPod стал позиционироваться как действительно классный музыкальный плеер. А чтобы подчеркнуть это и «подсадить» пользователей на новый гаджет, Apple обеспечила их еще и действительно уникальным ПО для управления и синхронизации их музыкальных коллекций — iTunes.

11-Brief-History-of-User-Interface

Немногим позже производитель заключил сделки со звукозаписывающими лейблами и запустил магазин по продаже музыки, iTunes Music Store. Оказалось, что это лишь дело времени — превращение iTunes в самый популярный виртуальный музыкальный магазин, а iPod — в любимый многими и самый популярный в мире музыкальный плеер.

Примерно в это же время начали появляться сотовые телефоны, которые смогли заменить пейджеры в качестве средства удаленного и мобильного общения между людьми. Первые их модели были скорее похожи на простые стационарные телефоны. С развитием технологий сотовые устройства начали оснащать маленькими пока что ЖК-дисплеями, и вскоре их владельцы получили возможность отправлять друг другу короткие текстовые сообщения по сотовой сети. Чтобы написать такое сообщение, приходилось пользоваться физическими кнопками телефона. Конечно, жизнь пользователям немного упростила функция «Т9», некий прототип уже привычного нам предикативного ввода.

12-Brief-History-of-User-Interface

Первые смартфоны на самом деле вовсе не были телефонами, их функцию изначально выполняли КПК. Они, конечно, были более функциональны, чем первые сотовые, да и какая-никакая технология сенсорного ввода в них уже присутствовала. Хотя для этого приходилось использовать стилус.

13-Brief-History-of-User-Interface

Само собой, Apple решила не отставать от конкурентов, и свет увидел Newton. Кстати, именно для этого гаджета тогда и был создан термин «КПК».

14-Brief-History-of-User-Interface

К слову, в первую очередь по возвращении в Apple Стив Джобс свернул производство Newton. Именно тогда было решено создавать исключительно продукты, без которых пользователям не обойтись, в минималистском дизайне и с присущей Apple философией. И как раз в те дни к команде присоединился совсем еще молодой дизайнер Джони Айв, который помог в создании iMac, MacBook и уже упомянутого выше iPod.

15-Brief-History-of-User-Interface

Тогда же Apple начала работу и над Mac OS X, операционной системой для компьютеров Mac. Иконки в ее интерфейсе сам Стив называл «съедобными», ведь многим они напоминали леденцы, да и в целом внешний вид системы значительно отличался от интерфейса Windows.

Пришло время и такие разработки как компьютер, сотовый телефон и MP3-плеер стали вполне самодостаточными, состоявшимися продуктами. В Apple воспользовались этим и объединили их в одном устройстве, в первом iPhone. Он уже не был простым телефоном, но и до смартфона, каким мы знаем его сейчас, iPhone 2G было еще далеко.

Тем не менее, смартфоны того времени все еще шли в комплекте со стилусом и редко обходились без физических кнопок. На фоне этого iPhone оказался просто таки революционным продуктом в своей сфере с его емкостным сенсорным дисплеем с поддержкой мультитач. Другие телефоны пока еще были оснащены пластиковыми резистивными дисплеями, и их пользователям, чтобы реализовать тот или иной жест, приходилось сильно надавливать на экран. Емкостный же дисплей реагирует на электроимпульсы в человеческом теле, и в сильных нажатиях просто нет необходимости.

Это первый в истории момент, когда человек смог управлять компьютером, уже карманным, с помощью прямых манипуляций. Если пользователю нужно переместить данные, он может сделать это, буквально перетащив пальцами документ или изображение из одного места экрана в другое. Ни клавиатура, ни мышь для этого уже не нужны.

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

16-Brief-History-of-User-Interface

Суть его заключается в том, что некий создаваемый продукт выглядит или работает (или и то, и другое) так, как другой, привычный для пользователей продукт. К скевоморфизму разработчики пользовательского интерфейса обращались и ранее, но именно Apple и именно в iPhone сделала эту практику крайне популярной.

Экраны с поддержкой мультитач стали гигантским шагом в обеспечении удобства использования смартфонов. Но сама по себе технология производства дисплеев все еще оставалась на одном уровне с производством экранов для ПК и ноутбуков, а ведь смартфон и лэптоп — далеко не одно и то же. Тексты и картинки на таких дисплеях смотрелись и воспринимались лучше, если были приукрашены дополнительными отвлекающими деталями.

17-Brief-History-of-User-Interface

Другое дело — Retina-дисплеи с высокой плотностью пикселей, благодаря чему текст и изображения видны гораздо четче — будто на странице глянцевого журнала. Когда наш глаз перестает различать отдельные пиксели на экране устройства, дизайнерам интерфейса нет нужды использовать уловки и украшения, чтобы заставить его выглядеть привлекательно. Здесь достаточно хорошо проработанного контента.

Хотя тут же становится ясно, что и дизайн аппаратной составляющей также не менее важен для опыта использования. Возьмем в качестве примера приложение «Калькулятор» в iPhone. Изначально его интерфейс выглядел так, как выглядит обычный физический калькулятор — ведь народ уже знал, как пользоваться последним. И хотя на данный момент дизайн приложения несколько изменился, стал более плоским, в нем еще можно уловить схожесть со стареньким привычным калькулятором.

18-Brief-History-of-User-Interface

Вот в чем суть дизайна пользовательского интерфейса: использование вещей, которые уже знакомы и понятны пользователям, для того, чтобы научить их обращаться с новыми вещами.

Сейчас дизайн переживает настоящий ренессанс. Пользователи теперь прекрасно понимают важность удобства в использовании и взаимодействия со своими гаджетами. Роль дизайна больше не сводится к некоему оформлению уже готовой технологии. Это — отдельная отрасль знаний, в которой мечтают работать многие талантливейшие люди.

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

В Apple на данный момент оба вида дизайна контролируются одним человеком — Джони Айвом. Да и как можно разделить эти две составляющие, если они теперь неразрывно связаны и являются единым целым.

В поп-культуре, кстати, также можно отследить мечты человека о развитии пользовательского интерфейса. Технологии работы дисплеев совершенствуются практически на глазах. Так что интерфейс вроде того, что задействован в шлеме Железного Человека, не кажется более чем-то нереальным или фантастичным. Это, скорее, вопрос времени.

19-Brief-History-of-User-Interface

Наверное, будущее сейчас за незаметными технологиями, которые никак не проявляют себя, пока в их использовании нет необходимости.

Стоит признать, что для развития технологий человеческое воображение крайне важно, но в плане интерфейса ему уж точно принадлежит роль первой скрипки. Вспомним хотя бы прообразы iPad и Siri в сериале «Звездный путь: Следующее поколение». Мы мечтаем, потом мы воплощаем свои мечты в жизнь и совершенствуем конечный продукт так, что он выглядит сошедшим со страниц произведения в стиле научной фантастики прошлых лет.

20-Brief-History-of-User-Interface

Развитие технологий происходит с невероятной скоростью. Но все революционные открытия и новые гаджеты появляются не потому, что пользователь мечтает еще сильней интегрироваться с технологиями. Наша цель — обеспечить себе более качественное общение, связь друг с другом. [Better Elevation]

Поставьте оценку:

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (Нет голосов)
Оставайся в теме. Подпишись на наш Telegram 👏
... и не забывай читать наш Facebook и Twitter 🍒
FavoriteLoading В закладки
undefined
iPhones.ru
У истоков знакомого всем пользовательского интерфейса в компьютерах и смартфонах лежат наработки Apple, которая смогла довести до ума и внедрить в массовые продукты интересные, а иногда даже гениальные находки других компаний и людей. Давайте вспомним, как все это было. Каждый день миллионы людей активно используют свои мобильные устройства. Они печатают, кликают, листают, перетаскивают и меняют...
Прокомментировать

🙈 Комментарии 10

  1. GermanBoy avatar
    GermanBoy14 января 2015
    0

    Прикольно

  2. RockerMan avatar
    RockerMan14 января 2015
    0

    Скевоморфизм… Помним. Любим. Скайрим

    efpies avatar
    efpies14 января 2015
    0

    @RockerMan, пони любят скайрим

  3. Power & Control avatar
    Power & Control14 января 2015
    0

    Круть! Картинку-сравнение с калькулятором надо было брать тот iPhone, на котором ~iOS 2. Там вроде круглые кнопочки были.

    RockerMan avatar
    RockerMan14 января 2015
    0

    @Power & Control, в иос2 квадратные

    Alex318i avatar
    Alex318i14 января 2015
    0

    @Power & Control, картинку взяли из ролика.
    А круглые кнопки были.
    http://s3files.core77.com/blog/images/braun_iphone.jpg

  4. polk avatar
    polk14 января 2015
    0

    Помнится, первый iphone дико хаяли за многие недостатки, в том числе и за калькулятор – процентов в нем не было.. А на андроиде их (процентов) и до сих пор нет (!)

  5. feelgood66 avatar
    feelgood6614 января 2015
    0

    ” Точнее, сперва появились перфокарты и электронно-лучевые трубки. Они помогли в создании первых гигантских компьютеров, которые могли использовать только специально обученные люди.”

    Сами то поняли что написали? “.. и пришли ЭЛ трубки… и помогли людям создать компьютер..” :)

  6. DarkGothicLady avatar
    DarkGothicLady2 апреля 2015
    0

    Классный экскурс в историю.

  7. 0

    ДА. читаю обзор на 9ку (http://www.remontiphone6.ru/novaya-versiya-ios-9/#topp). какая же халтура, по сравнению с прошлыми прорывами.

Вы должны авторизоваться или зарегистрироваться для комментирования.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.

Как установить аватар в комментариях?

Ответ вот здесь