Прикладная картография в гиперлокальных discovery-интерфейсах; презентация для Mobile Optimized, май 2012.

1. Спортивное ориентирование
Прикладная картография в гиперлокальных
discovery-интерфейсах
Антон Уткин для mo.dev.by
Минск, май 2012

2. Привет!
Антон Уткин
Thalient Interfaces
Дружите меня скорее!
facebook.com/anton.outkine
vk.com/anton.outkine

3. thalient
interfaces
→ Небольшая компания-разработчик интерфейсов
→ 2 года на рынке, несколько интересных кейсов
→ В основном мобильные приложения и сайты
→ Но не только —

6. Точки
отсчета

7. Определимся с исходными
→ ЦА живёт разной, но активной жизнью
→ Everything is mobile and then some —
пользователь управляет преимущественно
мобильными устройствами
→ Отвлечения на бегу (которые чреваты, но в
любом случае очень мешают сосредоточиться)
→ Одна волшебная кнопка — когда бежишь или
едешь, просто мечтаешь о ней

8. Контекст

9. Как живёт пользователь
→ Вариант 1: есть цели — пользователя нужно
оптимальным образом провести по маршруту
→ Вариант 2: пользователь играет в Христофора
Колумба, ищет новые земли, блэкджек и
барышень сомнительного поведения
→ Социальный подвариант: «где мои друзья?»
→ Смешанный случай: «поди туда — примерно
даже представляю, куда, но выразить не могу»
→ Режимы жизнедеятельности пользователя
имеют паттерны и могут прозреваться
обучающейся системой

10. Хороший вариант 1 (цели)
→ Знакомые маршруты — офис, дом, любовница
→ Недавние маршруты — зоопарк, ломбард,
коллайдер
→ Типичные маршруты социального графа и его
приближений — на поводу у стадного инстинкта
→ Паттерны, периодичность и сбор данных —
Quantified Self наизнанку
→ Scout как пример

12. Хороший вариант 2 (открытия)
→ Снова паттерны, периодичность и сбор данных
→ Типичные места социального графа и его
приближений — где все, там и я
→ Фактор времени — ночью добрые люди спят
→ Простой сложный выбор — Парето позвонит
→ Гиперлокальная рекламная пауза
→ Foursquare как пример

13. Социальный подвариант
→ De gustibus и границы схождения
→ Медвежьи услуги любезной системы:
«Хозяин, к Маше, к Любке, или домой к жене?»
→ Право на частную жизнь
→ Социальная уместность во времени и в
пространстве
→ Группы и настройки социальных кругов
→ Ремикширование и матчмейкинг
→ Circle как пример

14. Особые случаи
→ Гости города
→ Бизнес
→ Граждане с ограничениями по здоровью

15. Карта vs. схема

19. 1 2 3 4 5 6 7 8 9
Special fares apply
hesham
9 Chalfont & 8 7 Watford Junction
8 7 6 5 Epping
Theydon Bois
6
Latimer Watford High Street High Barnet
Watford Cockfosters Debden
mersham Bushey Totteridge & Whetstone
Chorleywood Croxley Oakwood Loughton
Rickmansworth Moor Park
Carpenders Park Woodside Park
Southgate
Buckhurst Hill
5
4
Hatch End Roding Grange
Mill Hill East West Finchley Valley
Northwood Arnos Grove Hill
West Ruislip Northwood Edgware
Hills Headstone Lane
Stanmore Bounds Green Chigwell
Hillingdon Ruislip Finchley Central Hainault
4
Harrow & Burnt Oak
Ruislip Manor Pinner Wealdstone Wood Green Woodford
Canons Park
xbridge Ickenham East Finchley Fairlop
Colindale
Eastcote North Harrow Kenton Harringay South Woodford
Queensbury Turnpike Lane Green Lanes
3
Hendon Central Highgate Barkingside
Harrow- Northwick Preston Crouch Hill South Tottenham
on-the-Hill Kingsbury Snaresbrook
Ruislip Park Road
Rayners Lane Brent Cross Archway Manor House Seven Newbury Park
Gardens Blackhorse
Sisters Road
West South Kenton Gospel Redbridge
Harrow Golders Green
Neasden Oak Tufnell Park Upper Holloway
South Harrow North Wembley Hampstead Tottenham Walthamstow
South Ruislip Wembley Hampstead Heath Hale Central Wanstead Gants
Dollis Hill Arsenal Finsbury Hill Upmi
Wembley Central Park Kentish Town Park Leytonstone
Finchley Road Walthamstow Upminster Bridge
Sudbury Hill Stonebridge Park Willesden Green & Frognal Holloway Road Leyton Leytonstone
Kentish Queen’s Road
Town West Midland Road High Road
Belsize Park
3
Kilburn Caledonian Road Highbury & Hornchurch
Northolt Harlesden
Kensal Brondesbury Islington
Chalk Farm Leyton
2
Sudbury Town Willesden Junction Rise Park West Hampstead Dalston Dagenham
Camden Kingsland Stratford East Elm P
Finchley Road Road Caledonian International Wanstead Park
Brondesbury Camden Town
Kensal Green Road & Canonbury Hackney Central
Alperton Swiss Cottage Barnsbury
Dalston Junction Dagenham
Queen’s Park Kilburn South Mornington Stratford Heathway
High Road Hampstead St. John’s Wood Crescent Hackney
Greenford Homerton
Becontree
2
King’s Cross Wick Woodgrange Park
Kilburn Park St. Pancras Haggerston
Edgware Great Upney
Perivale Maida Vale Paddington Road Marylebone Stratford
Baker Portland Euston
Warwick Avenue Street High Street Barking
Street
Angel Hoxton Pudding
Royal Oak Mill Lane Abbey East Ham
Hanger Lane
Westbourne Park Euston Old Street Bethnal Road
Edgware Warren Street Green Mile End
Square Upton Park
Road Farringdon
Park Royal Regent’s Park Liverpool Bow Road Plaistow
Ladbroke Grove Shoreditch
Bayswater Russell Street High Street
Latimer Road Square Barbican Bromley- West Ham
North Ealing Goodge Bow Church by-Bow
East White Shepherd’s Notting Lancaster Bond Oxford Street Chancery Moorgate
Acton City Bush Hill Gate Gate Street Circus Lane Devons Road
Stepney Green
Aldgate Star Lane
1 2 3
Ealing Broadway St. Paul’s
West North Holland Queensway Marble Tottenham Holborn East Langdon Park
Whitechapel
5 4 3 2 1
Acton Acton Park Arch Court Road Bank
Wood Lane Covent Garden Aldgate Canning
All Saints Town
High Street Green Park Shadwell Royal
Acton Central Kensington Leicester Square Westferry Blackwall Victoria
Shepherd’s Bush Custom House for E
Ealing Common Market Hyde Park Corner Piccadilly
Kensington Cannon Street Limehouse Poplar
Circus Monument Tower East
South Acton (Olympia) India Emirates Prince Regent
Goldhawk Road Knightsbridge Mansion House Hill Royal Docks
Tower
n
West
tio
uc r
Fenchurch Street
Wapping
t r de
Charing Gateway Royal Alber
ns n
India Quay
co U
Barons Gloucester Cross Blackfriars
Acton Town Hammersmith Court Road St. James’s River Thames West
Silvertown Beckto
South Ealing Victoria Park Temple
Rotherhithe
Canary Wharf Cy
Northfields Chiswick Turnham Stamford Ravenscourt West Sloane Westminster Emirates
Earl’s South Embankment North
Park Green Brook Park Kensington Court Kensington Square London Bermondsey Canada Greenwich
Boston Manor Bridge Water Heron Quays Greenwich Pontoon Dock
for The O2
Peninsula
Gallions
Osterley West Brompton Waterloo London Reach
2
South Quay
2
City Airport Be
Gunnersbury Surrey Quays
Crossharbour King George V
Hounslow East Southwark
1
Fulham Broadway Pimlico
Hounslow Imperial
3
Kew Gardens Mudchute
West Hounslow Central Wharf
Parsons Green
Hatton Cross Lambeth Borough Island Gardens
Richmond
4 3
Putney Bridge North
Heathrow
minals 1, 2, 3 W
Cutty Sark for A
East Putney Maritime Greenwich
2
Heathrow Vauxhall
Terminal 4 Southfields Elephant & Castle New Cross Gate New Cross Greenwich
Heathrow Terminal 5 5 Wimbledon Park
Clapham Oval Kennington
Brockley Deptford Bridge
4
Junction
Wimbledon Honor Oak Park Elverson Road
Stockwell
Clapham North Forest Hill Lewisham
Clapham Common Sydenham
Brixton
Clapham South
Penge West
Balham
Anerley
3
Tooting Bec
Crystal Palace Norwood Junction
Tooting Broadway
5
Colliers Wood West Croydon
4
South Wimbledon
Morden This diagram is an evolution of the original design conceived in 1931 by H
ansport for London Correct at time of going to print, Jan
1 2 3 4 5 6 7 8 9

20. Crescent Homerton Hackney
2
King’s Cross Wick
St. Pancras Haggerston
one Great
Baker Portland Euston
Street Street
Angel Hoxton Pudding
Mill Lane
Warren Street Euston Old Street Bethnal
Square Green Mile End
Farringdon Bow Road
Regent’s Park Liverpool Shoreditch
Russell Street High Street
Square Barbican Bromley-
Goodge Bow Church by-Bow
er Bond Oxford Street Chancery Moorgate
Street Circus Lane Stepney Green Devons Road
Aldgate
1 2
St. Paul’s
Marble Tottenham Holborn East Langdon Park
Whitechapel
1
Arch Court Road Bank
Covent Garden Aldgate
All Saints
Green Park Shadwell
Leicester Square Westferry Blackwall
Corner Piccadilly Cannon Street
Circus Limehouse Poplar East
Monument Tower
ge Mansion House Hill India
Fenchurch Street Tower Wapping West
Charing Gateway
Cross Blackfriars India Quay
St. James’s River Thames
Victoria Park Temple
Rotherhithe
Canary Wharf
Sloane Westminster Embankment Emira
Square London Bermondsey Canada North Green
Bridge Water Heron Quays Greenwich Penin
for The O2
Waterloo
South Quay
Southwark
Surrey Quays
Crossharbour
2
1
Pimlico
Mudchute
Lambeth Borough Island Gardens
North
Cutty Sark for
Maritime Greenwich
2
Vauxhall Elephant & Castle New Cross Gate New Cross Greenwich
Brockley Deptford Bridge
Clapham Oval
Junction Kennington
Honor Oak Park Elverson Road
Stockwell
Clapham North Forest Hill Lewisham