!Nordic mobile interfaces_001
-
Upload
nordic-agency-ab -
Category
Design
-
view
413 -
download
1
description
Transcript of !Nordic mobile interfaces_001
![Page 1: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/1.jpg)
{mobile} интерфейсыЧеловек и Машина
Leonid Bugaev,Nordic Agency ABкреативный директор,эксперт в области мобильных решений для бизнесаMoCo Day, 10.06.2011
![Page 2: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/2.jpg)
меньше офиса,больше мобильности
Leonid Bugaev,Nordic Agency ABкреативный директор,эксперт в области мобильных решений для бизнеса
![Page 3: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/3.jpg)
Агентство Nordic Agency AB(Москва – Стокгольм)
Основная специализация:креатив и графическиерешения в интернете
с 2010 – разрабатываемдизайн мобильныхприложений для iPhone, iPad
![Page 4: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/4.jpg)
Мы помогаем нашим клиентам(брендам и компаниям) находить свое лицо в интернете
Мы помогаем нашим клиентам(брендам и компаниям) находить свое лицо в интернете
![Page 5: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/5.jpg)
Бренды с которыми мы работаем
5
![Page 6: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/6.jpg)
интерфейс
![Page 7: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/7.jpg)
интерфейссовокупностьсредств и правил,обеспечивающихвзаимодействиеустройстввычислительнойсистемы ипрограмм, атакжевзаимодействиеих с человеком
![Page 8: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/8.jpg)
интерфейс?
![Page 9: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/9.jpg)
интерфейс?(угловатый)
![Page 10: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/10.jpg)
История перваяПро почту
![Page 11: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/11.jpg)
интерфейс?
![Page 12: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/12.jpg)
интерфейс?
![Page 13: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/13.jpg)
Интерфейс!Интерфейс!
![Page 14: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/14.jpg)
количество элементов управления:
МЕНЬШЕ
![Page 15: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/15.jpg)
История втораяПро дизайн интерфейса
![Page 16: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/16.jpg)
Сначала наши дизайнеры хотели сделать такое
![Page 17: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/17.jpg)
В крайнем случае - такое
![Page 18: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/18.jpg)
![Page 19: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/19.jpg)
Вайры?
![Page 20: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/20.jpg)
![Page 21: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/21.jpg)
Сначала создаются Wireframes.И только потом дизайн
![Page 22: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/22.jpg)
Кружились пальцы:
TapDouble TapDragFlickPinchSpreadPressPress&TapPress&Drag
Touch Gesture Reference Guide
![Page 23: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/23.jpg)
История третьяПро будущее
![Page 24: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/24.jpg)
Sixth Sense project: video
![Page 25: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/25.jpg)
только пальцы?
One-hand touch (на ходу)TouchMulti-TouchCapacitive Touch
![Page 26: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/26.jpg)
Распознавание жестов – нет прямого контакта сустройством
![Page 27: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/27.jpg)
Почему только пальцы?
Распознавание жестовEye-trackingРаспознавание речиРаспознавание образов
![Page 28: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/28.jpg)
Разные методывзаимодействия синтерфейсамимобильных устройств
![Page 29: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/29.jpg)
Клавиатуры с кнопками – уже мертвы
Nokia smartphone mix:
Keypad(123…0)
Qwerty Only
Touch
TouchQwerty Only
TouchKeypad
Keypad
Qwerty Only
2008 2009 2010
Source: Nokia –deices sold. Nokia Capital markets day 2009.
![Page 30: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/30.jpg)
Nokia Mixed Reality Concept: video
![Page 31: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/31.jpg)
Tony StarckPhone concept:video
![Page 32: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/32.jpg)
Transparent Display: videoSony Concept: video
![Page 33: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/33.jpg)
Тренды:УПРОЩЕНИЕ ИНТЕРФЕЙСОВ
![Page 34: !Nordic mobile interfaces_001](https://reader033.fdocuments.net/reader033/viewer/2022052911/559e077e1a28ab8d508b46c3/html5/thumbnails/34.jpg)
Q&A?
Leonid Bugaevfacebook.com/lbugaev