Тостер: новий чуйний дизайн і плани на майбутнє



Ми раді представити новий чуйний (реагувати) дизайн «Тостера»! Тепер задати питання або дати відповідь можна з однаковою легкістю з будь-якого пристрою, який опинився у вас в даний момент під рукою.

Затіваючи глобальний редизайн «Тостера», ми ставили перед собою три мети:

  1. Доступність. Щоб можна було задавати питання і давати відповіді в будь-який час дня і ночі, де б ви не знаходилися.
  2. Зрозумілість. Мова інтерфейсу без додаткових інструкцій повинен дуже швидко доносити сенс сервісу і те, як їм правильно користуватися.
  3. Гнучкість. При додаванні нових функцій не має виникати перешкод в інтерфейсі для їх швидкого і якісного впровадження.



1. Чуйний дизайн

Займатися саморозвитком і допомагати в цьому іншим потрібно не тільки в навчальний або робочий час, але і при будь-якій відкривається можливості. А це в наш час безпосередньо пов'язане з можливостями тих пристроїв, які у нас виявляються під рукою. Що добре працює на мобільному телефоні, поки ми їдемо на електричці, тим ми і користуємося, то і розвиваємо. Це було основною установкою, коли ми вирішили пристосувати «Тостер» подо всі пристрої.

Перед нами стояв вибір: зробити кілька незалежних версій сервісу — під телефон, планшет і комп'ютер — або ж створити одну універсальну версію, яка буде підлаштовуватися сама. Ми вибрали друге, це вимагало від нас набагато більших зусиль на першому етапі, але ми віримо, що в майбутньому це окупиться з лишком. Роблячи ставку на чуйний дизайн, ми розраховуємо дуже швидко впроваджувати нові функції і підтримувати їх у повному обсязі на всіх основних пристроях.

Розповідати про все, що було зроблено для чуйності інтерфейсу, не має сенсу — краще самим завітати на новий «Тостер» і помацати на живо. Зауважимо тільки, що найбільша складність у чуйну дизайні — заздалегідь продумати, як буде виглядати кожен з елементів на різних екранах, і постаратися створити найбільш універсальну форму, мало змінюється залежно від доступної ширини. Так, для списків користувачів і тегів ми невипадково прийшли до форми картки.



Багато чого ми ще не зробили, не оптимізували, дещо може давати збої, але головне, що основний функціонал працює! Будемо вдячні за допомогу в доопрацюванні всіх нюансів.



2. Ясність інтерфейсу

На парі прикладів покажемо, яким чином ми постаралися зробити інтерфейс більш інтуїтивним і «говорить». Кому цікаво, можете подивитися коротку презентацію сервісу про те, що і як працює, її ми будемо показуємо нашим гостям, які вперше потрапили на сервіс.

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

Як було. Було незрозуміло, що означають цифри, які займають саме видне місце в кожному блоці, чому вони виявляються важливіше самого питання. Інформація про те, чи є у запитань отримані відповіді, втрачається в іншій другорядній та інформації.



Як стало. Ми прибрали все зайве, чітко виділили головні елементи, вишикували їх візуально в иерерхию, ведучи погляд користувача від головного до другорядного: тематика питання, сам питання, наявність відповідей і рішень, число людей, які чекають відповідей.



Сторінка окремого питання
Сторінка питання — найважливіша частина сервісу. На цій сторінці відбувається основна взаємодія користувачів один з одним. Близько 80% всіх відвідувань припадає саме на цю сторінку. Велика частина гостей вперше опиняється на «Тостер», перейшовши з пошуку сюди. Нам дуже важливо, щоб ця сторінка була не тільки зручна для зареєстрованих користувачів, але ще й розкривала б зміст сервса для гостей.

Ось як ця сторінка виглядала в старому дизайні. Самим помітним і яскравим елементом чомусь був сортувальник відповідей (від якого ми, до речі, взагалі відмовилися в новому дизайні). Неправомірно важливе місце займають таби: питання — передплатники — історія змін. При цьому абсолютно незрозуміло, як стати таким же передплатником. А історія змін повинна викликати у новачка благоговійний жах (=



І ось як стало. Ми постаралися сфокусувати увагу користувача на двох найбільш важливих діях, які ми очікуємо від нього на сторінці питання, відсунувши на задній план всі інші. Ці дії дано через добре помітні кнопки: «Підписатися на питання» і «Подобається відповідь». Комментрирование, розшарювання, редагування і скарги відведені на задній план.



Соціальний профіль
На сервісі «питань і відповідей для IT-фахівців» важливо розуміти, що питання задають живі люди, а не віртуальні персонажі, що відповідають на питання фахівці в даній області, що займають конкретні позиції в самих різних компаніях, а не випадкові люди без роду і племені.

І ми постаралися наочно показати, що відповіді на питання чекають конкретні люди, і їх може бути багато. Погодьтеся, чим більше людей хочуть дізнатися відповідь, тим важливіше таку відповідь дати, тим з більшим ентузіазмом будуть відповідати. Також у новому «Тостері» ми почали виводити справжні імена замість нікнеймів і додали можливість виводити поруч зі своїм ім'ям коротку підпис «Про себе». Подивіться, як змінюється враження від питання і відповіді на нього, як тільки замість аватарок і нікнеймів учасники спільноти показують свої справжні фотографії та імена, а також пишуть коротку характеристику «Про себе». (Збіг імен та фотографій з реальними учасниками — випадково).





3. Плани на майбутнє

Стратегічно ми рухаємося до того, щоб як тільки у тебе виникає складне питання з області IT, відповідь на який ти не можеш швидко знайти пошуком, ти тут же згадував би про «Тостер», що тут завжди знайдуться люди, які знають відповідь.

Тому наша основна задача — залучити на «Тостер» критичну масу кваліфікованих фахівців з різних галузей IT: програмістів, верстальників, дизайнерів, маркетологів, аналітиків, керівників і т.д. Щоб у будь-якій IT-сфері, представленої на сервісі, у нас було би своє активне тематичне співтовариство.

З іншого боку, ми прагнемо до того, щоб на будь-яке питання відповідали б як можна швидше і сумлінніше. А це вже питання внутрішньої організації спільноти, яке ми вибудовуємо: нам треба вміти швидко і точно доставляти питання до потрібних фахівців, а також мотивувати їх на відповідь.

Які конкретні кроки ми плануємо зробити в найближчій перспективі для досягнення нашої стратегічної мети.

1. Поліпшити налаштування сервісу під інтереси кожного учасника
Унікальність і сила «Тостера» в тому, що вся інформація розподіляється за тематичними тегам. Досить підписуватися на ті теми, якими ти цікавишся, щоб отримувати тільки ту інформацію, яка має відношення безпосередньо до тебе, не отримуючи при цьому нічого зайвого.

З підпискою на потрібні теги складніше всього в самому початку, відразу після реєстрації. За нашою статистикою хоча б на один тег підписується зараз лише кожен п'ятий. Це означає, що переважна більшість користувачів ніяк не налаштували «Тостер» під свої інтереси і не отримують ніякої інформації про нові питання щодо своєї спеціалізації, а тому не можуть дати оперативного відповіді.

Тому перше, що ми зробимо — постараємося переконати нового користувача відразу після реєстрації підписатися мінімум на 10 тегів по своїй галузі знань. Далі, ми введемо ненав'язливі фонові рекомендації тегів, близьких тим, на які ти вже підписаний, щоб можна було регулярно і по трохи покращувати налаштування «Тостера» під себе.

2. Прискорити доставку питань до потрібних фахівців
Якщо користувач ретельно описав свою область знань, підписавшись на безліч тегів, це ще не гарантує, що він буде регулярно заходити на сервіс в пошуках нових пропущених питань по цим темам. Потрібно зробити так, щоб нові питання самі знаходили б потрібних фахівців. В цьому напрямку у нас є дві ідеї.

Ми плануємо ввести «посилену» підписку на теги. Якщо ти усиляешь підписку на тег, то всі нові питання з цього тегу висилатимуться прямо тобі на пошту. Особливо ця функція важлива для тих тегів, навколо яких поки не сформувалося регулярне спільнота фахівців.

Друге, що ми хочемо дати можливість кликати на питання потрібних фахівців, висилаючи їм особисте повідомлення з проханням відповісти на питання. Для цього в кожному питанні ми будемо рекомендувати тих користувачів, які до цього найкращим чином проявили себе в тегах питання.

3. Поліпшити якість та тегування питань
Відповідати хочеться на «розумні» запитання. Але практика показує, що найчастіше питання здається дурним тільки тому, що його автор погано або безграмотно сформулював свою думку. Серед нас не так багато людей, які вміють добре і переконливо говорити. Чому б не просити таких людей допомагати нам?

Ми плануємо ввести колективне редагування питань. За прикладом того, як у нас вже працює колективне редагування тегів. Замість того, щоб скаржитися на сенс питання або його граматику, примовляючи таким чином питання до видалення, у кожного буде можливість попытатся це питання виправити.

Редагувати можна буде не тільки суть і деталі питання, але також і теги. А це дозволить нам знову ж прискорювати доставку питань до потрібних фахівців. Адже задає питання часто не знає навіть, до якої галузі знань його правильніше віднести, щоб отримати найбільшу увагу.

4. Ввести систему нагород за досягнення
Кожен учасник спільноти «Тостера» повинен отримувати гідну визнання за свої зусилля. У нас вже є таке поняття як «внесок у тег», за яким непогано видно, в яких галузях знань сильний кожен користувач, за що найбільше його цінує співтовариство. Однак, це досить абстрактне поняття, не розкриває всіх деталей вкладу, а також не враховує багатьох деталей, безпосередньо не пов'язаних з відповідями на питання, але допомагають, тим не менш, цим відповідям народжуватися.

Тому нам потрібні бэйджики, які ми зможемо видавати в якості нагород за ті досягнення, які цінуємо. Наприклад, за те, що першим даєш відповіді, що откликаешься на прохання допомогти, що допомагаєш правильно формулювати питання, що даєш якісні і корисні відповіді і т. д.



Щоб першим дізнаватися про нововведення на «Тостер», підписуйтесь на наші новини в хабі «Хабрахабр — анонси», а також на наші соціальних канали: Вконтакте, Facebook або Twitter.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.