История интерфейсов
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

История интерфейсов

  • 2,268 views
Uploaded on

Преза Юрия Ветрова.

Преза Юрия Ветрова.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,268
On Slideshare
2,171
From Embeds
97
Number of Embeds
2

Actions

Shares
Downloads
21
Comments
0
Likes
3

Embeds 97

http://voipoppdn.blogspot.com 95
http://voipoppdn.blogspot.ru 2

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Всемирная история интерфейсов 1001 продукт, повлиявший на сегодняшние технологии © 2011 Юрий Ветров www.uimodeling.ru
  • 2. О чем и зачем этот рассказ?Читать о том, как возникали и развивалисьключевые современные цифровыепродукты и интерфейсы – всегдаувлекательно. И тем более полезно, есливы хотите поучаствовать в созданииследующей технической революции.В этой презентации – 10 таких историй избольшой коллекции событий.2
  • 3. Основа оконных интерфейсов:Xerox Star3
  • 4. В июле 1945 Vannevar Bush описал Memex –систему хранения знаний и работы с ними. По сути,персональный компьютер на основе микрофильмов.4
  • 5. Идея вдохновила Douglas Engelbart. Его командаподготовила в 1968 году презентацию системы NLS (oN-LineSystem) – она совмещала мышь, GUI, гипертекст, растровуюграфику, средства совместной работы, видео-конференции,email, текстовый редактор и прообраз интернета.5
  • 6. Работа лаборатории Xerox PARC стала бесконечным источникомсовременных компьютерных технологий – от GUI и лазерныхпринтеров до объектно-ориентированного программирования иэлектронной бумаги. Первым результатом стал Xerox Alto в 1973– он представил метафору рабочего стола, WYSIWYG- играфический редактор, сетевые игры.6
  • 7. Их первый крупный коммерческий продукт, Xerox Star, собралвместе массу инноваций, которые являются основойсовременных компьютеров – оконный GUI с парадигмой WIMP,папки документов, локальную сеть и файловые серверы,лазерную печать, чекбоксы и радио-кнопки. Правда, продажи непошли – это было дорого и медленно.7
  • 8. Зато модель Apple 1984 года Macintosh стала супер-хитом и первым коммерчески успешным компьютеромс графическим интерфейсом и управлением мышью. Атакже первой платформой для Microsoft Word и Excel,Lotus 1-2-3, Adobe Photoshop и Illustrator.8
  • 9. Несмотря на то что Apple сама позаимствовала ключевыеидеи из Star, в 1989 году она подала в суд на Microsoft закопирование концепции оконного интерфейса. Xerox сразуподключился к процессу, обвинив в том же Apple. В итоге судотклонил иск Xerox за истечением срока давности, а Apple несмогла доказать кражу.9
  • 10. Оптимизация производительности:Системы бронирования билетов10
  • 11. Изначально весь процесс шел вручную – каждый рейс имелсвою бумажную карточку, в которой клерк отмечалпроданные места. Такой механический способ мешалобрабатывать активно растущий пассажиропоток. Крометого, работать с набором индексных карточек рейсовфизически могли не более 8 человек.11
  • 12. В 1939 в офисах American Airlines были поставленыспециальные табло, которые сигнализировали опродаже 75% билетов на рейс. С помощью этогоорганизационно-интерфейсного решения удалосьзначительно сократить количество звонков.12
  • 13. Мощным рывком стали системы Reservisor 1946 года,Magnetronic Reservisor 1952 и Reserwriter 1958 –специальный терминал на столе у каждогоменеджера, который развивал принцип первых табло.13
  • 14. В 1964 году запущена первая полностьюкомпьютеризированная система бронированияSABRE (Semi-Automatic Business ResearchEnvironment) от IBM.14
  • 15. В 1976 году American Airlines предоставила доступ ксистеме сторонним агентствам и скоро выяснила – в92% случаев они выбирает первый результат в списке.Компания начала «подкручивать» поисковую выдачу стем, чтобы ее рейсы оказывались первыми.15
  • 16. В 1996 году запущены сайты Travelocity (SABRE) иExpedia (Microsoft), которые позволили покупатьбилеты в интернете. За почти сотню лет процесспревратился из утомительно-сложного в доступнуюповсеместно услугу.16
  • 17. Долгий поиск подходящего формата:iPad17
  • 18. Планшетам уже больше сотни лет – еще в 1888 годуTeleautograph позволял передавать рукописныезаметки на расстоянии, будучи по сутипредвестником факса.18
  • 19. В 1968 году Alan Kay из вездесущей лабораторииXerox PARC описал концепцию Dynabook. Хотя идеятак и не была реализована, она здорово повлияла напоявление ноутбуков, планшетов и ридеровэлектронных книг.19
  • 20. 1980е ознаменовались активным развитием распознаванияпочерка и управления стилусом. Первая версия PDA от Palmвышла в 1993 году, одновременно с Apple Newton, но обаизначально провалились. В Palm пересмотрели задачу ичерез несколько лет стали продавать свой хит Palm Pilot.20
  • 21. Толчок рынку более производительных планшетовдала Microsoft, представив бренд “Tablet PC”.Несмотря на ранний старт и многочисленныенаработки, явление не стало массовым.21
  • 22. Зато iPad быстро стал хитом. Правда, рано говоритьо том, подкосят ли планшеты рынок настольныхкомпьютеров и ноутбуков – конкурирующиекомпании заметных успехов не добились.22
  • 23. Все компоненты системы важны:Радарные станции23
  • 24. В 1930х британское авиационное министерствоуслышало про «луч смерти» Nicholas Tesla. На делеих не оказалось, зато ученые пришли к выводу, чтоидею можно использовать для определения целей.24
  • 25. Создатели сети радаров быстро поняли, что основныепроблемы человеческие – огромная перегрузкаинформацией. Реорганизация операторов позволилазаметно улучшить работу социо-технической системы.25
  • 26. Важным нововведением стал экран с движущейся почасовой стрелке линией – Plan-Position Indicator. Егоподключение вместо осциллографов еще заметнееснизило нагрузку – отслеживать цель стало проще.26
  • 27. Третьей составляющей этой социо-техническойсистемы были истребители. Установка мини-радаровна борту «замкнула» систему – теперь все участникимогли всегда координировать свои действия.27
  • 28. Сразу после войны появилась более развитая версиясистемы – SAGE (Semi-Automatic Ground Environment).Она снимала значительную часть работы с оператора– оставалось только выбрать цели из предложенных.28
  • 29. SAGE положил основу многим наработкам винтерактивных интерфейсах, коммуникациям вреальном времени, был одной из первых онлайн-систем, послужил прототипом для системыбронирования билетов SABRE.29
  • 30. Двигатель массовой компьютеризации:Microsoft Excel30
  • 31. Во второй половине 1970х, когда персональныекомпьютеры только появились, поводов для ихиспользования было в основном два – обучение ибизнес. Первый из них активно поддерживалсяшколами и небольшим количеством домохозяйств.31
  • 32. Второй повод был обязан программе VisiCalc – первойэлектронной таблице, да еще и не требовавшеймощных компьютеров. Многие компании покупаликомпьютеры исключительно ради нее.32
  • 33. Быстро начали появляться конкуренты и самымуспешным из них был Lotus 1-2-3 – запущенный в 1983году, он тут же обошел своего предшественника впродажах. Кроме того, добавил к таблицам графики идиаграммы.33
  • 34. Два удачных решения – быстрый механизм пересчетазначений связанных ячеек и переход к GUI – помоглипереименованному в Excel приложению Multiplanвырваться вперед и стать одним из главныхисточников дохода Microsoft на долгие годы.34
  • 35. Любителей холиваров позабавит тот факт, что первая версияExcel вышла для компьютеров Apple Macintosh. Но благодарясравнительно недорогой цене этой платформы, Excel сталодной из главных причин для покупки компьютеров семьямии компаниями малого бизнеса.35
  • 36. Самое масштабное перепроектирование:Microsoft Office Ribbon36
  • 37. В первой версии MS Word для Windows, вышедшей в 1989году, было около 40 пунктов меню и всего 2 панелиинструментов. К появлению Office 2003 количество пунктовперевалило за 250. Часто пользователи просили добавить впродукт функции, которые там уже давно присутствовали.37
  • 38. В 1997 году в офисных приложениях появился «Скрепыш»,который подсказывал пользователю об интересныхфункциях. Он реализовал парадигму социальныхинтерфейсов, провозглашенную тогда как «замену WIMP»,но в итоге стал одним из самых ненавистных персонажей.38
  • 39. Office 2003 собирал информацию о частоте использованияфункций, в результате чего автоматически изменял наборпиктограмм в панелях инструментов и выпадающих меню.Должен был получиться адаптивный интерфейс, но напрактике его поведение было непредсказуемым.39
  • 40. При создании Office 2007 проведена масса исследованийтого, как используются продукты – какие командыприменяются чаще, каковы типичные цепочки действий.Собрали 10 000 часов видео работы пользователей изаписали информацию о 352 миллионах кликов.40
  • 41. Оказалось, что в среднем пользователи MS Officeпроводят в нем больше времени наедине, чем сосвоей второй половиной, а 5 наиболее используемыхкоманд (вставить, сохранить, копировать, отмена,полужирное выделение) отвечают за 32% всех кликов.41
  • 42. Новый интерфейс значительно упростил обучение для новыхпользователей и стал эффективнее, хотя навлек на себямассу негатива со стороны опытных. Спустя несколько летситуация успокоилась – около 90% пользователей довольныRibbon и соглашаются, что эффективность работы с нимзаметно выше.42
  • 43. Похожие подходы использовались ранее в продуктах AllaireHomeSuite, Lotus eSuite, Autodesk Maya, Borland Delphi. НоMicrosoft удалось сделать хорошее сбалансированноерешение, основанное на детальном изучении привычек иособенностей работы пользователей.43
  • 44. После выхода Office 2010 появилось дополнение RibbonHero. Оно в игровой форме рассказывает о возможностяхпродуктов линейки и стимулирует активнее пользоватьсяими. Пользователь собирает достижения за открытие новыхфункций и соревнуется в этом с друзьями.44
  • 45. Опыт хранения данных:Пакетная обработка45
  • 46. Первыми механическими устройствами, умеющимисчитывать данные, стали ткацкие станки BasileBouchon в 1725 году. Программа задавалась спомощью записанных на перфолентах алгоритмов.46
  • 47. Другой популярно сферой применения стали музыкальныеинструменты середины 19 века – шарманки, пианолы,оркестрионы и другие механизмы. Обычно они использовалидругой способ хранения произведения – металлическиеролики с выступающими частями.47
  • 48. В 1889 Tabulator от основателя IBM Herman Hollerithвпервые применил перфокарты в компьютернойтехнике для программирования. С этого продукта,кстати, и начался прообраз будущей компании IBM.48
  • 49. В середине 1940х годов перфокарты и перфолентыстали основным способом ввода данных в первыеэлектронные цифровые компьютеры. Позже ихзаменили подключаемые телетайп-терминалы дляввода команд напрямую.49
  • 50. Появление интерактивности:Игра Pong50
  • 51. Первой домашней игровой приставкой сталаMagnavox Odyssey 1972 года. Но настоящим хитомстала игра Pong, которую Atari позаимствовала уMagnavox – простейший теннис, доступный в видетелеприставки и игровых автоматов.51
  • 52. Известный проектировщик Jeffrey Veen вспоминает,насколько шокирующим было ощущениеинтерактивности – впервые они получиливозможность не просто смотреть телевизор, но ивзаимодействовать с ним.52
  • 53. На волне успеха игры поднялись многие компании,создававшие клоны Pong. Например, производительигральных карт Nintendo смог собрать хорошуюфинансовую «подушку» для экспансии в новуюиндустрию аркадных игр.53
  • 54. Дальше началась гонка технологий и конкурирующихбрендов, росли мощность и качество графики, ноосновные принципы управления не менялись допоявления Nintendo Wii и Kinect для Xbox 360.54
  • 55. Чемодан без ручки:Клавиатура QWERTY55
  • 56. Первой печатной машинкой считается Typowriter 1829года, который использовал диск для выбора букв – несамый удобный и быстрый способ. Еще хуже то, чтооператор не видел текста во время печати.56
  • 57. Сначала перешли к клавишам как у пианино – идеюпозаимствовали у телеграфных аппаратов. В 1867была запатентована одна из первых раскладокклавиатуры от Scholes и Glidden: 13579NOPQRSTUVWXYZ 2468.ABCDEFGHIJKLM57
  • 58. Вскоре начался процесс оптимизации клавиатуры стем повысить эффективность печати. Изучалинаиболее часто встречающиеся пары букв, чтопомогло сделать раскладку лучше. 23456789- AEI.?YUO, BCDFGHJKLM ZXWVTSRQPN58
  • 59. Хотя использовались эти знания не всегда во благо– авторы разнесли буквы из часто встречающихсякомбинаций далеко друг от друга, чтобы уменьшитьколичество заеданий из-за быстрой печати. 23456789-, QWE.TYIUOP ZSDFGHJKLM AX&CVBN?;R59
  • 60. Последняя версия была еще раз скорректирована стем чтобы поменять местами символы "." и "R" – такпродавцы печатной машинки могли впечатлитьклиента, написав фразу "TYPE WRITER" сиспользованием только кнопок верхнего ряда. 23456789-, QWERTYIUOP ZSDFGHJKLM AX&CVBN?;.60
  • 61. К 1910 произошла стандартизация на основе QWERTY. Нобыли и альтернативные раскладки – например, «идеальнаяклавиатура» Blickensderfer, которая использовалапоследовательность букв “DHIATENSOR” в верхнем ряду – изних можно составить 70% слов английского языка. Z X K G B V Q J P W F U L C M Y D H I A T E N S O R61
  • 62. Компоновка QWERTY-клавиатуры была во многомобусловлена техническими ограничениями механизмов – сдругой раскладкой ввод текста был бы быстрее. В то жевремя ее повсеместное распространение и устоявшиесяпривычки людей делают замену нерациональной. Например,раскладка Дворака: 1 2 3 4 5 6 7 8 9 0 ] = " < > P Y F G C R L ? A O E U I D H T N S _ : Q J K X B M W V Z62
  • 63. Начало комплексных потребительских продуктов:Экосистема iPod + iTunes + Store63
  • 64. Настоящую революцию в компактных развлекательныхустройствах совершил в 1979 году плеер Sony Walkman.Kane Kramer пошел еще дальше – он создал прообразцифровых плееров с чипом памяти на 3,5 минуты музыки ивозможностью загружать новые песни по телефону.64
  • 65. Спустя 20 лет компания Apple активно искала новыенаправления. Им приглянулся стремительно растущий рынокперсональных развлекательных устройств, на которомпредложение аудио-плееров было невразумительным, вомногом благодаря «бесконечно уродливым» интерфейсам.65
  • 66. В 2001 представлен iPod, скоро занявшийдоминирующее положение на рынке. Драйверомпродаж стал музыкальный магазин iTunes Store. Онобъединил составляющие в единую экосистему –устройство, программное обеспечение и контент.66
  • 67. Магазин не был ощутимым источником дохода компании, ноиграл важнейшую роль в поддержке продаж плееров.Похожим образом помог и AppStore для iPhone. Даввозможность зарабатывать разработчикам, он создал ещеболее тесную и взаимодополняющую экосистему.67
  • 68. В случае с iPad наличие на момент выпуска огромнойбазы контента и приложений стало заградительноймерой для конкурентов. Выпуск новых продуктовтеперь проще – они сразу становятся частью готовойэкосистемы, имея огромный отрыв от уже на старте.68
  • 69. Это также позволяет находить новые направления – сетьпартнеров и разработчиков дает невоспроизводимую силамисамой компании скорость инноваций. Это касается и«железок» – сформировалось множество производителейаксессуаров и подключаемой техники.69
  • 70. В продолжение истории… 200 иллюстрированных слайдов с хронологией основных событий – скоро в публикации на www.jvetrau.com. Методы ввода и вывода информации, основные платформы и парадигмы, социо- технические системы, тренды и интересные кейсы, описание процесса создания.
  • 71. Было приятно видеть вас! Вопросы? Юрий Ветров www.jvetrau.com twitter.com/jvetrau www.uimodeling.ru facebook.com/uimodeling Все иллюстрации, использованные в данной презентации, принадлежат их уважаемым владельцам. В случае, если вы являетесь ихправообладателем и против размещения этих иллюстраций – напишите, пожалуйста, письмо по адресу jvetrau@gmail.com и я уберу их из слайдов.