07 stycznia 2021
Początek nowego roku to tradycyjnie okres przewidywań. Dotyczy to również projektowania stron internetowych. W tym wpisie przyjrzymy
31 grudnia 2020
Mijające 12 miesięcy były trudne dla nas wszystkich. Świat zmagał się z pandemią, która wywróciła życie do
23 grudnia 2020
Okres od Bożego Narodzenia do Nowego Roku to czas, w którym zależy nam na odpoczynku. Problem z
17 grudnia 2020
Glassmorphism zdobywa coraz większą popularność wśród web designerów. Na czym polega to podejście do projektowania? Czy stanie
10 grudnia 2020
Tworzenie responsywnych stron internetowych od wielu lat jest standardem. Technologie zmieniają się jednak w zawrotnym tempie. Co
08 grudnia 2020
Chcesz zacząć sprzedawać w Internecie? Myślisz o własnym sklepie online? Świetnie! Według raportu “E-Commerce w Polsce 2020.
03 grudnia 2020
O tym, że SEO, czyli pozycjonowanie strony w wynikach wyszukiwania, jest niezbędne, nie trzeba chyba nikogo przekonywać.

Inne artykuły:

07 stycznia 2021
Początek nowego roku to tradycyjnie okres przewidywań. Dotyczy to również projektowania stron internetowych. W tym wpisie przyjrzymy się 10 tendencjom,
31 grudnia 2020
Mijające 12 miesięcy były trudne dla nas wszystkich. Świat zmagał się z pandemią, która wywróciła życie do góry nogami i
23 grudnia 2020
Okres od Bożego Narodzenia do Nowego Roku to czas, w którym zależy nam na odpoczynku. Problem z odcięciem się od
17 grudnia 2020
Glassmorphism zdobywa coraz większą popularność wśród web designerów. Na czym polega to podejście do projektowania? Czy stanie się wiodącym trendem
10 grudnia 2020
Tworzenie responsywnych stron internetowych od wielu lat jest standardem. Technologie zmieniają się jednak w zawrotnym tempie. Co więcej, co kilka
08 grudnia 2020
Chcesz zacząć sprzedawać w Internecie? Myślisz o własnym sklepie online? Świetnie! Według raportu “E-Commerce w Polsce 2020. Gemius dla e-Commerce
03 grudnia 2020
O tym, że SEO, czyli pozycjonowanie strony w wynikach wyszukiwania, jest niezbędne, nie trzeba chyba nikogo przekonywać. Z Google i
Twój e-mail
Zapisz się!
Zapisz się!
Udało się!
Podaj e-mail!

Blog

Tu dowiesz się, jak zrobić stronę internetową.

Chcesz być na bieżąco?

30 stycznia 2020
Coraz więcej dziedzin naszego życia przenosi się do sieci. Dotyczy to również biznesu. Prowadzenie działalności w internecie nieprzerwanie zyskuje na popularności i nic nie wskazuje na to, żeby ta tendencja
02 stycznia 2020
Ostatnie 12 miesięcy było dla nas okresem wytężonej pracy, która przyniosła wspaniałe rezultaty. Liczba użytkowników spoza Polski wzrosła ponad trzykrotnie. Z naszego kreatora stron www korzysta już ponad 200 000
02 maja 2019
Poprawne pozycjonowanie bloga to dosłownie darmowa reklama. Każdy twórca internetowy chce aby jego praca była zauważalna. Dlatego warto wypozycjonować się w wynikach wyszukiwania. Jednak niektórych przeraża temat SEO na blogu
25 kwietnia 2019
Zamiast pisać, dosłownie pytasz się urządzenia o rzecz, która Cię interesuje. Jeszcze niedawno brzmiałoby to, jak scena z filmu science fiction. A teraz jest niemal codziennością. Wyszukiwanie głosowe to najbliższa
16 sierpnia 2018
Frazy LSI, czyli Latent semantic indexing (ang. utajone indeksowanie semantyczne) to wyrażenia, które pomagają algorytmom wyszukiwarek lepiej zrozumieć, o co chodzi w tekście. Gdy tworzysz treść, to na pewno używasz

Top 5

Najpopularniejsze posty z ostatniego roku.

Cykliczne porady o tworzeniu stron internetowych

Będziesz otrzymywać 1 email na tydzień z informacjami na temat projektowania stron internetowych.

ZACZNIJ TERAZ

PANEL WEBMASTERA

Logowanie

Wyzwania te są już same w sobie wymagające. A co gdy dodamy, że interfejs ma być zbudowany praktycznie od nowa dla aplikacji, z której korzysta ponad 70 000 użytkowników? Właśnie z taką sytuacją musieliśmy zmierzyć się w WebWave. WebWave to kreator stron internetowych który umożliwia stworzenie strony www bez konieczności programowania. Prace na tym produktem rozpoczęliśmy w 2012 i od wtedy nieustannie dodajemy do niego nowe funkcje. Funkcje te nie były jednak przewidziane w oryginalnym projekcie przez co z czasem zaczął robić się bałagan. Dodatkowo przez ostatnie 5 lat przeciętna rozdzielczość ekranów znacznie wzrosła a oczekiwania i przyzwyczajenia internautów się zmieniły. Zdecydowaliśmy się więc gruntownie przebudować interfejs, aby podnieść jego użyteczność i dostosować go do najnowszych trendów. Zajęło nam to ponad rok i chciałbym wam przedstawić z jakimi problemami musieliśmy się zmierzyć po drodze.

 

Start

W sierpniu 2016 roku pojawiła się sugestia, że nasz dotychczasowy interfejs trzeba zmienić, ponieważ przyciski są w nim poupychane „na siłę” i brakuje miejsca na nowe funkcje. Podjęliśmy decyzję o tym, aby w nowym projekcie wzorować się na Adobe Photoshop.

 

Wstępny projekt graficzny

18.11.2016 grafik przedstawił swój pomysł na wygląd nowego interfejsu. Cały projekt był zaledwie jednym ekranem. Stworzyliśmy go, aby sprawdzić, czy ten pomysł ma sens. Debaty wewnątrz firmy trwały naprawdę długo. Pytaliśmy też o zdanie użytkowników naszego kreatora stron www. Jak widać pierwszy projekt jest bardzo podobny do ostatecznej wersji, co oznacza, że zdecydowaliśmy się kontynuować obraną drogę.

case study webwave nowy interfejsRys. Tak wyglądał pierwszy projekt

Lekcja: zamiast od razu dopracowywać wszystko w najdrobniejszych szczegółach, lepiej zacząć od minimalnego projektu i na nim testować swoje pomysły. Dzięki temu w razie niepowodzenia mniej pracy idzie do śmietnika.

 

Rozbudowany projekt graficzny

16.12.2016 drugi projekt nowego interfejsu ujrzał światło dzienne. Był on już znacznie bardziej rozbudowany. Zawierał 33 różne ekrany i stany. Posiadał opisane różnego rodzaju zachowania użytkowników i symulacje techniczne.

Poniżej grafiki prezentujące drugi projekt nowego interfejsu:

Lekcja: Nawet najbardziej szczegółowy projekt graficzny polegnie w zderzeniu z rzeczywistością. Grafik i UX będą więc w dalszym etapie prac musieli na bieżąco współpracować z programistami i rozwiązywać problemy, które pojawią się w trakcie developmentu.

 

Kodowanie

10.01.2017 pojawił się pierwszy commit w GIT dotyczący nowego interfejsu. Oznacza to, że dokładnie tego dnia programiści zaczęli kodowanie. Zdecydowaliśmy się wdrażać nowy interfejs małymi krokami i możliwie jak najszybciej przedstawić ubogą, ale klikalną wersję do testów. Pod koniec marca udało nam się zaprezentować pierwszą wersję testerom spoza zespołu WebWave. Chcieliśmy jak najszybciej zebrać niezależne opinie. Uzyskany feedback był bardzo pozytywny, co dodało nam pewności, że zmiana interfejsu jest niezbędna.

Z każdą kolejną iteracją udostępnialiśmy program nowym użytkownikom i obserwowaliśmy, jak z niego korzystają, jakich funkcji używają oraz czego im brakuje. Oczywiście w międzyczasie wychwytywaliśmy i poprawialiśmy niezliczone ilości błędów.

Lekcja: Bardzo ciężko jest połączyć bieżące prace przy rozwoju produktu, czyli dodawanie nowych funkcji czy usuwanie błędów z pracami związanymi ze zmianą interfejsu. Często te same rzeczy trzeba wdrażać dwa razy osobno dla każdego interfejsu.

 

Closed beta

01.06.2017 nowa wersja interfejsu została udostępniona jako closed beta. Oznacza to, że wybrani użytkownicy WebWave, otrzymali do niej dostęp i przesyłali nam swoje uwagi. Przeprowadziliśmy kilka iteracji takich testów i zebraliśmy wiele opinii i uwag, które pomogły nam dopracować produkt i wyeliminować wiele błędów.

Lekcja: W jednej iteracji testów 10 zaangażowanych osób w zupełności wystarczy.

 

Open beta

27.07.2017 uruchomiliśmy nowy interfejs w wersji open beta. Od tego dnia każdy użytkownik kreatora stron www WebWave mógł tworzyć strony internetowe w nowym panelu. My w tym czasie aktualizowaliśmy bazę wiedzy, nagrywaliśmy nowe filmy itp. Przeprowadziliśmy też serię testów A/B w trakcie których losowo pokazywaliśmy nowym użytkownikom starą lub nową wersję interfejsu i obserwowaliśmy ich reakcje. Do tego momentu działaliśmy w oparciu o przeczucie. Testy pokazały jednak jednoznacznie, że mieliśmy rację i że nowy interfejs faktycznie jest bardziej przyjazny użytkownikowi.

Lekcja: Aktualizacja materiałów szkoleniowych wytwarzanych sukcesywnie przez 5 lat wymaga bardzo dużo pracy.

 

Premiera

14.09.2017 nowy interfejs stał się głównym panelem do tworzenia stron www w WebWave. Nie oznacza to jednak, że stary interfejs od razu został wyłączony. Użytkownicy cały czas mogli z niego korzystać. Mieli więc czas na to, aby przyzwyczaić się do zmian.

Lekcja: Zawsze znajdą się osoby, którym zmiany się nie spodobają. Trzeba jednak dać im trochę czasu, aby oswoiły się z nową sytuacją, zdążyły się przyzwyczaić i dostrzec zalety.

 

Koniec projektu

1.12.2017 wyłączyliśmy możliwość pracy w starym interfejsie i pozostawiliśmy tylko ten nowy. Po 16 miesiącach projekt można uznać za zakończony.

Lekcja: Utrzymywanie dwóch interfejsów jednej aplikacji jest bardzo pracochłonne. Warto jednak poświęcić na to czas i dać użytkownikom możliwość przyzwyczajenia się do nowej sytuacji, a sobie czas na wyłapanie ostatnich błędów.

 

Nowy interfejs w liczbach

16 – tyle miesięcy zajął cały projekt zmiany interfejsów;

679 – tyle plików zostało zmodyfikowanych w związku z wprowadzaniem nowego interfejsu;

3 300 – mniej więcej tyle godzin pracy potrzebowali programiści, graficy, UX i inni

26 432 – tyle linii kodu zostało usuniętych;

55 502 – tyle nowych linii kodu napisaliśmy.

 

Wnioski

Na zakończenie chciałbym się jeszcze z wami podzielić naszymi wnioskami z pracy nad nowym interfejsem kreatora stron internetowych WebWave. Mam nadzieję, że pomoże wam to uniknąć naszych błędów i kończyć swoje projekty szybciej:

  • Zmiana interfejsu w narzędziu, z którego korzysta kilkadziesiąt tysięcy użytkowników, nie jest prostą sprawą. Należy uważać, żeby nie wylać dziecka z kąpielą.
  • Prace nad nowym interfejsem muszą iść równolegle z bieżącym rozwojem produktu. Nie można zapomnieć o tym, że użytkownicy cały czas czekają na nowe funkcje.
  • Utrzymanie dwóch interfejsów jednocześnie powoduje, że wdrażanie nowych funkcji będzie wymagało dużo więcej pracy niż zwykle.
  • Możliwie jak najwcześniej należy udostępnić nową wersję aplikacji użytkownikom do oceny.
  • Nie ma sensu jednorazowo udostępniać aplikacji więcej niż 10 zaangażowanym testerom.
  • Warto robić iteracje testów za każdym razem na innej grupie testowej. Wtedy użytkownicy nie skupiają się na sprawdzeniu, czy ich poprzednie uwagi zostały uwzględnione i nie porównują narzędzia do poprzedniej wersji, tylko pracują zupełnie „od nowa”
  • Wdrożenie nowego interfejsu zajmie trzy razy tyle czasu, ile zostało zaplanowane.
  • Zaktualizowanie bazy wiedzy, filmów, ebooków i innych materiałów szkoleniowych wymaga naprawdę bardzo dużo pracy i trzeba na to zarezerwować czas w swoim projekcie.

 


strona www blog - autorMaciej Czajkowski – CEO @ WebWave

Pasjonat internetów i nowych technologii. Analityk i Growth hacker z wieloletnim doświadczeniem jako programista. Prywatnie były szermierz, a obecnie zapalony żeglarz i podróżnik.

Case Study WebWave - Jak zmienić interfejs w aplikacji, z której korzysta ponad 70.000 użytkowników i nie wylać przy tym dziecka z kąpielą?

14 grudnia 2017

Blog

Wprowadzanie zmian w graficznym interfejsie użytkownika jest zawsze dużym wyzwaniem. Wiąże się to z zaangażowaniem zasobów firmy i nie może negatywnie wpływać na jej bieżący rozwój i obsługę klientów. Trzeba też pamiętać, że obecni użytkownicy mają swoje przyzwyczajenia. Zmiana interfejsu może im wcale nie przypaść do gustu.

Wpisz swój adres e-mail:
ZAPISUJĘ SIĘ
ZAPISUJĘ SIĘ
Formularz został wysłany - dziękujemy.
Proszę podać poprawny e-mail.

Zapisując się akceptujesz regulamin WebWave. Możesz zrezygnować w dowolnej chwili.

Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.

Panel webmastera

KONTAKT

contact@webwavecms.com
+48 731 395 898

KREATOR

OFERTA

DLA KLIENTÓW

WEBWAVE

MATERIAŁY

Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.

EN

Zacznij Teraz

RO

Polub nasz profil na Facebooku, aby otrzymywać powiadomienia o nowych funkcjach, postach na blogu, szkoleniach i materiałach edukacyjnych.

POZNAJ NAS BLIŻEJ W SIECI