Одноклассники социальная сеть мобильная версия вход с компьютера: Скачать Одноклассники – социальная сеть на ПК с MEmu

Нравится этот пост? Поделитесь этим с другими.

Buoy: приложение для общения с одноклассниками | Джоуи Вонг | Joey Wong

·

·

Проект HackOHI/O Hackathon

Будучи новичком в пользовательском опыте (UX), я хотел получить некоторый опыт самостоятельно с точки зрения дизайна. В моей школе предстоял масштабный хакатон, поэтому я решил поучаствовать в нем вместе с другим моим другом по UX, Джоэлом, надеясь, что мы сможем что-нибудь придумать за 24 часа. Мы решили, что должны хотя бы придумать рабочий прототип до окончания хакатона, что нам и удалось сделать. Нам не хватило времени, чтобы правильно спланировать визуальные элементы, поэтому дизайн получился визуально простым.

Представляем Buoy, приложение для работы в классе, которое объединяет одноклассников друг с другом. Он функционирует как живой чат, дискуссионный форум или планировщик групповых занятий. Его функции просты и удобны в использовании, за ним нет много слоев. Он стремится восполнить пробел в сегодняшних университетах — отсутствие взаимодействия и помощи между однокурсниками.

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

Студенты университетов часто настолько поглощены академическими и личными приоритетами, что большинство, за исключением нескольких студентов, находят время, чтобы связаться со своими одноклассниками в классе или вне класса. На уроке никто никогда не разговаривает, все уходят сразу после его окончания, общения между одноклассниками мало. Для иностранных студентов это кошмар, так как нам не к кому обратиться за советом по поводу занятий или экзаменов. Да, у нас есть помощники учителя (TA) или лектор, но что, если их часы работы противоречат нашему собственному графику? Наш единственный ресурс — это одноклассники, которые большинство студентов никогда не используют в полной мере.

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

Мы прекрасно понимали, что на текущем рынке есть и другие приложения/веб-сайты, такие как GroupMe или Carmen, которые, безусловно, заполняют пробел «взаимодействия между людьми». Однако мы решили, что сможем выделиться на фоне других, приняв на вооружение 2 основных принципа — простота и минимализм . Наша цель состояла в том, чтобы создать что-то, основанное на общей цели студентов университета — сдать/отличиться в классе.

Мы установили определенные требования:-

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

Различение Buoy и подобных приложений

Когда возникла идея Buoy, мы были обеспокоены тем, как его функции перекрываются с другими приложениями для работы в классе, такими как Canvas и Blackboard, или приложениями для обмена сообщениями, такими как GroupMe и Messenger, или приложениями на основе форумов, такими как Piazza. Мы хотели заглянуть между строк, чтобы увидеть, какие функции отсутствовали в вышеперечисленных приложениях, которые мы потенциально могли бы восполнить. Итак, мы начали с основ.

Концепция Buoy основана на поощрении взаимодействия и преодолении коммуникативных барьеров между одноклассниками. Да, подобные приложения вроде GroupMe МОГУТ восполнить этот пробел, однако мы считали, что это требует от пользователя чего-то дополнительного — инициативы.

Чтобы создать классную группу, вам нужно найти других одноклассников, чтобы спросить, не хотят ли они стать ее частью. Если вы уже создали его на GroupMe, вы всегда можете отправить сообщение на Carmen/Blackboard всему классу со ссылкой-приглашением, звучит просто, верно? Что ж, основная проблема заключается в том, что не многие ученики проверяют свой почтовый ящик в классных приложениях. Основываясь на наблюдениях на моих занятиях, ученики накапливают большое количество сообщений в своих почтовых ящиках, фактически не читая их.

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

Таким образом, мы решили, что Buoy должен выделяться среди других, устраняя необходимость в инициативе, и в то же время иметь такую ​​же функциональность, как и другие (например, Piazza, но с большей функциональностью). Гипотетически мы могли бы получить список учеников в классе и автоматически добавить их в группу класса в Buoy. Если они войдут в Buoy, вы окажетесь в группе класса, как и Пьяцца. Это обеспечило бы платформу, на которой все находятся в одной лодке. Все, что нам нужно, это просто напечатать сообщение, не заботясь о ваших характеристиках, которые повлияют на социальное взаимодействие (например, внешний вид, манера речи, язык тела), что может гипотетически устранить социальные барьеры.

Персонаж(и)

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

Единственным способом узнать больше было провести исследование пользователей, чтобы получить представление о том, как наши потенциальные пользователи (студенты колледжа) будут реагировать на Buoy. Однако, поскольку это был хакатон, в огромном зале собрались сотни студентов. но были заняты работой над собственными проектами, поэтому мы не смогли найти потенциальных объектов для исследования пользователей. Поэтому мы решили импровизировать.

Используя наши собственные знания и студенческий опыт, мы разработали 3 разных образа пользователей, которые потенциально могут стать пользователями Buoy.

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

• «Понравится ли это Даниэлю?»
• «Достаточно ли полезна эта функция, чтобы помочь Рэйчел?»
• «Найдет ли это Лижун полезным?»

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

Раскадровка

После того, как мы придумали персонажей, на которых мы будем основывать Буй, мы решили подумать о некоторых сценариях, в которых Буй действительно будет полезен для решения конкретной проблемы. Мы использовали раскадровки, чтобы визуализировать проблему, решение и результат.

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

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

Буй должен был иметь 3 основные функции — живой чат, дискуссионный форум и планировщик встреч.

1. Живой чат

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

2. Дискуссионный форум

• Этот форум способствует обсуждению заданий/проектов, которые учащиеся хотят иметь. Он вдохновлен Piazza, дискуссионным форумом, который используют на уроках информатики в моем университете. Пользователи могут отвечать на сообщения/комментарии, а также могут «благодарить» других пользователей, которые были чрезвычайно полезны в своих ответах.

3. Meetups

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

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

На протяжении всего процесса разработки интерфейса мы следовали рекомендациям Nielsen’s Heuristics, чтобы гарантировать, что мы разрабатываем то, что нужно пользователям.

Согласованность и стандарты

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

Видимость состояния системы

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

Узнаваемость важнее отзыва

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

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

Это первый прототип Buoy, созданный на InVision во время хакатона.

После завершения хакатона я провел несколько сеансов пользовательского тестирования, чтобы получить отзывы о Buoy и выяснить, можно ли внести какие-либо улучшения.

Домен тестирования

Поскольку прототип был создан в InVision, я использовал функцию InVision «Live Share» для проведения тестирования. В Live Share я могу наблюдать за движениями мыши пользователей, когда они используют приложение. Таким образом, я могу легко выделить любые случаи, когда я замечаю аномалию, которую я затем запишу.

Образец

Из-за нехватки времени и ресурсов я использовал для удобства выборку нескольких студентов университета. Я написал в Твиттере, что хочу найти студентов колледжа для проведения пользовательского тестирования, в котором вызвались несколько моих друзей. Всего было 5 участников в возрасте от 20 до 22 лет. Все они студенты колледжей, 4 из них в США и 1 в Австралии.

Процедура

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

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

User Testing Prompt.pdf

Я также включил несколько дополнительных вопросов, чтобы получить более субъективный ответ от пользователей. В заключительной части сеанса тестирования я попросил разъяснений по нескольким проблемам, которые я обнаружил, наблюдая за движениями мыши пользователей.

Ключевые выводы

• Пользователи в целом считают, что в приложении легко ориентироваться и совсем не запутанно пользоваться им. Они могли легко найти места для выполнения поставленных задач.
• У пользователей не было проблем с выполнением большинства задач, кроме 2 — задач 3 и 7, которые после дальнейших расспросов были сделаны из-за отсутствия ясности в Буе. (Я обращаюсь к этому ниже)
• Пользователи просили добавить новые функции, чтобы приложение выглядело более доступным, естественным и менее «ограниченным». Фактически, все пользователи просили включить функцию приватного чата.

Приватный чат

Все пользователи, с которыми я беседовал, просили о приватном чате по той причине, что было бы очень неловко вести чат в классе сам по себе. Сначала мы возражали против идеи приватного чата, потому что это сделало бы Buoy очень похожим на другие приложения для обмена сообщениями, такие как GroupMe, и что мы пытались создать среду, в которой одноклассники объединяются. Однако, ретроспективно говоря, приватный чат будет полезен, так как у вас уже есть все ваши одноклассники в 1 месте, следовательно, вы можете общаться с кем угодно, будь то в частном порядке или в группе класса.

Пригласить одноклассников

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

Кнопка «Сохраненные сообщения»

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

Кнопка «Поиск»

Мы добавили функцию «Поиск» на вкладке «Чат» и «Встречи». На вкладке «Чат» он будет искать либо пользователя, разместившего сообщение, либо определенные ключевые слова, такие как WhatsApp.

Имя организатора встречи

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

Маркировка

Это была проблема, с которой пользователи столкнулись в задачах 3 и 7. Пользователи думали, что значок галочки был просто индикатором, а не кнопкой, на которую можно нажать. Вместо этого пользователи выбрали кнопку «Напомнить». Следовательно, мы решили, что следует включить метку, чтобы точно отображать текущий статус пользователей для встречи (не идет / идет).

Несколько пользователей также указали нам, что использование «Закладки» в качестве метки для сохранения сообщений было недостаточно ясным и кратким. Следовательно, мы изменили его на «Сохранить», так как он более точно отображает то, что делает функция — сохраняет пост.

Буй в целом был хорошо принят пользователями. Помимо того, что приложение было не таким визуально привлекательным, как им хотелось бы, из-за того, что оно находилось на стадии прототипа, они думали, что оно действительно удобно для пользователя, поскольку они могут выполнять поставленные перед ними задачи без особых проблем.

Поскольку это был наш с Джоэлом первый UX-проект, мы могли использовать только знания, полученные из онлайн-курсов/книг. Тем не менее, мы очень гордились собой за то, что смогли повторить процесс проектирования, чтобы решить проблему.

Из этого я лично узнал несколько вещей:

• UX — непростая работа. Требуется много времени и усилий, чтобы просто сделать что-то такое простое, как придумать концепцию. И тем более, что я участвовал в 24-часовом хакатоне, мне не хватало вещей, которые сделали бы жизнь проще (например, исследования пользователей).
• Исследование пользователей ОЧЕНЬ важно. Сначала я думал, что мы могли бы просто вызвать в воображении наших собственных пользователей, потому что… Насколько сложно сопереживать другим, верно? Что ж, я оказался очень и очень неправ во время работы над Buoy, когда мы изо всех сил пытались понять, вокруг кого создавать дизайн. В силу обстоятельств мы были вынуждены проектировать, основываясь на наших собственных предположениях, чего я определенно не стал бы делать в будущем.
• Дизайн, ориентированный на пользователя, имеет здесь первостепенное значение. Работа над Buoy еще раз доказала мне, что дизайн основан не только на визуальных элементах. Я бы сказал, что это скорее подготовительная работа, которая проводится до появления идеи, которая ведет к следующему уроку.