Компьютерный способ создания интерфейса рекомендации контента

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

 

Область техники

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

Уровень техники

[02] Различные глобальные или локальные сети связи (интернет, всемирная паутина, локальные сети и подобные им) предлагают пользователю большой объем информации. Информация включает в себя контекстуальные разделы, такие как, среди прочего, новости и текущие события, карты, информация о компаниях, финансовая информация и ресурсы, информация о трафике, игры и информация развлекательного характера. Пользователи используют множество клиентских устройств (настольный компьютер, портативный компьютер, ноутбук, смартфон, планшеты и подобные им) для получения доступа к богатому информационному контенту (например, изображениям, аудио- и видеофайлам, анимированным изображениям и прочему мультимедийному контенту подобных сетей) с помощью браузерного приложения, чтобы извлекать, просматривать и переходить на информацию во всемирной паутине.

[03] Браузерные приложения, например, Google™ Chrome™, Microsoft™ Edge™, Mozilla™ Firefox™, Apple™ Safari™ и Opera™, обычно включают в себя такие элементы интерфейса, как, среди прочего, адресная строка для ввода универсального идентификатора желаемого ресурса (URI), окно просмотра для отображения ресурса, кнопку обновления для перезагрузки текущего ресурса, кнопки «назад» и «вперед» для соответственного перехода на предыдущий и следующий ресурс, строки поиска для ввода терминов в поисковую систему, кнопка «на главную» для возвращения на главную страницу пользователя.

[04] Объем доступной информации на различных интернет-ресурсах экспоненциально вырос за последние несколько лет. Были разработаны различные решения, которые позволяют обычному пользователю находить информацию, которую он(а) ищет. Примером такого решения является поисковая система, к которой можно осуществить доступ через браузерное приложение. Примеры поисковых систем включают в себя такие поисковые системы как Google™, Yandex™, Yahoo!™ и другие. Пользователь может получить доступ к интерфейсу поисковой системы и подтвердить поисковый запрос, связанный с информацией, которую пользователь хочет найти в Интернете. В ответ на поисковый запрос поисковые системы предоставляют ранжированный список результатов поиска. Ранжированный список результатов поиска создается на основе различных алгоритмов ранжирования, которые реализованы в конкретной поисковой системе, и которые используются пользователем, производящим поиск. Общей целью таких алгоритмов ранжирования является представление наиболее релевантных результатов вверху ранжированного списка, а менее релевантных результатов - на менее высоких позициях ранжированного списка результатов поиска (а наименее релевантные результаты поиска будут расположены внизу ранжированного списка результатов поиска).

[05] Поисковые системы обычно являются хорошим поисковым инструментом в том случае, когда пользователю заранее известно, что именно он(а) хочет найти. Другими словами, если пользователь заинтересован в получении информации о наиболее популярных местах в Италии (т.е. поисковая тема известна), пользователь может ввести поисковый запрос: «Наиболее популярные места в Италии». Поисковая система предоставит ранжированный список интернет-ресурсов, которые потенциально являются релевантными по отношению к поисковому запросу. Пользователь далее может просматривать ранжированный список результатов поиска для того, чтобы получить информацию, в которой он заинтересован, в данном случае - о посещаемых местах в Италии. Если пользователь по какой-либо причине не удовлетворен представленными результатами, пользователь может произвести вторичный поиск, уточнив запрос, например, «наиболее популярные места в Италии летом», «наиболее популярные места на юге Италии», «Наиболее популярные места в Италии для романтичного отдыха».

[06] Существует и другой подход, в котором пользователю предоставляется возможность обнаруживать содержимое и, конкретнее, позволяется отображать и/или рекомендовать содержимое, в поиске которого пользователь не был явно заинтересован. В некоторым смысле, подобные системы рекомендуют пользователю содержимое без отдельного поискового запроса, на основе явных или неявных интересов пользователя.

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

[08] Кроме того, увеличение количества устройств с различными размерами экранов, а также увеличение количества приложений для доступа к контенту, просмотра контента, поиска контента, (причем все они предлагают различные интерфейсы и требуют переключения между различными приложениями) может не только привести к большим затратам времени, лишним движениям, большим затратам вычислительной энергии и росту нагрузки на аккумулятор, но и ухудшить опыт пользователя.

[09] В патентной заявке США № US 2014095967 раскрыт способ и устройство для отображения информации. Когда терминал получает запрос на запуск браузера, терминал получает «быстрые ссылки» и веб-приложения, которые хранятся в кэше в локальной базе данных терминала, и отображает запрашивающему пользователю полученные быстрые ссылки с помощью комбинации значков на веб-странице и заголовков веб-страницы в центральном интерфейсе отображения стартовой страницы браузера. При получении запросов на переключение интерфейсов отображения стартовой страницы браузера терминал отображает окно поиска на стартовой странице браузера или полученные веб-приложения с помощью комбинации значков приложений и заголовков приложений на стартовой странице браузера.

Раскрытие

[10] Разработчики настоящего технического решения обнаружили, что существуют определенные технические недостатки, связанные с существующими системами и способами создания интерфейса рекомендации контента для пользователя электронного устройства. Целью настоящего технического решения является устранение по меньшей мере некоторых недостатков известного уровня техники, и конкретно, с помощью ограничения числа взаимодействий, требуемых для пользователя, таким образом, что (1) ограничивается число жестов, которые необходимы пользователю, чтобы физически взаимодействовать с электронным устройством;; и (2) омнибокс для ввода поискового запроса, ссылки и значки рекомендованного контента агрегируются в единственный интерфейс браузерного приложения.

[11] Настоящее техническое решение таким образом приводит, среди прочих преимуществ, к улучшению опыта навигации с помощью ограничения числа взаимодействий, требуемых от пользователя для взаимодействия с браузерным приложением, например, среди прочего, для доступа к сетевым ресурсам, поиска сетевых ресурсов и доступа к рекомендованному контенту. Ограниченное число взаимодействий может привести к (1) уменьшению количества жестов, которые пользователю физически необходимо осуществить для взаимодействия с электронным устройством; и/или (2) более интуитивному взаимодействию пользователя с браузерным приложением и рекомендованным контентом.

[12] Одним объектом настоящего технического решения является компьютерный способ создания интерфейса рекомендации контента для пользователя электронного устройства, причем способ выполняется электронным устройством, которое имеет процессор и устройство пользовательского интерфейса, соединенное с процессором, процессор выполнен с возможностью выполнять браузерное приложение; электронное устройство дополнительно включает в себя сетевой интерфейс для соединения с сервером рекомендаций через сеть передачи данных; способ включает в себя: получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения; в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) браузерного приложения, причем первый GUI включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI: первый элемент интерфейса, включающий в себя омнибокс, причем омнибокс выполнен с возможностью получать по меньшей мере либо сетевой адрес, либо поисковый запрос, и первый элемент интерфейса расположен по большей части в центре первого GUI; второй элемент интерфейса, включающий в себя по меньшей мере один значок, представляющий выбранный пользователем контент, причем каждый из по меньшей мере одного значка связан со связанным сетевым ресурсом, доступным по сети передачи данных, и второй элемент интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу интерфейса; третий элемент интерфейса, включающий в себя по меньшей мере один значок рекомендации, причем первый значок рекомендации связан с рекомендованным контентом, выбранным сервером рекомендаций, из множества элементов контента для потенциальной рекомендации, и третий элемент интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу интерфейса, причем вторая сторона противоположна первой стороне; получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя: часть первого элемента интерфейса, расположенную на краю второго GUI, расположенного с первой стороны; и второй элемент интерфейса, расположенный таким образом, что первое расстояние сокращается; и не включает в себя третий элемент интерфейса; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя: третий элемент интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок рекомендации и по меньшей мере второй значок рекомендации, причем первый значок рекомендации будет отображен полностью, а по меньшей мере второй значок рекомендации будет отображен по меньшей мере частично; и не включает в себя первый элемент интерфейса и второй элемент интерфейса.

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

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

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

[16] В некоторых вариантах осуществления способа значок рекомендации связан со связанным рекомендованным элементом контента, доступным со связанного сетевого ресурса, к которому можно осуществить доступ по сети передачи данных.

[17] В некоторых вариантах осуществления способа в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку рекомендации третьего элемента интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком рекомендации, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения.

[18] В некоторых вариантах осуществления способ может дополнительно включать в себя в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к омнибоксу, создание второго GUI, причем второй GUI включает в себя: первый элемент интерфейса, расположенный по большей части в центре второго GUI; второй элемент интерфейса; и клавиатуру приложения для ввода текста в омнибокс.

[19] В некоторых вариантах осуществления способа в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку второго элемента интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения.

[20] В некоторых вариантах осуществления способ может дополнительно включать в себя отображение экрана редактирования второго элемента интерфейса во втором GUI в ответ на пользовательский жест «долгое нажатие» на второй элемент интерфейса.

[21] В некоторых вариантах осуществления способ может дополнительно включать в себя выполнение анимированного перехода между первым GUI и вторым GUI в ответ на пользовательский жест.

[22] В некоторых вариантах осуществления способ может дополнительно включать в себя определение параметра анимированного перехода, причем параметр включает в себя по меньшей мере скорость перехода, и определение включает в себя: получение первого расположения и первого времени пользовательского жеста; получение второго расположения и второго времени пользовательского жеста; определение скорости перехода с помощью определения разницы между вторым расположением и первым расположением и разницы между вторым временем и первым временем пользовательского жеста.

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

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

[25] В некоторых вариантах осуществления способа в ответ на получение указания на то, что пользователь повернул электронное устройство во второе положение, отображение сокращенной версии первого GUI как первого GUI.

[26] В некоторых вариантах осуществления способа в ответ на получение указания на то, что пользователь повернул электронное устройство во второе положение, отображение расширенной версии первого GUI как первого GUI.

[27] В некоторых вариантах осуществления способ может включать в себя получение с помощью устройства пользовательского интерфейса указания на второе пользовательское взаимодействие со вторым GUI, причем второй GUI включает в себя третий элемент интерфейса и не включает в себя первый элемент интерфейса и второй элемент интерфейса; в ответ на определение того, что второе пользовательское взаимодействие со вторым GUI является пользовательским жестом, связанным со вторым направлением, создание на втором элементе интерфейса третьего значка рекомендации и по меньшей мере четвертого значка рекомендации, причем третий значок рекомендации будет отображен полностью, а по меньшей мере четвертый значок рекомендации будет отображен по меньшей мере частично.

[28] В некоторых вариантах осуществления способа третий значок рекомендации является вторым значком рекомендации.

[29] Другим объектом настоящего технического решения является система создания интерфейса рекомендации контента для пользователя электронного устройства, причем система включает в себя электронное устройство, которое имеет по меньшей мере процессор и устройство пользовательского интерфейса, соединенное с процессором, процессор выполнен с возможностью выполнять браузерное приложение; электронное устройство дополнительно включает в себя сетевой интерфейс для соединения с сервером рекомендаций через сеть передачи данных; процессор структурирован и выполнен с возможностью осуществлять: получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения; в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) браузерного приложения, причем первый GUI включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI: первый элемент интерфейса, включающий в себя омнибокс, причем омнибокс выполнен с возможностью получать по меньшей мере либо сетевой адрес, либо поисковый запрос, и первый элемент интерфейса расположен по большей части в центре первого GUI; второй элемент интерфейса, включающий в себя по меньшей мере один значок, представляющий выбранный пользователем контент, причем каждый из по меньшей мере одного значка связан со связанным сетевым ресурсом, доступном по сети передачи данных, и второй элемент интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу интерфейса; третий элемент интерфейса, включающий в себя по меньшей мере один значок рекомендации, причем первый значок рекомендации связан с рекомендованным контентом, выбранным сервером рекомендаций, из множества элементов контента для потенциальной рекомендации, и третий элемент интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу интерфейса, причем вторая сторона противоположна первой стороне; получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя: часть первого элемента интерфейса, расположенную на краю второго GUI, расположенного с первой стороны; и второй элемент интерфейса, расположенный таким образом, что первое расстояние сокращается; и не включает в себя третий элемент интерфейса; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя: третий элемент интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок рекомендации и по меньшей мере второй значок рекомендации, причем первый значок рекомендации будет отображен полностью, а по меньшей мере второй значок рекомендации будет отображен по меньшей мере частично; и не включает в себя первый элемент интерфейса и второй элемент интерфейса.

[30] Другим объектом настоящего технического решения является постоянный машиночитаемый носитель, хранящий программные инструкции взаимодействия с элементов контента из потока контента, при этом программные инструкции выполняются процессором компьютерной системы для осуществления одного или нескольких упомянутых выше способов.

[31] Другим объектом настоящего технического решения является компьютерная система, например, без введения ограничений, электронное устройство, включающее в себя по меньшей мере один процессор и память, хранящую программные инструкции для взаимодействия с браузерным приложением; при этом программные инструкции выполняются одним или несколькими процессорами компьютерной системы для осуществления одного или нескольких упомянутых выше способов.

[32] В контексте настоящего описания, если четко не указано иное, «компьютерная система», «электронное устройство», «мобильное устройство», «устройство», «сервер», «удаленный сервер» и «компьютерная система» подразумевают под собой аппаратное и/или программное обеспечение, подходящее к решению соответствующей задачи. Таким образом, некоторые неограничивающие примеры аппаратного и/или программного обеспечения включают в себя компьютеры (серверы, настольные компьютеры, ноутбуки, нетбуки и так далее), смартфоны, планшеты, сетевое оборудование (маршрутизаторы, коммутаторы, шлюзы и так далее) и/или их комбинацию.

[33] В контексте настоящего описания, если четко не указано иное, «машиночитаемый носитель» и «память» подразумевает под собой носитель абсолютно любого типа и характера, и примеры, не ограничивающие настоящее техническое решение, включают в себя ОЗУ, ПЗУ, диски (компакт диски, DVD-диски, дискеты, жесткие диски и т.д.), USB-ключи, флеш-карты, твердотельные накопители и накопители на магнитной ленте.

[34] В контексте настоящего описания «графический пользовательский интерфейс» (GUI) может подразумевать под собой интерфейс, отображенный по меньшей мере на части экрана электронного устройства, позволяя пользователю взаимодействовать с электронным устройством с помощью графических значков и визуальных указателей. Пользователь может взаимодействовать с графическим интерфейсом с помощью прямых манипуляций графических элементов GUI. Графический пользовательский интерфейс может включать в себя по меньшей мере один элемент интерфейса, и взаимодействие с графическим пользовательским интерфейсом может создать или инициировать появление других графических пользовательских интерфейсов.

[35] В контексте настоящего описания «значок» подразумевает под собой элемент графического пользовательского интерфейса, и может включать в себя изображения, видео, анимацию, текст, виджеты и любую другую контентную часть графического пользовательского интерфейса.

[36] В контексте настоящего описания «рекомендация контента» может относиться к любому алгоритму, способному рекомендовать контент пользователю с помощью сервера рекомендаций. Сервер рекомендаций может использовать алгоритмы машинного обучения, например, искусственные нейронные сети, алгоритмы на основе байесовой статистики, алгоритмы регрессий на основе гауссовских процессов, деревья решений и так далее для рекомендации контента пользователю.

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

[38] В контексте настоящего описания, если четко не указано иное, «указание» информационного элемента может представлять собой сам информационный элемент или указатель, отсылку, ссылку или другой косвенный способ, позволяющий получателю указания найти сеть, память, базу данных или другой машиночитаемый носитель, из которого может быть извлечен информационный элемент. Например, указание на документ может включать в себя сам документ (т.е. его содержимое), или же оно может являться уникальным дескриптором документа, идентифицирующим файл по отношению к конкретной файловой системе, или каким-то другими средствами передавать получателю указание на сетевую папку, адрес памяти, таблицу в базе данных или другое место, в котором можно получить доступ к файлу. Как будет понятно специалистам в данной области техники, степень точности, необходимая для такого указания, зависит от степени первичного понимания того, как должна быть интерпретирована информация, которой обмениваются получатель и отправитель указателя. Например, если до передачи данных между отправителем и получателем понятно, что указание информационного элемента принимает вид ключа базы данных для записи в конкретной таблице заранее установленной базы данных, включающей в себя информационный элемент, то передача ключа базы данных - это все, что необходимо для эффективной передачи информационного элемента получателю, несмотря на то, что сам по себе информационный элемент не передавался между отправителем и получателем указания.

[39] В контексте настоящего описания элемент интерфейса, расположенный «по большей части в центре» может подразумевать под собой часть элемента интерфейса GUI, расположенную в середине или вблизи к середине в пределах GUI, отображенного браузерным приложением. Элемент интерфейса, расположенный «на краю» может подразумевать под собой часть элемента интерфейса GUI, расположенную с краю или вблизи к краю в пределах GUI, отображенного браузерным приложением. Элементы интерфейса могут быть расположены по большей части в центре или на краю GUI браузерного приложения, а могут и не быть так расположены по отношению к отображаемой области экрана устройства, поскольку на устройстве может быть запущена одна или несколько программ одновременно, и они могут разделить экран устройства на одну или несколько областей, и браузер может занимать только часть отображаемой области экрана устройства. Выражение «элемент интерфейса расположен на первом расстоянии и с первой стороны от другого элемента интерфейса» может подразумевать под собой такую ситуацию, когда элемент интерфейса находится на определенном расстоянии в определенном направлении по определенной оси, например, без введения ограничений, в верхнем (снизу-вверх) или нижнем (сверху-вниз) направлении на вертикальной оси. Пользовательский жест, связанный с первым направлением, может подразумевать под собой пользовательский жест, например, движение проведения пальцем, проделанное для взаимодействия с элементом интерфейса, причем движение проведения пальцем производится вдоль той же оси, по которой расположен элемент интерфейса, и движение проведения пальцем может производиться в том же самом направлении (т.е. первом направлении) или в другом направлении (т.е. втором направлении) и будет зависеть от того, как выполнено устройство или программное обеспечение на устройстве.

[40] В контексте настоящего описания, если конкретно не указано иное, слова «первый», «второй», «третий» и т.д. используются в виде прилагательных исключительно для того, чтобы отличать существительные, к которым они относятся, друг от друга, а не для целей описания какой-либо конкретной взаимосвязи между этими существительными. Так, например, следует иметь в виду, что использование терминов «первый сервер» и «третий сервер» не подразумевает какого-либо порядка, отнесения к определенному типу, хронологии, иерархии или ранжирования (например) серверов/между серверами, равно как и их использование (само по себе) не предполагает, что некий «второй сервер» обязательно должен существовать в той или иной ситуации. В дальнейшем, как указано здесь в других контекстах, упоминание «первого» элемента и «второго» элемента не исключает возможности того, что это один и тот же фактический реальный элемент. Так, например, в некоторых случаях, «первый» сервер и «второй» сервер могут являться одним и тем же программным и/или аппаратным обеспечением, а в других случаях они могут являться разным программным и/или аппаратным обеспечением.

[41] Каждый вариант осуществления настоящего технического решения преследует по меньшей мере одну из вышеупомянутых целей и/или объектов. Следует иметь в виду, что некоторые объекты данного технического решения, полученные в результате попыток достичь вышеупомянутой цели могут удовлетворять и другим целям, отдельно не указанным здесь.

[42] Дополнительные и/или альтернативные характеристики, аспекты и преимущества вариантов осуществления настоящего технического решения станут очевидными из последующего описания, прилагаемых чертежей и прилагаемой формулы изобретения.

Краткое описание чертежей

[43] Для лучшего понимания настоящего технического решения, а также других его аспектов и характерных черт, сделана ссылка на следующее описание, которое должно использоваться в сочетании с прилагаемыми чертежами, где:

[44] На Фиг. 1 представлена схема компьютерной системы, которая подходит для реализации настоящего технического решения, и/или которая используется в сочетании с вариантами осуществления настоящего технического решения;

[45] На Фиг. 2 представлена схема сетевой вычислительной среды в соответствии с вариантом осуществления настоящего технического решения;

[46] На Фиг. 3 представлена схема первого графического пользовательского интерфейса (GUI), отображенного в компьютерной системе, изображенной на Фиг. 1, с помощью браузерного приложения в соответствии с вариантами осуществления настоящего технического решения;

[47] На Фиг. 4 представлена схема второго графического пользовательского интерфейса (GUI), включающего в себя первый элемент интерфейса и второй элемент интерфейса, отображенные в компьютерной системе, изображенной на Фиг. 1, с помощью браузерного приложения в соответствии с вариантами осуществления настоящего технического решения;

[48] На Фиг. 5 представлена схема второго графического пользовательского интерфейса (GUI), включающего в себя третий элемент интерфейса, отображенные в компьютерной системе, изображенной на Фиг. 1, с помощью браузерного приложения в соответствии с вариантами осуществления настоящего технического решения;

[49] На Фиг. 6 представлена схема рекомендованного потока контента, который является частью третьего элемента интерфейса, в соответствии с вариантом осуществления настоящего технического решения;

[50] На Фиг. 7 представлена схема второго GUI после пользовательского взаимодействия в соответствии с вариантом осуществления настоящего технического решения;

[51] На Фиг. 8 представлена схема первого GUI после пользовательского взаимодействия с первым элементом интерфейса в соответствии с вариантом осуществления настоящего технического решения;

[52] На Фиг. 9, 10, 11 представлены схема части второго GUI после пользовательского взаимодействия со значком микрофона первого элемента интерфейса в соответствии с вариантом осуществления настоящего технического решения;

[53] На Фиг. 12 представлена схема первого GUI после того, как пользователь начал печатать запрос в первом элементе интерфейса в соответствии с вариантом осуществления настоящего технического решения;

[54] На Фиг. 13 представлена схема второго GUI после пользовательского взаимодействия со вторым элементом интерфейса в соответствии с вариантом осуществления настоящего технического решения;

[55] На Фиг. 14, 15, 16 представлены схемы первого визуального перехода, связанного с первым направлением, от первого GUI ко второму GUI в соответствии с вариантом осуществления настоящего технического решения;

[56] На Фиг. 17, 18, 19 представлены схемы второго визуального перехода, связанного со вторым направлением, от первого GUI ко второму GUI в соответствии с вариантом осуществления настоящего технического решения;

[57] На Фиг. 20 представлена схема пользовательского взаимодействия с первым GUI в соответствии с вариантом осуществления настоящего технического решения;

[58] На Фиг. 21 представлена блок-схема способа, исполняемого в соответствии с вариантом осуществления настоящего технического решения.

[59] Также следует отметить, что чертежи выполнены не в масштабе, если специально не указано иное.

Осуществление

[60] Все примеры и используемые здесь условные конструкции предназначены, главным образом, для того, чтобы помочь читателю понять принципы настоящего технического решения, а не для установления границ его объема. Следует также отметить, что специалисты в данной области техники могут разработать различные схемы, отдельно не описанные и не показанные здесь, но которые, тем не менее, воплощают собой принципы настоящего технического решения и находятся в границах его объема.

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

[62] Некоторые полезные примеры модификаций настоящего технического решения также могут быть охвачены нижеследующим описанием. Целью этого является также исключительно помощь в понимании, а не определение объема и границ настоящего технического решения. Эти модификации не представляют собой исчерпывающего списка, и специалисты в данной области техники могут создавать другие модификации, остающиеся в границах объема настоящего технического решения. Кроме того, те случаи, в которых не были представлены примеры модификаций, не должны интерпретироваться как то, что никакие модификации невозможны, и/или что то, что было описано, является единственным вариантом осуществления этого элемента настоящего технического решения.

[63] Более того, все заявленные здесь принципы, аспекты и варианты осуществления настоящего технического решения, равно как и конкретные их примеры, предназначены для обозначения их структурных и функциональных основ. Таким образом, например, специалистами в данной области техники будет очевидно, что представленные здесь блок-схемы представляют собой концептуальные иллюстративные схемы, отражающие принципы настоящего технического решения. Аналогично, любые блок-схемы, диаграммы, псевдокоды и т.п. представляют собой различные процессы, которые могут быть представлены на машиночитаемом носителе и, таким образом, использоваться компьютером или процессором, вне зависимости от того, показан явно подобный компьютер или процессор или нет.

[64] Функции различных элементов, показанных на фигурах, включая функциональный блок, обозначенный как «процессор» или «графический процессор», могут быть обеспечены с помощью специализированного аппаратного обеспечения или же аппаратного обеспечения, способного использовать подходящее программное обеспечение. Когда речь идет о процессоре, функции могут обеспечиваться одним специализированным процессором, одним общим процессором или множеством индивидуальных процессоров, причем некоторые из них могут являться общими. В некоторых вариантах осуществления настоящего технического решения процессор может являться универсальным процессором, например, центральным процессором (CPU) или специализированным для конкретной цели процессором, например, графическим процессором (GPU). Более того, использование термина «процессор» или «контроллер» не должно подразумевать исключительно аппаратное обеспечение, способное поддерживать работу программного обеспечения, и может включать в себя, без установления ограничений, цифровой сигнальный процессор (DSP), сетевой процессор, интегральную схему специального назначения (ASIC), программируемую пользователем вентильную матрицу (FPGA), постоянное запоминающее устройство (ПЗУ) для хранения программного обеспечения, оперативное запоминающее устройство (ОЗУ) и энергонезависимое запоминающее устройство. Также в это может быть включено другое аппаратное обеспечение, обычное и/или специальное.

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

[66] С учетом этих примечаний далее будут рассмотрены некоторые варианты осуществления аспектов настоящего технического решения, не ограничивающие его объем.

[67] На Фиг. 1 представлена компьютерная система 100, которую возможно использовать с некоторыми вариантами осуществления настоящего технического решения. В некоторых вариантах осуществления настоящего технического решения компьютерная система 100 выполнена как электронное устройство 210 (показано на Фиг. 2) в виде мобильного устройства. Компьютерная система 100 включает в себя различные аппаратные компоненты, включая один или несколько одно- или многоядерных процессоров, которые представлены процессором 110, графическим процессором (GPU) 111, твердотельный накопитель 120, ОЗУ 130, интерфейс 140 монитора, и интерфейс 150 ввода/вывода. Компьютерная система 100 может быть смартфоном, например, без введения ограничений, iPhone™ от Apple или Galaxy™ от Samsung. Компьютерная система 100 может быть планшетом, например, без введения ограничений, iPad™ от Apple или Galaxy Tab™ от Samsung. В общем случае, компьютерная система 100 может быть, среди прочего, «электронным устройством», «мобильным устройством», «устройством» и любым аппаратным и/или программным обеспечением, подходящим для выполнения задачи. Как будет понятно специалистам в данной области техники, можно предусмотреть множество вариантов того, как может быть реализована компьютерная система 100, не выходя за границы настоящего технического решения.

[68] Связь между различными компонентами компьютерной системы 100 может осуществляться с помощью одной или нескольких внутренних и/или внешних шин 160 (например, шины PCI, универсальной последовательной шины, высокоскоростной шины IEEE 1394, шины SCSI, шины Serial ATA, шины ARINC и так далее), с которыми электронными средствами соединены различные аппаратные компоненты. Интерфейс 140 монитора может быть соединен с монитором (не показан) с помощью кабеля или шины. Монитор также может упоминаться как экран.

[69] Интерфейс 150 ввода/вывода может быть соединен с сенсорным экраном 190 и/или одной или несколькими внутренними и/или внешними шинами 160. Сенсорный экран 190 может быть частью экрана. В некоторых вариантах осуществления настоящего технического решения сенсорный экран 190 является монитором. Сенсорный экран 190 может также упоминаться как экран 190. Компьютер 100 с сенсорным экраном 190 может упоминаться как устройство пользовательского интерфейса. В вариантах осуществления настоящего технического решения, показанных на Фиг. 1, сенсорный экран 190 включает в себя сенсорное аппаратное обеспечение 194 (например, чувствительные к давлению ячейки, встроенные в экран, которые позволяют определять физические взаимодействия между пользователем и монитором) и контроллер 192 сенсорного ввода/вывода, позволяющий взаимодействовать с интерфейсом 140 монитора и/или одой или несколькими внутренними и/или внешними шинами 160. В некоторых вариантах осуществления настоящего технического решения интерфейс 150 ввода/вывода может быть соединен с клавиатурой (не показана), давая пользователю дополнительную (в дополнение к сенсорному экрану 190) возможность взаимодействовать с компьютерной системой 100.

[70] В соответствии с вариантами осуществления настоящего технического решения твердотельный накопитель 120 хранит программные команды, подходящие для загрузки в ОЗУ 130, и использующиеся процессором 110 и/или графическим процессором GPU 111 для предоставления пользователю возможности взаимодействовать с элементом контента потока контента с помощью реализации приложения отображения потока контента. В некоторых вариантах осуществления настоящего технического решения приложение отображения потока контента может также упоминаться как приложение рекомендаций. Например, программные инструкции могут представлять собой часть библиотеки или приложение.

[71] В общем случае, без введения ограничений компьютерная система 100 может реализовать операционную систему, например, Apple iOS™ 9 для устройств Apple iPhone™ или Android Marshmallow™ для устройств Samsung™ Galaxy™. Кроме того, может быть реализована не только операционная система, но и браузерное приложение 215 (изображенное на Фиг. 2) в соответствии со стандартами программирования и языками программирования, например, без введения ограничений, Swift или Objective-C для устройств с iOS или Android Java для устройств с Android OS.

[72] В общем случае, задачей поискового приложения 215 является предоставление пользователю (например, пользователю 170, изображенному на Фиг. 2) возможности взаимодействовать с контентом (или другим способом его визуализировать), сохраненном в памяти (например, в ОЗУ 130) компьютерной системы 100, как будет описано подробнее ниже.

[73] Реализация браузерного приложения 215 никак конкретно не ограничена. Браузерное приложение 215 может быть приложением, загруженным из так называемого магазина приложений, например, без введения ограничений, App Store™ от Apple и/или Google Play™ Store от Google и установленное/реализованное в компьютерной системе 100. Важно иметь в виду, что браузерное приложение 215 может быть вызвано с помощью любых других средств.

[74] На Фиг. 2 представлена схема сетевой вычислительной среды 200, подходящей для использования совместно с некоторыми вариантами осуществления настоящего технического решения. Сетевая вычислительная среда 200 включает в себя электронное устройство 210, реализующее браузерное приложение 215. Электронное устройство 210 может быть связано с пользователем 170. В некоторых вариантах осуществления электронное устройство 210 реализовано с возможностью включать в себя по меньшей мере некоторые компоненты компьютерной системы 100. В настоящем описании электронное устройство 210 может также упоминаться как компьютерная система 100 и наоборот. Сетевая вычислительная среда 200 может включать в себя сервер 222, обменивающийся данными с электронным устройством 210 по сети 200 передачи данных. Сетевая компьютерная среда 200 может включать в себя больше серверов и/или больше электронных устройств, что не выходит за границы настоящего технического решения. Следовательно, число серверов и тип архитектуры не является ограничением объема настоящего технического решения.

[75] В одном варианте осуществления настоящего технического решения между электронным устройством 210 и сервером 222 может быть установлен канал передачи данных (не показан), чтобы обеспечить возможность обмена данными. Такой обмен данными может происходить на постоянной основе или же, альтернативно, при наступлении конкретных событий. Например, в контексте (i) создания рекомендаций контента для представления пользователю 170; и/или (ii) в ответ на пользовательские взаимодействия с различными элементами интерфейса. В некоторых вариантах осуществления настоящего технического решения сервер 222 может создавать данные, например, без введения ограничений, данные, позволяющие представлять элементы рекомендованного контента пользователю 170. Данные, созданные сервером 222, могут передаваться электронному устройству 210. После получения данные могут быть обработаны электронным устройством 210 таким образом, чтобы создавать поток рекомендованного контента для представления на сенсорном экране 190 электронного устройства 210. В некоторых вариантах осуществления настоящего технического решения пользователь 170 с помощью электронного устройства 210 может взаимодействовать с одним или несколькими рекомендованными элементами контента (или другими элементами браузерного приложения 215 и/или в случае действия, связанного с одним или несколькими элементами рекомендованного контента потока контента. В итоге электронное устройство 210 может передавать данные, относящиеся к такому действию, серверу 222. Сервер 222, получив данные от электронного устройства 210, может предпринимать дополнительные действия, например, сохранение полученных данных и/или предоставление новых элементов рекомендованного контента пользователю 170 и/или предоставлять пользователю 170 предложенные ссылки ресурсов в ответ на поисковые запросы или историю использования.

[76] Сервер 222 может быть выполнен как обычный компьютерный сервер и может включать в себя некоторые или все характеристики компьютерной системы 100, изображенной на Фиг. 1. В примере варианта осуществления настоящего технического решения сервер 222 может представлять собой сервер Dell™ PowerEdge™, на котором используется операционная система Microsoft™ Windows Server™. Излишне говорить, что сервер 222 может представлять собой любое другое подходящее аппаратное и/или прикладное программное, и/или системное программное обеспечение или их комбинацию. В представленном варианте осуществления настоящего технического решения, не ограничивающем его объем, сервер 222 является одиночным сервером. В других вариантах осуществления настоящего технического решения, не ограничивающих его объем, функциональность сервера 222 может быть разделена и может выполняться с помощью нескольких серверов.

[77] Варианты осуществления сервера 222 широко известны среди специалистов в данной области техники. Тем не менее, для краткой справки: сервер 222 содержит интерфейс передачи данных (не показан), который настроен и выполнен с возможностью устанавливать соединение с различными элементами (например, электронным устройством 210 и другими электронными устройствами, потенциально соединенные с сетью) через сеть. Сервер 222 дополнительно включает в себя по меньшей мере один компьютерный процессор (например, процессор 110 сервера 222), функционально соединенный с интерфейсом передачи данных и настроенный и выполненный с возможностью выполнять различные процессы.

[78] В качестве примера, но не ограничения, в данных вариантах осуществления настоящего технического решения в случаях, когда электронное устройство 210 представляет собой беспроводное устройство связи (например, смартфон или планшет), линия 102 передачи данных представляет собой беспроводную сеть передачи данных (например, среди прочего, линия передачи данных 3G, линия передачи данных 4G, беспроводной интернет Wireless Fidelity или коротко WiFi®, Bluetooth® и т.п.). Как будет понятно специалистам в области настоящего технического решения, может быть предусмотрено множество вариантов, не выходящих за границы настоящего технического решения.

[79] На Фиг. 3 изображен первый графический пользовательский интерфейс (GUI) 300 на электронном устройстве 210, например, с помощью браузерного приложения 215, запущенного на электронном устройстве 210. Первый GUI 300 может быть напрямую представлен пользователю 170, когда пользователь 170 активирует браузерное приложение 215. В некоторых вариантах осуществления настоящего технического решения первый GUI 300 может быть представлен пользователю 170 после получения указания, с помощью кнопки в браузерном приложении 215 или другого приложения (не изображено). Первый GUI 300 может в общем случае включать в себя три элемента визуального интерфейса: по меньшей мере часть первого элемента 310 интерфейса, расположенного в центре, по меньшей мере часть второго элемента 320 интерфейса, расположенного сверху, и по меньшей мере часть третьего элемента 330 интерфейса, расположенного снизу. Первый GUI 300 может дополнительно включать в себя первую кнопку 302, вторую кнопку 304 и фон.

[80] Первый элемент 310 интерфейса может включать в себя логотип 312, в этом примере логотип Yandex™; омнибокс 314, и значок микрофона 315, который формирует часть омнибокса 314. Логотип 312 может быть статическим изображением, динамическим изображением или видео. Логотип 312 может быть интерактивным элементом, связанным с действием; в этом примере логотип 312 связан с гиперссылкой, ведущей на Yandex™, веб-сайт поисковой системы. В некоторых вариантах осуществления настоящего технического решения логотип 312 может быть связан с другими действиями в браузерном приложении 215, или может не быть связан ни с одним действием. В других вариантах осуществления настоящего технического решения логотипа 312 может не быть. Омнибокс 314 может быть напрямую связан с поисковой системой, например, с поисковой системой Yandex™, и может быть выполнен с возможностью предоставлять пользователю 170 возможность взаимодействовать с омнибоксом, вводить поисковой запрос и/или сетевой адрес, например, универсальный локатор ресурса (URL) веб-сайта, чтобы получить доступ. В изображенном варианте осуществления настоящего технического решения омнибокс 314 является комбинацией адресной строки браузерного приложения 215 и поля ввода поисковой системы. Значок микрофона 315 может использоваться для ввода голосового ввода с помощью электронного устройства 210, что будет подробнее описано ниже.

[81] Часть второго элемента 320 интерфейса, отображенная в первом GUI 300, может включать в себя первый значок 321, второй значок 322, третий значок 323 и четвертый значок 324. И первый значок 321, и второй значок 322, и третий значок 323, и четвертый значок 324 могут включать в себя только графическое представление, только текстовое представление или комбинацию графического и текстового представления связанного сетевого ресурса. В некоторых вариантах осуществления настоящего технического решения и первый значок 321, и второй значок 322, и третий значок 323, и четвертый значок 324 могут быть статическим графическим представлением, например, изображением, или динамическим графическим представлением, например, анимированным изображением. В примере, представленном на Фиг. 3, первый значок 321 может быть логотипом Facebook™, второй значок 322 может быть значком в виде облака с текстом "weather" («погода»), написанным ниже, третий значок 323 может быть значком электронной почты с текстом "e-mail" («электронная почта»), написанным ниже, и четвертый значок 324 может быть значком в виде тележки для покупок без приведенного ниже текста. И первый значок 321, и второй значок 322, и третий значок 323, и четвертый значок 324 могут быть связаны с соответствующим сетевым ресурсом, доступным по сети 220 передачи данных. В приведенном здесь примере и первый значок 321, и второй значок 322, и третий значок 323, и четвертый значок 324 могут включать в себя гиперссылки на различные ресурсы, первый значок 321 может вести на www.facebook.com, второй значок 322 может вести на pogoda.yandex.ru, третий значок 323 может вести на mail.yandex.com, а четвертый значок 324 может вести на market.yandex.ru. В некоторых вариантах осуществления настоящего технического решения по меньшей мере либо первый значок 321, либо второй значок 322, либо третий значок 323, либо четвертый значок 324 могут быть значком или кнопкой для взаимодействия с первым элементом 310, например, без введения ограничений, отображение пользовательских опций, или для навигации по первому GUI 300, второму GUI 400 и второму GUI 500.

[82] В некоторых вариантах осуществления настоящего технического решения пользователь 170 выбирает контент ссылок, связанных с первым значком 321, вторым значком 322, третьим значком 323 и четвертым значком 324, при ознакомлении с сетевым ресурсом (не изображен). Этот выбор может быть выполнен посредством добавления сетевых ресурсов первому значку 321, второму значку 322, третьему значку 323 и четвертому значку 324 напрямую при ознакомлении с сетевым ресурсом в окне (не изображено) браузерного приложения 215.

[83] Часть третьего элемента 330 интерфейса, отображенная в первом GUI 300 может включать в себя по меньшей мере часть первого значка 340 рекомендации, который может быть связан с рекомендованным контентом (не пронумерован). Рекомендованный контент, связанный с первым значком 340 рекомендации, мог быть выбран сервером рекомендаций, например, сервером 222 из множества элементов контента для потенциальной рекомендации (не изображено). В примере, приведенном здесь, сервер рекомендаций - это система рекомендаций Yandex™ Zen™, а первый значок 340 рекомендации связан с рекомендованным контентом (не пронумерован), который может включать в себя логотип 342, причем логотип 342 появляется из источника рекомендованного контента, и заголовок рекомендованного контента 344.

[84] В примере, представленном на Фиг. 3, второй элемент 320 интерфейса расположен сверху, а третий элемент 330 интерфейса расположен снизу экрана 190 электронного устройства 210 («верх» и «низ» в положении, изображено на Фиг. 3). Однако в альтернативных вариантах осуществления настоящего технического решения второй элемент 320 интерфейса может быть расположен либо слева, либо справа от первого элемента 310 интерфейса, а третий элемент 330 интерфейса может быть расположен, соответственно, наоборот - либо справа, либо слева от первого элемента 310 интерфейса.

[85] В некоторых вариантах осуществления настоящего технического решения хотя второй элемент 320 интерфейса и третий элемент 330 интерфейса видны пользователю 170 не полностью, пользователь 170 может взаимодействовать со вторым элементом 320 интерфейса и третьим элементом 330 интерфейса таким же образом, как если бы он(а) мог видеть второй элемент 320 интерфейса и третий элемент 330 интерфейса полностью.

[86] В некоторых вариантах осуществления настоящего технического решения, в которых в электронном устройстве 210 есть сенсорный экран 190, пользователь 170 может взаимодействовать с первым GUI 300 с помощью осуществления жеста проведения пальцем на экране электронного устройства 210. Жест проведения пальцем может быть направлен в первом направлении, в направлении вниз, сверху-вниз (по отношению к точке зрения пользователя 170, держащего электронного устройство 210 вертикально), что приводит к первому визуальному переходу на отображение (частично или полностью) второго GUI 400 (показан на Фиг. 4), включающего в себя второй элемент интерфейса 320 и/или первый элемент 310 интерфейса, вместо первого GUI 300. В некоторых вариантах осуществления настоящего технического решения первое направление может быть направлением вверх, снизу-вверх (по отношению к точке зрения пользователя 170, держащего электронного устройство 210 вертикально).

[87] Напротив, жест проведения пальцем, направленный во втором направлении, верхнем, снизу-вверх, вызывает второй визуальный переход на отображение (частично или полностью) второго GUI 500 (показан на Фиг. 5), включающего в себя третий элемент 330 интерфейса, вместо одновременного отображения первого элемента 310 интерфейса, второго элемента 320 интерфейса, и третьего элемента 330 интерфейса, как в первом GUI 300. В некоторых вариантах осуществления настоящего технического решения второе направление может быть направлением вниз, сверху-вниз (по отношению к точке зрения пользователя 170, держащего электронного устройство 210 вертикально).

[88] В итоге в некоторых вариантах осуществления настоящего технического решения пользователь 170 может осуществлять навигацию по первому элементу 310 интерфейса, второму элементу 320 интерфейса, и третьему элементу 330 интерфейса, образующие первый GUI 300, проводя пальцем в первом направлении и/или втором направлении, причем первое направление и второе направление, в варианте, показанном на Фиг. 3, расположены в вертикальном направлении (например, направление вверх и направление вниз). Также могут быть предусмотрены другие варианты того, как пользователь 170 может взаимодействовать с браузерным приложением (не изображены), например, без введения ограничений, проведение пальцем в других направлениях, предоставление обратной связи с помощью камеры электронного устройства 210, без отклонения от объема настоящего технического решения.

[89] На Фиг. 4 появился второй GUI 400, после того, как пользователь 170 выполнил пользовательский жест, связанный с первым направлением, направлением вниз. Второй GUI 400 может включать в себя часть второго элемента 320 интерфейса, видимую на первом GUI 300, и другую часть второго элемента 420 интерфейса, которую не видно на первом GUI 300. Часть второго элемента 320 интерфейса и другая часть второго элемента 420 интерфейса вместе составляют полный второй элемент 430 интерфейса. Второй GUI 400 мог появиться после того, как пользователь 170 выполнил жест проведения пальцем, связанный с первым направлением, направлением вниз (не изображено). Второй GUI 400 может быть отображен таким образом, что первое расстояние (не пронумеровано) между первым элементом 310 интерфейса и вторым элементом 320 интерфейса (как изображено на Фиг. 3) сокращается, и таким образом второй GUI 400 не включает в себя третий элемент 330 интерфейса и логотип 312. Таким образом, полный второй элемент 430 интерфейса может включать в себя часть второго элемента 320 интерфейса, причем часть второго элемента 320 интерфейса включает в себя первый значок 321, второй значок 322, третий значок 323 и четвертый значок 324, и может включать в себя другую часть второго элемента 420 интерфейса, которая включает в себя пятый значок 425, шестой значок 426, седьмой значок 427 и восьмой значок 428. В общем случае другая часть второго элемента 420 интерфейса может обладать видом, визуально аналогичным части второго элемента 320 интерфейса, поскольку другая часть второго элемента 420 интерфейса является продолжением части второго элемента 320 интерфейса. Как и в случае части второго элемента 320 интерфейса, и пятый значок 425, и шестой значок 426, и седьмой значок 427, и восьмой значок 428 другой части второго элемента 420 интерфейса могут включать в себя только графическое представление, только текстовое представление или комбинацию графического и текстового представления связанного сетевого ресурса.

[90] В некоторых вариантах осуществления настоящего технического решения и пятый значок 425, и шестой значок 426, и седьмой значок 427, и восьмой значок 428 могут быть статическим графическим представлением, например, изображением. В некоторых вариантах осуществления настоящего технического решения и пятый значок 425, и шестой значок 426, и седьмой значок 427, и восьмой значок 428 могут быть динамическим графическим представлением, например, без введения ограничений, коротким видео или GIF. В этом примере пятый значок 425 может быть значком в виде газеты, связанным с веб-сайтом news.yandex.ru, а шестой значок 426 может быть логотипом Google с надписью Gmail, написанной ниже, и вести на mail.google.com. Седьмой значок 427 может быть логотипом Macrumors и вести на www.macrumors.com, а восьмой значок 428 может быть картинкой с изображением лампочки с акронимом USTPO и вести на www.uspto.gov. В примере, приведенном здесь, второй GUI 400 с полным вторым элементом 430 интерфейса может быть использован для связи и отображения избранных или отмеченных закладкой сетевых ресурсов или веб-сайтов пользователя 170, истории пользователя 170 посещений страниц в интернете и/или других веб-сайтов, выбранных пользователем 170 для получения быстрого доступа к этим веб-сайтам в виде значков. Значки (например, и первый значок 321, и второй значок 322, и третий значок 323 и четвертый значок 324, и пятый значок 425, и шестой значок 426, и седьмой значок 427, и восьмой значок 428) полного второго элемента 430 интерфейса могут также упоминаться как статические значки, что означает, что они связаны с выбранным пользователем контентом и/или основаны на действии, связанном с пользователем, например, без введения ограничений, просмотренными в прошлом веб-сайтами. Может существовать предварительно выбранное число значков, которое может быть выбрано как часть второго GUI 400. В некоторых вариантах осуществления настоящего технического решения предварительно определенное число значков может зависеть от параметров, связанных с электронным устройством 210, например, без введения ограничения, размер экрана, разрешение и/или расположение (ориентация в пространстве).

[91] На Фиг. 5 изображена другая версия второго GUI 400, второй GUI 500, отображаемый после того, как пользователь 170 выполнил пользовательский жест, связанный со вторым направлением, направлением вверх, в первом GUI 300. Второй GUI 500 может включать в себя логотип 520 и полный третий элемент 510 интерфейса, что означает, что третий элемент 510 интерфейса может занимать остаток пространства экрана, занятого браузерным приложением 215 на сенсорном экране 190 электронного устройства 210. В примере, изображенном здесь, логотип 520 является логотипом Yandex™ Zen™, расположенным над полным третьим элементом 510 интерфейса. В некоторых вариантах осуществления настоящего технического решения логотип 520 может быть другим интерактивным элементом, связанным с действием. В других вариантах осуществления настоящего технического решения логотип 520 может быть пропущен или расположен в другом месте (например, под третьим элементом 510 интерфейса или в пределах третьего элемента 510 интерфейса).

[92] Полный третий элемент 510 интерфейса может включать в себя полный первый значок 540 рекомендации и часть второго значка 550 рекомендации. Полный первый значок 540 рекомендации может включать в себя часть первого значка 340 рекомендации, отображенного в первом GUI 300, и остальную часть первого значка рекомендации (не пронумеровано), которая может быть не видна на первом GUI 300. Значок рекомендации может упоминаться как динамический значок рекомендации, что означает, что значок и его контент могут быть определены и предложены с помощью алгоритма машинного обучения без пользовательских действий или с минимальными пользовательскими действиями. В общем случае, полный третий элемент 510 интерфейса может быть рекомендованным потоком контента (не пронумеровано), включающим в себя по меньшей мере один значок рекомендации с рекомендованным контентом. Значок рекомендации может быть отображен в виде карточки, где динамический контент и типы данных из различных источников могут быть отображены в стандартизированном интерактивном формате для облегчения просмотра рекомендованного контента в потоке рекомендованного контента. Полный первый значок 540 рекомендации может быть связан с рекомендованным контентом и может включать в себя логотип 342, причем логотип 342 появляется из источника рекомендованного контента. В некоторых вариантах осуществления настоящего технического решения логотип 342 может быть пропущен или расположен в другом месте. Полный первый значок 540 рекомендации может включать в себя заголовок рекомендованного контента 344. Полный первый значок 540 рекомендации может дополнительно включать в себя выдержку из рекомендованного контента 546. Полный первый значок 540 рекомендации может дополнительно включать в себя кнопку 548 опций, которая дает доступ к опциям рекомендованного контента (не изображено). Полный первый значок 540 рекомендации может действовать как гиперссылка (не изображено) на рекомендованный контент, к которому пользователь 170 может осуществить доступ, касаясь любой части полного первого значка 540 рекомендации, что может инициировать открытие браузерным приложением 215 третьего GUI (не изображено) для отображения элемента рекомендованного контента как сохраненного источником элемента рекомендованного контента (в приведенном примере - веб-страницы с рекомендованной статьей). В некоторых вариантах осуществления настоящего технического решения значок рекомендации может быть разделен на несколько значков рекомендации. В других вариантах осуществления настоящего технического решения значок рекомендации может быть расширен, чтобы показать больше контента, в ответ на такие пользовательские жесты как, не вводя ограничений, жест долгого нажатия или жест двойного прикосновения. В некоторых вариантах осуществления настоящего технического решения пользовательский жест может быть определен как долгое нажатие если пользовательский жест прикосновения превышает предварительно определенный временной порог.

[93] В некоторых вариантах осуществления настоящего технического решения гиперссылка (не изображена) может инициировать открытие электронным устройством 210 приложения, связанного с рекомендованным контентом. Под полным первым значком 540 рекомендации может быть расположен второй значок 550 рекомендации, который является частью полного третьего элемента 510 интерфейса. Как и в случае полного первого значка 540 рекомендаций, часть второго значка 550 рекомендаций может быть связана с другим рекомендованным контентом (не пронумерован) и может включать в себя логотип 552, заголовок 554 и часть выдержки другого рекомендованного контента 556. В некоторых вариантах осуществления настоящего технического решения полный третий элемент 510 интерфейса может включать в себя другой рекомендованный контент, который отличается от новостных статей, такой как посты из социальных сетей, посты в RSS, электронные сообщения, информацию, связанную с пользователем и его местоположением, например, погоду, трафик, маршруты или любую иную релевантную информацию.

[94] На Фиг. 6 схематически изображен поток 600 рекомендованного контента, связанный с третьим элементом 330 интерфейса. Как изображено на Фиг. 6, в любой данный момент времени по меньшей мере часть потока 600 рекомендованного контента (а именно, элемент контента n) отображена на электронном устройстве 210 (например, браузерным приложением 215), в то время как другие части потока 600 рекомендованного контента (а именно, элемент контента n-1 и элемент контента n+1) доступны для отображения.

[95] Для того, чтобы облегчить понимание того, как структурирован поток 600 рекомендованного контента и как пользователь 170 может взаимодействовать с потоком 600 рекомендованного контента, значок 602 рекомендации представлен как элемент контента n, который может быть, например, вторым значком 550 рекомендации, после того как пользователь провел пальцем, чтобы отобразить полный контент второго значка 550 рекомендации. Также представлены предыдущий значок 604 рекомендации и следующий значок 606 рекомендации. Предыдущий значок 604 рекомендации представлен как элемент контента n-1, который может быть первым значком 540 рекомендации. Следующий значок 606 рекомендации представлен как элемент контента n+1, который может быть третьим значком рекомендации (не пронумерован).

[96] Значки 602, 604, 606 рекомендации располагаются вместе для того, чтобы определить вертикальный поток 600 рекомендации контента, когда пользователь, например, пользователь 170, держит электронное устройство 210. Значок 602 рекомендации, представленный элементом контента л, обозначен прямоугольником, расположенным таким образом, что он полностью отображен на экране электронного устройства 210. В итоге значок 602 рекомендации, представленный элементом контента n, может быть определен как активный элемент контента, поскольку он полностью виден пользователю 170. Кроме того, пользователь 170 может также взаимодействовать со значком 602 рекомендации, например, для предоставления обратной связи, связанной со значком 602 рекомендации и/или для инициации действия по отношению к значку 602 рекомендации.

[97] В примере, представленном на Фиг. 6, также видимы нижняя часть значка 604 рекомендации и верхняя часть значка 606 рекомендации. В некоторых вариантах осуществления настоящего технического решения, хотя значки 604 и 606 рекомендации не полностью видимы пользователю 170, пользователь 170 все-таки может взаимодействовать со значками 604 и 606 рекомендации аналогично тому, как он(а) взаимодействовал(а) бы со значком 602 рекомендации. В некоторых вариантах осуществления настоящего технического решения пользователь 170 может взаимодействовать с потоком 600 рекомендованного контента с помощью завершения жеста проведения пальцем по сенсорному аппаратному обеспечению 194 электронного устройства 210. Жест проведения пальцем может быть направлен во втором направлении, снизу-вверх (по отношению к точке зрения пользователя 170, держащего электронного устройство 210 вертикально), что приводит к третьему визуальному переходу на отображение (частично или полностью) значка 606 рекомендации вместо значка 602 рекомендации.

[98] Напротив, жест проведения пальцем, связанный с первым направлением, сверху-вниз, инициирует четвертый визуальный переход, приводящий к отображению (частично или полностью) значка 604 рекомендации вместо значка 602 рекомендации. В итоге в некоторых вариантах осуществления настоящего технического решения пользователь 170 может осуществлять навигацию по множеству значков рекомендаций, образующих поток 600 рекомендованного контента, проводя пальцем в первом направлении и/или втором направлении, причем первое направление и второе направление, в варианте, показанном на Фиг. 6, расположены в вертикальном направлении (например, направление вверх и направление вниз). Предусмотрены также другие варианты того, как пользователь 170 может взаимодействовать с потоком 600 рекомендованного контента, без отклонения от объема настоящего технического решения, что включает в себя варианты осуществления настоящего технического решения, в которых пользователь 170 взаимодействует с потоком 600 рекомендованного контента и/или значками 602, 604, 606 рекомендаций с помощью интерфейсов электронных устройств 210, которые отличаются от сенсорного экрана 190 (например, с помощью голосовых команд, удаленных визуальных жестов, мыши, клавиатуры, указывающие устройства и так далее).

[99] В некоторых вариантах осуществления настоящего технического решения поток 600 рекомендованного контента может быть организован таким образом, что значки 602,604, 606 рекомендации, включающие в себя элементы рекомендованного контента, организованы определенным образом, например, в хронологическом порядке или по приоритету, например, в порядке релевантности для пользователя 170. Альтернативно значки 602, 604, 606 рекомендаций могут быть организованы в кластеры по источнику, например, сначала новости, потом посты в блогах, и так далее. В некоторых вариантах осуществления настоящего технического решения организация рекомендованного контента может быть выбрана пользователем 170, чтобы определенные категории рекомендованного контента отображались раньше других. Например, значок 602 рекомендации может быть связан с текущей информацией, значок 604 рекомендации может быть связан с более старой информацией, а значок 606 рекомендации будет связан с более новой информацией. Предусмотрены также другие варианты того, как могут быть организованы элементы контента, без отклонения от объема настоящего технического решения, что включает в себя варианты осуществления настоящего технического решения, в которых значки рекомендации вообще никак не организованы.

[100] В некоторых вариантах осуществления настоящего технического решения браузерное приложение 215, запущенное на электронном устройстве 210 может включать в себя модуль агрегации контента по типам, способный подбирать источники медиа-контента из любого подходящего числа источников данных. В некоторых вариантах осуществления настоящего технического решения, подбор источников осуществляется электронным устройством 210. В некоторых вариантах осуществления настоящего технического решения, подбор источников осуществляется сервером 222 и/или совместно электронным устройством 210 и сервером 222. Собранный медиа-контент может быть обработан электронным устройством 210 и/или сервером 222 для создания значков рекомендации, связанных с элементами контента, например, значков 602, 604, 606 рекомендаций. В некоторых вариантах осуществления настоящего технического решения такие медиа-источники могут упоминаться как «медиа-актив». Собранный контент может быть любым подходящим медиа, например, печатные медиа, видео медиа и/или аудио медиа. В таких вариантах осуществления поток 600 рекомендованного контента может определить ленту медиа-актива. В некоторых альтернативных вариантах осуществления значки рекомендаций, связанные с элементами контента, могут быть созданы из других ресурсов, например, из одной или нескольких социальных сетей. Также могут быть предусмотрены другие варианты того, какой тип информации и/или источник информации может быть использован для создания элементов контента без отклонения от объема настоящего технического решения.

[101] В некоторых вариантах осуществления настоящего технического решения каждый значок 602, 604, 606 рекомендации включает в себя информацию, которая дает пользователю 170 возможность определить, хочет ли он(а) узнать больше о теме, связанной с информацией. Например, один из значков 602, 604, 606 рекомендаций может представлять собой сжатую статью. При просмотре пользователем 170 один из значков 602, 604, 606 рекомендации включает в себя достаточно информации, чтобы пользователь 170 мог определить, хочет ли он(а) предпринять действия, связанные с одним из значков 602, 604, 606 рекомендации.

[102] В некоторых других альтернативных вариантах осуществления настоящего технического решения значки 602, 604, 606 рекомендации, связанные с элементом контента, могут быть разделены на части, каждая из которых связана с различным медиа-активом и/или различной частью информации и/или различным типом информации. Альтернативно множество объектов медиа и/или частей информации и/или типов информации может быть представлено в одном элементе контента. В пределах объема настоящего технического решения могут быть использованы многие другие варианты и схемы.

[103] На Фиг. 7 изображен второй GUI 700 после того, как пользователь 170 провел пальцем во втором направлении, направлении вверх, и слегка провел пальцем в первом направлении, направлении вниз, что могло вызвать появление: кнопки 730 «больше карточек» и кнопки 740 «назад». В примере, изображенном здесь, второй GUI 700 с Фиг. 7 включает в себя третий значок 710 рекомендаций и часть четвертого значка 720 рекомендаций. Третий значок 710 рекомендаций включает в себя логотип 712 источника, заголовок 714, текст 715, картинку 716 и кнопку 718 опций. Часть четвертого значка 720 рекомендаций включает в себя логотип 722 источника, заголовок 724 и текст 725. Поверх низа части четвертого значка 720 рекомендаций расположены кнопка 730 «больше карточек» и кнопка 740 «назад», причем кнопка 730 «больше карточек» и кнопка 740 «назад» появились, когда пользователь 170 выполнил короткое проведение пальцем в первом направлении. Кнопка 730 «больше карточек» может быть связана с действием отображения большего количества значков рекомендации системой рекомендаций браузерного приложения 215. Кнопка 740 «назад» может быть связана с действием автоматического прокручивания назад к первому GUI 300.

[104] На Фиг. 8 изображен первый GUI 800, причем пользователь 170 выбрал омнибокс 314 первого элемента 310 интерфейса в соответствии с вариантом осуществления настоящего технического решения. Браузерное приложение 215 электронного устройства 210, получив указание на пользовательский жест прикосновения к омнибоксу 314, может отобразить клавиатуру 830 приложения для пользователя 170, чтобы он мог напечатать пользовательский запрос или URL. Омнибокс 314 может дополнительно включать в себя значок 315 микрофона, причем значок 315 микрофона предназначен для ввода голосового ввода через микрофон электронного устройства 210. Клавиатура 830 приложения может быть клавиатурой приложения «по умолчанию» в операционной системе электронного устройства 210, причем клавиатура приложения «по умолчанию» браузерного приложения 215 или другая клавиатура приложения дает пользователю возможность ввести текстовый запрос. В некоторых вариантах осуществления настоящего технического решения клавиатура 830 приложения может быть не представлена, поскольку электронное устройство 210 могло определить, что физическая клавиатура (не изображена) не была присоединена к электронному устройству 210.

[105] На Фиг. 9, 10, 11 изображен вариант осуществления настоящего технического решения, в котором пользователь 170 выбрал значок 315 микрофона первого GUI 300 для ввода голосового ввода через электронное устройство 210. Пользователю 170 может быть представлен экран 900 голосового ввода, который является частью браузерного приложения 215. Экран 900 голосового ввода может включать в себя значок 910 отмены, текстовое указание 920 с надписью «говорите», значок 930 микрофона, кнопку 940 «готово» и кнопку 950 клавиатуры приложения. Пользователь 170 может говорить в микрофон (не изображен) электронного устройства 210 для ввода голосовой команды. Пользователь 170 может получить значок 960 анимации обратной связи во время того, как пользователь 170 говорит, как показано на Фиг. 10. Значок 960 анимации обратной связи может указывать, что электронное устройство 210 получило голосовой ввод. Пользователь 170 может затем выбрать кнопку 940 «готово» для указания того, он(а) закончил(а) произносить свой голосовой запрос, и браузерное приложение 215 может затем обработать голосовой запрос, отображая текст 970 «обрабатывается» и значок 980 анимированной обработки, как изображено на Фиг. 11. Значок 980 анимированной обработки может указывать, какую часть объема голосового запроса браузерное приложение 215 уже обработало, и значок 980 анимированной обработки выглядит как микрофон со шкалой выполнения, которая вертикально заполняет значок 980 анимированной обработки. В некоторых вариантах осуществления настоящего технического решения экран 900 голосового ввода может появляться на части первого GUI 300. В других вариантах осуществления настоящего технического решения пользователь 170 может произносить голосовой запрос, который отличается от поискового запроса, например, запрос на действие для доступа ко второму элементу 320 интерфейса или третьему элементу 330 интерфейса.

[106] На Фиг. 12 изображен поисковый термин 1020, введенный в омнибокс 314 первого элемента 300 интерфейса в соответствии с вариантом осуществления настоящего технического решения. После получения указания на пользовательский жест прикосновения к омнибоксу 314, как изображено на Фиг. 8, пользователь 170 может начать вводить поисковый термин 1020 через клавиатуру приложения 630 в омнибокс 314. Омнибокс 314, получив указание на событие печатания по клавиатуре 630 приложения, может заменить значок 315 микрофона на второй значок 1030, причем второй значок 1030 связан с действием удаления поискового термина 1020. Омнибокс 314 может дополнительно включать в себя третий значок 1040, причем третий значок 1040 является значком на указание переключения вкладок браузерного приложения 215. По мере того, как поисковый термин 1020 вводится в омнибокс 314, браузерное приложение 215 может отображать поисковые предложения 1010, связанные с поисковым термином 1020. В этом примере представлены поисковый термин, который вводится как «как» ("how to") и список поисковых предложений 1010, которые относятся к поисковому термину 1020, а именно "how to install mod" («как установить мод»), "how to survive" («как выжить»), "how to be single" («как быть одиночкой»), "how to write a motivation letter" («как написать мотивационное письмо»), "how to basic", "how to get away with murder" («как избежать наказания за убийство»), "how to green" и "how to be single" («как быть одиночкой»). Пользователь 170 может выбрать предложенный термин 1015, если предложенный термин 1015 относится к тому, что пользователь хотел написать.

[107] На Фиг. 13 изображен сценарий, в котором пользователь 170 осуществил долгое нажатие на один или несколько из первого значка 312, второго значка 322, третьего значка 323, четвертого значка 324, пятого значка 435 и шестого значка 426 второго GUI 400 в соответствии с вариантом осуществления настоящего технического решения. Пользователь 170 может захотеть добавить, передвинуть, модифицировать или удалить по меньшей мере один значок, связанный с сетевым ресурсом, в полном втором элементе 430 интерфейса, осуществляя долгое нажатие на любой из значков, и в ответ на долгое нажатие браузерное приложение 215 может отобразить первый указатель 1110 значка и второй указатель 1120 значка на каждом из первого значка 312, второго значка 322, третьего значка 323, четвертого значка 324, пятого значка 435 и шестого значка 426. Первый указатель 1110 значка может быть расположен в верхнем левом углу значка и указывать действие удаления соответствующего значка из полного второго элемента 430 интерфейса. Второй указатель 1120 значка может быть расположен в нижнем левом углу значка и может изображать значок булавки, что указывает на действие прикрепления значка к полному второму элементу 430 интерфейса таким образом, чтобы прикрепленный значок остался в полном втором элементе 430 интерфейса. Пользователь 170 может вернуться ко второму GUI 400, прикасаясь к части второго GUI 400, которая отличается от первого значка 312, второго значка 322, третьего значка 323, четвертого значка 324, пятого значка 435 и шестого значка 426.

[108] На Фиг. 14, 15, 16 изображен первый переход между первым GUI 300 и вторым GUI 400 в соответствии с вариантом осуществления настоящего технического решения. Пользователь 170 может захотеть вернуться к полному второму элементу 430 интерфейса браузерного приложения 215 для выбора предварительно определенного значка (одного из первого значка 312, второго значка 322, третьего значка 323, четвертого значка 324, пятого значка 435 и шестого значка 426) для доступа к сетевому ресурсу. Пользователь 170 может начать проводить пальцем из любого места в пределах экрана (не изображено) электронного устройства 210 в первом направлении, направлении вниз. По мере того, как пользователь 170 начинает проводить пальцем в первом направлении, достигнув первого предварительно определенного порогового числа пикселей, часть второго элемента 320 интерфейса и третьего элемента 330 интерфейса может начать анимироваться, двигаясь в первом направлении, как изображено на Фиг. 14, и по мере того, как палец проводит по предварительно определенному пороговому числу пикселей, первое расстояние 1210 может начать сокращаться и логотип 312 может начать медленно исчезать. Анимация в контексте настоящего описания может подразумевать под собой процесс осуществления иллюзорного движения и изменения элементов пользовательского интерфейса посредством быстрого отображения последовательности статических элементов пользовательского интерфейса, которые отличаются друг от друга. По мере того, как пользователь 170 продолжает двигать палец в первом направлении в пределах второго предварительно определенного порогового числа пикселей, как изображено на Фиг. 15, часть второго элемента 320 интерфейса может продолжать двигаться вниз, показывая другую часть второго элемента 420 интерфейса, и омнибокс 314 может продолжить движение вниз. На этой стадии логотип 312 и третий элемент 330 интерфейса может исчезнуть, причем первое расстояние уменьшается и становится вторым расстоянием 1220. По мере того, как пользователь 170 продолжает двигать палец в первом направлении в пределах третьего предварительно определенного порогового числа пикселей, как изображено на Фиг. 16, может появиться полный второй элемент 430 интерфейса, и часть третьего элемента 330 интерфейса может исчезнуть с экрана электронного устройства 210. И наконец, первый переход может закончиться появлением второго GUI 400, как изображено на Фиг. 4. Очевидно, что если пользователь передумал и начинает двигать пальцем во втором направлении, может произойти процесс, обратный описанному здесь.

[109] На Фиг. 17, 18, 19 изображен второй переход между первым GUI 300 и вторым GUI 500 в соответствии с вариантом осуществления настоящего технического решения. Начиная с первого GUI 300, пользователь 170 может захотеть найти для просмотра рекомендованный контент, например, новостные статьи. Как и в случае FIG. 14, 15, 16, пользователь 170 может начать проводить пальцем из любого места в пределах экрана электронного устройства 210, во втором направлении, направлении вниз, чтобы сделать второй переход на второй GUI 500. По мере того, как пользователь 170 начинает проводить пальцем во втором направлении, достигнув третьего предварительно определенного порогового числа пикселей, часть второго элемента 320 интерфейса и третьего элемента 330 интерфейса может начать анимироваться, двигаясь во втором направлении и показывая другую часть третьего элемента 330 интерфейса. В то же время расстояние 1310 может начать сокращаться и логотип 312 может начать медленно исчезать. По мере того, как пользователь 170 продолжает двигать палец во втором направлении в пределах пятого предварительно определенного порогового числа пикселей, как изображено на Фиг. 18, расстояние 1310 может сократиться до расстояния 1320 и часть второго элемента 320 интерфейса может продолжить двигаться вверх, пока не исчезнет с экрана электронного устройства 210, показывая больше другой части третьего элемента 330 интерфейса по мере того, как омнибокс 314 продолжает двигаться вверх. По мере того, как пользователь 170 продолжает двигать палец во втором направлении в пределах шестого предварительно определенного порогового числа пикселей, как изображено на Фиг. 19, может появиться полный второй элемент 420 интерфейса, и часть третьего элемента 330 интерфейса может исчезнуть. И наконец, второй переход может закончиться появлением второго GUI 500, как изображено на Фиг. 5. Очевидно, что, если пользователь передумал и начинает двигать пальцем во втором направлении, может произойти процесс, обратный описанному здесь.

[110] На Фиг. 14-16 и Фиг. 17-19 приведены примеры первого перехода с первого GUI 300 на второй GUI 400 и второго перехода с первого GUI 300 на второй GUI 400, соответственно. Очевидно, что переходы были описаны отдельными этапами, но при реализации на электронном устройстве 210 они могут быть непрерывной переходной анимацией.

[111] На Фиг. 20 изображен пример того, как браузерное приложение 215 и/или электронное устройство 210 могут быть выполнены с возможностью предоставлять ответ на пользовательские действия в первом GUI 300 электронного устройства 210 в соответствии с вариантом осуществления настоящего технического решения.

[112] В общем случае, пользователь 170 может взаимодействовать с электронным устройством 210 и браузерным приложением 215 с помощью событий ввода на основе прикосновений, например, прикосновения, зажимания, сдвигания, перетаскивания, проведения, вращения, долгого нажатия или интенсивного нажатия на экран электронного устройства 210 пальцами или стилусом. В примере, изображенном здесь, пользователь 170 может в общем случае взаимодействовать с электронным устройством 210, прикасаясь к элементу интерфейса, например, элементу 310, 320 и 330 интерфейса, или проводя пальцем от одного элемента 310, 320 и 330 интерфейса до другого элемента 310, 320 и 330 интерфейса.

[113] Браузерное приложение 215 может быть выполнено с возможностью предоставления анимации при прокрутке в ответ на событие прокрутки, как было описано ранее в описании Фиг. 14-16 и Фиг. 17-19. В общем случае, но без введения ограничений, электронное устройство 210 может быть способно возвращать следующую информацию в случае события прикосновения: вид или окна, в которых произошло прикосновение, местоположение прикосновения в координатах (x,y) в пределах вида или окна, приблизительный радиус прикосновения и силу прикосновения, временную отметку, указывающую на то, когда произошло прикосновение, число прикосновений пользователя к экрану, и фазу прикосновения, указывающую, началось ли прикосновение, передвинулось ли, завершилось ли; все это в зависимости от того, как реализовано электронное устройство 210.

[114] В качестве примера, первый GUI 300 может иметь координаты 1411, связанные с первым элементом 310 интерфейса, координаты 1412, связанные со вторым элементом 320 интерфейса и координаты 1413, связанные с третьим элементом 330 интерфейса. И первый элемент 310 интерфейса, и второй элемент 320 интерфейса, и третий элемент 330 интерфейса могут быть осведомлены о том, где каждый из них находится, и могут отвечать на пользовательский жест проведения, перемещаясь относительно друг друга и передавая информацию обратной связи, например, координаты и время, друг другу. Чтобы определить движение проведения браузерное приложение 215 может быть выполнено с возможностью определения первого положения 1422 (x₁, y₁, t₁) пальца 1150 пользователя 170 на экране электронного устройства 210 и сохранять его в памяти, определять по меньшей мере одно серединное положение (x_n, y_n, t_n) (не изображено) пальца 1150 и определять конечное положение 1426 (х₂, y₂, t₂) пальца 1150 пользователя 170 для определения по меньшей мере одного разностного значения (между первым положением и последним положением). На основе этой информации браузерное приложение 215 выполнено с возможностью определять: направлено ли расстояние движения проведения в данном направлении, таком как направление 1425 вверх, превышает ли оно предварительно определенный порог расстояния и/или времени.

[115] Как описано соответственно при описании Фиг. 14-16 и Фиг. 17-19, различные элементы интерфейса могут начать переход в ответ на жест проведения, который превышает предварительно определенный порог расстояния в пикселях и/или превышает предварительно определенный порог времени. В общем случае, движение и расстояние, пройденное различными элементами 310, 320 и 330 интерфейса в течении анимированного перехода могут быть пропорциональны расстоянию, пройденному пальцем 1150 пользователя 170 в течение движения проведения, например, расстояния 1420 движения проведения. Скорость анимации может зависеть или быть пропорциональной разнице во времени, связанной с начальным положением (например, начальным положением 1422) и конечным положением (например, конечным положением 1426) движения проведения. В некоторых альтернативных вариантах осуществления настоящего технического решения скорость анимации не должна зависеть от движения проведения. Браузерное приложение 215 может быть выполнено с возможностью, в случае, если палец 1150 пользователь 170 в течение движения проведения прошел расстояние, которое превышает порог расстояния и/или времени, завершать анимацию, начиная от первого GUI 300 и переходя ко второму GUI 400 или второму GUI 500, и наоборот. И напротив, если палец 1150 пользователя 170 в течение движения проведения прошел расстояние, которое не превышает порог расстояния и/или времени, анимация может вернуться к началу (например, к первому GUI 300, если пользователь хотел отобразить второй GUI 400).

[116] В некоторых вариантах осуществления настоящего технического решения палец 1150 пользователя 170 может начать проводить с начального положения 1422, и браузерное приложение 215 может быть выполнено с возможностью рассматривать остальное расстояние 1415 как 100% экрана, таким образом, что расстояние 1420 движения проведения рассматривается относительно остального расстояния 1415, обладая таким же эффектом, как если бы пользователь 170 начал проводить от низа расстояния 1410 экрана и расстояние его проведения было бы больше, что обеспечивает улучшенное пользовательское взаимодействие.

[117] Пользователь 170 может далее осуществлять прокрутку, проводя пальцем по второму GUI 500, чтобы увидеть новые значки рекомендаций, связанные с новым рекомендованным контентом, выбранным сервером рекомендации, как показано на Фиг. 6.

[118] На Фиг. 21 показана блок-схема компьютерного способа 1500 для создания GUI в браузерном приложении для пользователя электронного устройства. В некоторых вариантах осуществления настоящего технического решения способ 1500 может быть (полностью или частично) реализован в браузерном приложении 215, запущенном на электронном устройстве 210.

ЭТАП 1502: получение первого пользовательского указания на активацию браузерного приложения

[119] Способ 1500 начинается на этапе 1502 с получения с помощью устройства пользовательского интерфейса, первого пользовательского указания на активацию браузерного приложения. Первое пользовательское указание может появляться непосредственно из-за того, что пользователь 170 нажимает значок браузерного приложения 215 на своем электронном устройстве 210, или из-за другого приложения, которое пользователь запустил на своем электронном устройстве 210. В некоторых вариантах осуществления настоящего технического решения пользователь 170 может запустить браузерное приложение на своем электронном устройстве 210 с помощью другого электронного устройства, например, компьютера, планшета, устройства, носимого в качестве предмета одежды или украшения и так далее.

ЭТАП 1504: создание первого графического пользовательского интерфейса (GUI) браузерного приложения, причем первый GUI включает в себя три одновременно представленных элемента визуального интерфейса, расположенные в пределах первого GUI

[120] На этапе 1504 в ответ на первое пользовательское указание электронное устройство 210 может запустить браузерное приложение 215 и создать первый GUI 300 браузерного приложения, причем первый GUI 300 включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI: первый элемент 310 интерфейса, включающий в себя омнибокс 314, причем омнибокс 314 выполнен с возможностью получать по меньшей мере либо сетевой адрес, либо поисковый запрос, и первый элемент 310 интерфейса расположен по большей части в центре первого GUI 300; второй элемент 320 интерфейса, включающий в себя по меньшей мере один значок, представляющий выбранный пользователем контент, причем каждый из по меньшей мере одного значка связан со связанным сетевым ресурсом, доступным по сети 220 передачи данных, и второй элемент 320 интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу 310 интерфейса; третий элемент 330 интерфейса, включающий в себя по меньшей мере один значок рекомендации, причем первый значок 340 рекомендации связан с рекомендованным контентом, выбранным сервером 222 рекомендаций, из множества элементов контента для потенциальной рекомендации, и третий элемент 330 интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу 310 интерфейса, причем вторая сторона противоположна первой стороне.

[121] В некоторых вариантах осуществления настоящего технического решения если пользователь 170 электронного устройства 210 повернул это устройство горизонтально, в «альбомный» режим, может быть отображена только часть первого GUI, например, первый элемент 310 интерфейса и второй элемент 320 интерфейса, без отображения третьего элемента 330 интерфейса. Способ 1500 далее может перейти к выполнению этапа 1506.

ЭТАП 1506: получение указания на первое пользовательское взаимодействие с первым GUI

[122] На этапе 1506 после определенного периода времени пользователь 170 может захотеть взаимодействовать с первым GUI 300 по множеству причин: пользователь 170 может захотеть осуществить доступ к сетевому ресурсу с помощью омнибокса 314, осуществить поиск с помощью омнибокса 314, осуществить доступ к сетевому ресурсу во втором элементе 320 интерфейса или осуществить доступ к рекомендованному контенту в третьем элементе интерфейса 330. Браузерное приложение 215 может получить первое пользовательское взаимодействие с первым GUI. Способ 1500 затем может перейти на этап 1510, этап 1512, этап 1514, этап 1516 или этап 1518.

ЭТАП 1510: в ответ на первое пользовательское взаимодействие, являющееся пользовательским жестом, связанным с первым направлением, создание второго GUI для отображения на месте первого GUI, второй GUI включает в себя первый элемент интерфейса и второй элемент интерфейса.

[123] Пользователь 170 может захотеть активировать браузерное приложение 215 до второго элемента 320 интерфейса, чтобы осуществить доступ к ранее сохраненному значку, связанному с сетевым ресурсом. Пользователь 170 может провести пальцем по экрану в первом направлении, направлении вниз. На этапе 1510 в ответ на то, что пользовательские взаимодействие является пользовательским жестом, связанным с первым направлением, браузерное приложение 215 может создать второй GUI 400, причем первый GUI 300 может перейти во второй GUI 400 с помощью анимированного перехода, как описано в описании ФИГ. 14-16. Второй GUI 400 включает в себя омнибокс 314, расположенный на краю второго GUI 400, расположенного с первой стороны; и полный второй элемент 430 интерфейса, расположенный таким образом, что первое расстояние сокращается. Кроме того, второй GUI 400 не включает в себя третий элемент 330 интерфейса.

[124] Пользователь 170 может затем осуществить доступ к желаемому сетевому ресурсу, прикасаясь к значку, связанному с сетевым ресурсом, и браузерным приложением 215 может быть создан третий GUI (не изображен), причем третий GUI является частью нового окна браузерного приложения 215. В некоторых вариантах осуществления настоящего технического решения пользователь 170 может захотеть передвинуть, удалить или модифицировать значок в полном втором элементе 430 интерфейса, и может проделать это, осуществляя пользовательский жест долгого нажатия на любую часть второго элемента 420 интерфейса, как описано в описании ФИГ. 13.

ЭТАП 1512: в ответ на первое пользовательское взаимодействие, являющееся пользовательским жестом, связанным со вторым направлением, создание второго GUI для отображения на месте первого GUI, второй GUI включает в себя третий элемент интерфейса.

[125] Пользователь 170 может захотеть исследовать третий элемент 330 интерфейса для получения доступа к значку рекомендации, связанному с рекомендованным контентом. Пользователь 170 может провести пальцем по экрану во втором направлении, направлении вверх. На этапе 1512 в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, браузерное приложение 215 может создавать второй GUI 500 для отображения на месте первого GUI 300, второй GUI 500 включает в себя: третий элемент 510 интерфейса, таким образом, что по меньшей мере один значок 540 рекомендации включает в себя первый значок 540 рекомендации и по меньшей мере второй значок 550 рекомендации, причем первый значок 540 рекомендации будет отображен полностью, а по меньшей мере второй значок рекомендации будет отображен по меньшей мере частично. Кроме того, второй GUI 500 не включает в себя первый элемент 310 интерфейса и второй элемент 320 интерфейса. Пользователь 170 может затем продолжить проводить пальцем для получения доступа к другим значкам рекомендаций, или может прикоснуться к значку рекомендации для доступа к рекомендованному контенту, который связан с сетевым ресурсом, и в ответ браузерным приложением может быть создан третий GUI, причем третий GUI является частью нового окна браузерного приложения 215.

ЭТАП 1514: в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом прикосновения к омнибоксу, создание клавиатуры приложения

[126] Пользователь 170 может прикоснуться к омнибоксу 314, чтобы ввести поисковый запрос или адрес сетевого ресурса. На этапе 1514 в ответ браузерное приложение 215 может создать клавиатуру 830 приложения как часть первого GUI 800, причем первый GUI 800 включает в себя первый элемент 310 интерфейса, расположенный по большей части в центре первого GUI 800, второй элемент 320 интерфейса и клавиатуру 830 приложения для ввода текста в омнибокс 314, как изображено на Фиг. 8.

ЭТАП 1516: в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом прикосновения к значку второго элемента интерфейса, создание третьего GUI

[127] Пользователь 170 может захотеть совершить доступ к сетевому ресурсу, связанному со значком второго элемента 320 интерфейса, и может напрямую прикоснуться к значку из первого GUI 300. На этапе 1516 браузерное приложение 215 может быть выполнено с возможностью, в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом прикосновения к значку второго элемента 320 интерфейса, осуществления доступа к связанному сетевому ресурсу, связанному со значком, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения 215. В некоторых вариантах осуществления настоящего технического решения пользователь 170 может захотеть совершить доступ к сетевому ресурсу, связанному со значком, отображенным во втором элементе 320 интерфейса, видимом из первого GUI 300. Вместо проведения пальцем до второго GUI 400 пользователь может напрямую прикоснуться к значку, чтобы осуществить доступ к сетевому ресурсу, связанному со статическим значком.

ЭТАП 1518: в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом прикосновения к значку рекомендации третьего элемента интерфейса, создание третьего GUI

[128] Пользователь 170 может захотеть совершить доступ к сетевому ресурсу, связанному с первым значком 340 рекомендации на втором элементе 420 интерфейса, и может напрямую прикоснуться к значку из первого GUI 300. На этапе 1518 браузерное приложение 215 может быть выполнено с возможностью, в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом прикосновения к значку рекомендации третьего элемента интерфейса, осуществления доступа к связанному сетевому ресурсу, связанному со значком рекомендации, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения. В некоторых вариантах осуществления настоящего технического решения пользователь 170 может захотеть совершить доступ к рекомендованному контенту, связанному с первым значком 340 рекомендации, частью третьего элемента 330 интерфейса, видимого из первого GUI 300. Вместо проведения пальцем до второго GUI 500 пользователь может напрямую прикоснуться к первому значку 340 рекомендации, чтобы осуществить доступ к рекомендованному контенту, связанному первым значком 340 рекомендации.

[129] С учетом вышеописанных вариантов осуществления настоящего технического решения, которые были описаны и показаны со ссылкой на конкретные этапы, выполненные в определенном порядке, следует иметь в виду, что эти этапы могут быть совмещены, разделены, обладать другим порядком выполнения - все это не выходит за границы настоящего технического решения. Соответственно, порядок и группировка этапов не является ограничением для настоящего технического решения.

[130] Таким образом, способы и системы, реализованные в соответствии с некоторыми неограничивающими вариантами осуществления настоящего технического решения, могут быть представлены следующим образом, представленными в пронумерованных пунктах.

[131] ПУНКТ 1. Компьютерный способ (1500) создания интерфейса рекомендации контента для пользователя (170) электронного устройства, причем способ (1500) выполняется электронным устройством (210), которое имеет процессор (110) и устройство пользовательского интерфейса, соединенное с процессором (110), процессор (110) выполнен с возможностью выполнять браузерное приложение (215); электронное устройство (210) дополнительно включает в себя сетевой интерфейс для соединения с сервером (222) рекомендаций через сеть (220) передачи данных; способ (1500) включает в себя: получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения (215); в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) (300) браузерного приложения, причем первый GUI (300) включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI (300): первый элемент (310) интерфейса, включающий в себя омнибокс (314), причем омнибокс (314) выполнен с возможностью получать по меньшей мере либо сетевой адрес, либо поисковый запрос (1020), и первый элемент (310) интерфейса расположен по большей части в центре первого GUI (300); второй элемент (320) интерфейса, включающий в себя по меньшей мере один значок, представляющий выбранный пользователем контент, причем каждый из по меньшей мере одного значка связан со связанным сетевым ресурсом, доступным по сети (220) передачи данных, и второй элемент (320) интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу (310) интерфейса; третий элемент (330) интерфейса, включающий в себя по меньшей мере один значок (340) рекомендации, причем первый значок рекомендации связан с рекомендованным контентом, выбранным сервером (222) рекомендаций, из множества элементов контента для потенциальной рекомендации, и третий элемент (330) интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу (310) интерфейса, причем вторая сторона противоположна первой стороне; получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI (300); в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI (400) для отображения на месте первого GUI (300), и второй GUI (400) включает в себя: часть первого элемента (310) интерфейса, расположенную на краю второго GUI (400), расположенного с первой стороны; и второй элемент (320) интерфейса, расположенный таким образом, что первое расстояние сокращается; и не включает в себя третий элемент (330) интерфейса; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI (500) для отображения на месте первого GUI (300), и второй GUI (500) включает в себя: третий элемент (330) интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок (540) рекомендации и по меньшей мере второй значок (550) рекомендации, причем первый значок (540) рекомендации будет отображен полностью, а по меньшей мере второй значок (550) рекомендации будет отображен по меньшей мере частично; и не включает в себя первый элемент (310) интерфейса и второй элемент (320) интерфейса.

[132] ПУНКТ 2. Способ (1500) по п. 1, который дополнительно включает в себя определение пропорции первого GUI (300), выделенного для второго элемента (320) интерфейса и для третьего элемента (330) интерфейса; причем определение основывается на параметре устройства пользовательского интерфейса.

[133] ПУНКТ 3. Способ (1500) по п. 2, который дополнительно включает в себя определение первого расстояния и второго расстояния; причем определение основывается на параметре устройства пользовательского интерфейса.

[134] ПУНКТ 4. Способ (1500) по п. 1, который дополнительно включает в себя получение от сервера (222) рекомендаций указания рекомендованного контента, выбранного сервером (222) рекомендаций из множества элементов контента для потенциальной рекомендации, и выбор был осуществлен конкретно для пользователя.

[135] ПУНКТ 5. Способ (1500) по п. 4, в котором значок рекомендации связан со связанным рекомендованным элементом контента, доступным со связанного сетевого ресурса, к которому можно осуществить доступ по сети передачи данных.

[136] ПУНКТ 6. Способ (1500) по п. 5, в котором в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку рекомендации третьего элемента (330) интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком рекомендации, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения (215).

[137] ПУНКТ 7. Способ (1500) по п. 1, который дополнительно включает в себя в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к омнибоксу (314), создание второго GUI, причем второй GUI включает в себя: первый элемент (310) интерфейса, расположенный по большей части в центре второго GUI; второй элемент (320) интерфейса; и клавиатуру (830) приложения для ввода текста в омнибокс (314).

[138] ПУНКТ 8. Способ (1500) по п. 1, в котором в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку второго элемента (320) интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения (215).

[139] ПУНКТ 9. Способ (1500) по п. 1, который дополнительно включает в себя отображение экрана редактирования второго элемента (320) интерфейса во втором GUI в ответ на пользовательский жест «долгое нажатие» на второй элемент (320) интерфейса.

[140] ПУНКТ 10. Способ (1500) по п. 1, который дополнительно включает в себя выполнение анимированного перехода между первым GUI (300) и вторым GUI (400, 500) в ответ на пользовательский жест.

[141] ПУНКТ 11. Способ (1500) по п. 5, который дополнительно включает в себя определение параметра анимированного перехода, причем параметр включает в себя по меньшей мере скорость перехода, и определение включает в себя: получение первого расположения и первого времени (1422) пользовательского жеста; получение второго расположения (1426) и второго времени (1426) пользовательского жеста; определение скорости перехода с помощью определения разницы между вторым расположением (1426) и первым расположением (1422) и разницы между вторым временем (1426) и первым временем (1422) пользовательского жеста.

[142] ПУНКТ 12. Способ (1500) по п. 1, в котором определение первого пользовательского взаимодействия, которое является пользовательским жестом, связанным с первым направлением, включает в себя: получение первого расположения пользовательского жеста; получение второго расположения пользовательского жеста; и определение разницы между вторым расположением и первым расположением пользовательского жеста.

[143] ПУНКТ 13. Способ (1500) по п. 1, в котором определение первого пользовательского взаимодействия, которое является пользовательским жестом, связанным со вторым направлением, включает в себя: получение первого расположения пользовательского жеста; получение второго расположения пользовательского жеста; и определение разницы между вторым расположением и первым расположением пользовательского жеста.

[144] ПУНКТ 14. Способ (1500) по п. 1, в котором в ответ на получение указания на то, что пользователь (170) повернул электронное устройство (210) во второе положение, отображение сокращенной версии GUI (300) как первого GUI (300).

[145] ПУНКТ 15. Способ (1500) по п. 1, в котором в ответ на получение указания на то, что пользователь (170) повернул электронное устройство (210) во второе положение, отображение расширенной версии первого GUI (300) как первого GUI (300).

[146] ПУНКТ 16. Способ (1500) по п. 1, дополнительно включающий в себя:

[147] получение с помощью устройства пользовательского интерфейса указания на второе пользовательское взаимодействие со вторым GUI (500), причем второй GUI (500) включает в себя третий элемент интерфейса (330) и не включает в себя первый элемент (310) интерфейса и второй элемент (320) интерфейса;

в ответ на определение того, что второе пользовательское взаимодействие со вторым GUI (500) является пользовательским жестом, связанным со вторым направлением, создание на втором элементе (320) интерфейса третьего значка (710) рекомендации и по меньшей мере четвертого значка (720) рекомендации, причем третий значок (710) рекомендации будет отображен полностью, а по меньшей мере четвертый значок (720) рекомендации будет отображен по меньшей мере частично.

[148] ПУНКТ 17. Способ (1500) по п. 15, в котором третий значок (710) рекомендации является вторым значком (550) рекомендации.

[149] ПУНКТ 18. Система (200) создания интерфейса рекомендации контента для пользователя (170) электронного устройства, причем система (200) включает в себя электронное устройство (210), которое имеет по меньшей мере один процессор (110) и устройство пользовательского интерфейса, соединенное с процессором (110), процессор (110) выполнен с возможностью выполнять браузерное приложение (215); электронное устройство (210) дополнительно включает в себя сетевой интерфейс для соединения с сервером (222) рекомендаций через сеть (220) передачи данных; процессор (110) выполнен с возможностью осуществлять: получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения (215); в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) (300) браузерного приложения, причем первый GUI (300) включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI (300): первый элемент (310) интерфейса, включающий в себя омнибокс (314), причем омнибокс (314) выполнен с возможностью получать по меньшей мере либо сетевой адрес, либо поисковый запрос (1020), и первый элемент (310) интерфейса расположен по большей части в центре первого GUI (300); второй элемент (320) интерфейса, включающий в себя по меньшей мере один значок, представляющий выбранный пользователем контент, причем каждый из по меньшей мере одного значка связан со связанным сетевым ресурсом, доступным по сети (220) передачи данных, и второй элемент (320) интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу (310) интерфейса; третий элемент (330) интерфейса, включающий в себя по меньшей мере один значок (340) рекомендации, причем первый значок рекомендации связан с рекомендованным контентом, выбранным сервером (222) рекомендаций, из множества элементов контента для потенциальной рекомендации, и третий элемент (330) интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу (310) интерфейса, причем вторая сторона противоположна первой стороне; получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI (300); в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI (400) для отображения на месте первого GUI (300), и второй GUI (400) включает в себя: часть первого элемента (310) интерфейса, расположенную на краю второго GUI (400), расположенного с первой стороны; и второй элемент (320) интерфейса, расположенный таким образом, что первое расстояние сокращается; и не включает в себя третий элемент (330) интерфейса; в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI (500) для отображения на месте первого GUI (300), и второй GUI (500) включает в себя: третий элемент (330) интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок (540) рекомендации и по меньшей мере второй значок (550) рекомендации, причем первый значок (540) рекомендации будет отображен полностью, а по меньшей мере второй значок (550) рекомендации будет отображен по меньшей мере частично; и не включает в себя первый элемент (310) интерфейса и второй элемент (320) интерфейса.

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

[151] Модификации и улучшения вышеописанных вариантов осуществления настоящего технического решения будут ясны специалистам в данной области техники. Предшествующее описание представлено только в качестве примера и не несет никаких ограничений. Таким образом, объем настоящего технического решения ограничен только объемом прилагаемой формулы изобретения.

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

получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения;

в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) браузерного приложения, причем первый GUI включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI:

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

и первый элемент интерфейса расположен по большей части в центре первого GUI;

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

и второй элемент интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу интерфейса;

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

и третий элемент интерфейса расположен на втором расстоянии

и со второй стороны по отношению к первому элементу интерфейса,

причем вторая сторона противоположна первой стороне;

получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI;

в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя:

часть первого элемента интерфейса, расположенную на краю второго GUI, расположенного с первой стороны;

и второй элемент интерфейса, расположенный таким образом, что первое расстояние сокращается;

и не включает в себя третий элемент интерфейса;

в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя:

третий элемент интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок рекомендации и по меньшей мере второй значок рекомендации,

причем первый значок рекомендации будет отображен полностью, а по меньшей мере второй значок рекомендации будет отображен по меньшей мере частично;

и не включает в себя первый элемент интерфейса и второй элемент интерфейса.

2. Способ по п. 1, в котором дополнительно выполняют определение пропорции первого GUI, выделенного для второго элемента интерфейса и для третьего элемента интерфейса; причем определение основывается на параметре устройства пользовательского интерфейса.

3. Способ по п. 2, в котором дополнительно выполняют определение первого расстояния и второго расстояния; причем определение основывается на параметре устройства пользовательского интерфейса.

4. Способ по п. 1, в котором дополнительно выполняют получение от сервера рекомендаций указания рекомендованного контента, выбранного сервером рекомендаций из множества элементов контента для потенциальной рекомендации, и выбор был осуществлен конкретно для пользователя.

5. Способ по п. 4, в котором значок рекомендации связан со связанным рекомендованным элементом контента, доступным со связанного сетевого ресурса, к которому можно осуществить доступ по сети передачи данных.

6. Способ по п. 5, в котором в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку рекомендации третьего элемента интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком рекомендации, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения.

7. Способ по п. 1, в котором в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к омнибоксу, дополнительно выполняют создание второго GUI, причем второй GUI включает в себя:

первый элемент интерфейса, расположенный по большей части в центре второго GUI;

второй элемент интерфейса;

и клавиатуру приложения для ввода текста в омнибокс.

8. Способ по п. 1, в котором в ответ на то, что первое пользовательское взаимодействие является пользовательским жестом «прикосновение» к значку второго элемента интерфейса, осуществляется доступ к связанному сетевому ресурсу, связанному со значком, с помощью создания третьего GUI, причем третий GUI является частью нового окна браузерного приложения.

9. Способ по п. 1, в котором дополнительно выполняют отображение экрана редактирования второго элемента интерфейса во втором GUI в ответ на пользовательский жест «долгое нажатие» на второй элемент интерфейса.

10. Способ по п. 1, в котором дополнительно выполняют анимированный переход между первым GUI и вторым GUI в ответ на пользовательский жест.

11. Способ по п. 5, в котором дополнительно выполняют определение параметра анимированного перехода, причем параметр включает в себя по меньшей мере скорость перехода, и определение включает в себя:

получение первого расположения и первого времени пользовательского жеста;

получение второго расположения и второго времени пользовательского жеста;

определение скорости перехода с помощью определения разницы между вторым расположением и первым расположением и разницы между вторым временем и первым временем пользовательского жеста.

12. Способ по п. 1, в котором определение первого пользовательского взаимодействия, которое является пользовательским жестом, связанным с первым направлением, включает в себя:

получение первого расположения пользовательского жеста;

получение второго расположения пользовательского жеста; и

определение разницы между вторым расположением и первым расположением пользовательского жеста.

13. Способ по п. 1, в котором определение первого пользовательского взаимодействия, которое является пользовательским жестом, связанным со вторым направлением, включает в себя:

получение первого расположения пользовательского жеста;

получение второго расположения пользовательского жеста; и

определение разницы между вторым расположением и первым расположением пользовательского жеста.

14. Способ по п. 1, в котором в ответ на получение указания на то, что пользователь повернул электронное устройство во второе положение, выполняют отображение сокращенной версии первого GUI как первого GUI.

15. Способ по п. 1, в котором в ответ на получение указания на то, что пользователь повернул электронное устройство во второе положение, выполняют отображение расширенной версии первого GUI как первого GUI.

16. Способ по п. 1, в котором дополнительно выполняют:

получение с помощью устройства пользовательского интерфейса указания на второе пользовательское взаимодействие со вторым GUI, причем второй GUI включает в себя третий элемент интерфейса и не включает в себя первый элемент интерфейса и второй элемент интерфейса;

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

17. Способ по п. 15, в котором третий значок рекомендации является вторым значком рекомендации.

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

получение с помощью устройства пользовательского интерфейса первого пользовательского указания на активацию браузерного приложения;

в ответ на первое пользовательское указание создание на устройстве пользовательского интерфейса первого графического пользовательского интерфейса (GUI) браузерного приложения, причем первый GUI включает в себя три одновременно представленных элемента визуального интерфейса, расположенных в первом GUI:

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

и первый элемент интерфейса расположен по большей части в центре первого GUI;

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

и второй элемент интерфейса расположен на первом расстоянии и с первой стороны по отношению к первому элементу интерфейса;

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

и третий элемент интерфейса расположен на втором расстоянии и со второй стороны по отношению к первому элементу интерфейса,

причем вторая сторона противоположна первой стороне;

получение с помощью устройства пользовательского интерфейса указания первого пользовательского взаимодействия с первым GUI;

в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным с первым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя:

часть первого элемента интерфейса, расположенную на краю второго GUI, расположенного с первой стороны;

и второй элемент интерфейса, расположенный таким образом, что первое расстояние сокращается;

и не включает в себя третий элемент интерфейса;

в ответ на определение того, что первое пользовательское взаимодействие является пользовательским жестом, связанным со вторым направлением, создание второго GUI для отображения на месте первого GUI, и второй GUI включает в себя:

третий элемент интерфейса, таким образом, что по меньшей мере один значок рекомендации включает в себя первый значок рекомендации и по меньшей мере второй значок рекомендации, причем первый значок рекомендации будет отображен полностью, а по меньшей мере второй значок рекомендации будет отображен по меньшей мере частично;

и не включает в себя первый элемент интерфейса и второй элемент интерфейса.