wireframes should they really be tested
Przyszli nowi stażyści i mieliśmy zajęcia szkoleniowe nauczyć się koncepcji testowania oprogramowania . Po zobaczeniu tych entuzjastycznych twarzy z ich prawie pustymi umysłami (zawodowo), zdecydowałem się na odejście od mojego rutynowego treningu.
Po krótkim wprowadzeniu, zamiast mówić o testowaniu oprogramowania, tak jak to robię zwykle, rzuciłem świeżemu umysłowi pytanie: Czy ktoś może mi wyjaśnić, co do wireframe jest? '
Odpowiedzią była pauza, więc postanowiliśmy o tym porozmawiać. I tak to się zaczęło - Testowanie szkieletu / prototypu :)
Więc, co to jest model szkieletowy? Pozwólcie, że wyjaśnię to za pomocą prostych analogii:
- Dekorator wnętrz nie zaczyna przypadkowo wstawiać mebli i dekorować domu. Umieszcza swój plan na papierze (lub oprogramowanie do projektowania), omawia go z klientem, próbuje i modyfikuje go w najlepszy praktyczny sposób, a następnie wdraża.
- Aby zrozumieć, jak poważnie uszkodzona jest część ciała, lekarze patrzą na zdjęcie rentgenowskie. Rentgen jest w zasadzie szkieletem naszego ciała i dostarcza prawidłowych informacji o kościach i stawach.
- Krawiec przygotowuje papierową szmatkę (znowu rodzaj prototypu), dokonuje wszelkich niezbędnych modyfikacji i używa jej jako podstawowego pomiaru, dopóki wszystko nie będzie dokładne i nie będzie pewny, że będzie mógł wykonać rzeczywisty element, który szyje.
Myślę, że te przykłady wystarczyły, aby każdy zrozumiał pojęcie wireframe'u.
Wireframe to pewnego rodzaju prototypy:
Mają ograniczony charakter, co oznacza, że mogą zawierać puste strony HTML bez działających elementów lub statycznych zrzutów ekranu, które są reprezentatywne dla strony / funkcji / elementu aplikacji i mogą być pozbawione koloru, grafiki i innych elementów rzeczywistego projektu wizualnego.
Aby zbudować solidną aplikację / witrynę internetową, potrzebna jest solidna struktura, a makiety pomagają w dostarczeniu struktury, przedstawiając układ strony, ogólny interfejs, nawigację i funkcje.
Oto kilka przykładów szkieletów:
Dlaczego firmy programistyczne tworzą modele szkieletowe?
Z tego samego powodu Krawiec / projektant wnętrz / Doktor decyduje się najpierw wypróbować różne rzeczy - aby uniknąć błędów, wyeliminować zgadywanie, uzyskać zgodę klienta przed osadzeniem wszystkiego w kamieniu. Pomaga we wczesnym identyfikowaniu problemów i daje wgląd w oprogramowanie tak, jak wyglądałoby po zakończeniu.
Czego się nauczysz:
- Znaczenie makiet / testowania prototypów:
- Testowanie szkieletów może pomóc w następujących przypadkach:
- Narzędzia do makietowania:
- Kiedy można (lub robi) testowanie szkieletów:
- Wyniki testów prototypu:
- Wniosek:
- rekomendowane lektury
Znaczenie makiet / testowania prototypów:
Po co więc testować coś, co jest szkieletem i czego użytkownik nie zobaczy tak, jak jest teraz? Innymi słowy - po co zawracać sobie głowę pośrednikiem, skoro to jeszcze manekin?
Po prostu - aby pomóc w zapobieganiu defektom - co jest ogólnym celem zespołów kontroli jakości (zapewnienie jakości = zapobieganie defektom + Identyfikacja wady ).
Testowanie szkieletów może pomóc w następujących przypadkach:
# 1) Identyfikacja brakujących wymagań:
Powiedzmy, że jeśli wymagania stanowią, że w Strona logowania powinny być 2 pola wejściowe, odpowiednio identyfikator logowania i hasło oraz 3 przyciski OK-Anuluj-Resetuj. Jeśli model szkieletowy jest następujący, możemy łatwo wcześnie znaleźć brakujący przycisk Reset i włączyć go do aplikacji.
# 2) Określenie dodatkowych wymagań:
Odwrotnością powyższej sytuacji może być to, że wymaganie stanowi, że na stronie logowania powinny znajdować się 2 pola wejściowe, odpowiednio identyfikator logowania i hasło oraz 2 przyciski OK i Anuluj. Jeśli model szkieletowy jest następujący, możemy łatwo stwierdzić, że ma dodatkowy przycisk Reset i sprawdzić, czy jest naprawdę potrzebny.
# 3) Użyteczność:
Modele szkieletowe to jedna z najlepszych opcji testowania użyteczności produktu / aplikacji przed jej opracowaniem.
Oto szkielet jednej z form:
Na pierwszy rzut oka wydaje się w porządku.
Pomyśl teraz jak użytkownik końcowy, użytkownik, który ma zamiar wypełnić informacje w formularzu. Czy uważasz, że istnieje sposób, aby ten formularz był bardziej przyjazny dla użytkownika? Cóż, z pewnością tak myślę.
- Podaj symbol kalendarza i ogranicz użytkownikowi możliwość wyboru daty z kalendarza. Byłoby to pomocne dla użytkownika, ponieważ nie będzie musiał się mylić co do formatu daty, którego powinien przestrzegać, a wybór daty z kalendarza byłby czymś, co wolałby każdy użytkownik.
- Podpowiedź wyjaśniająca, co oznacza każde pole, byłaby świetna.
- Nazwa strony jako tytuł jest wymagana do zrozumienia modelu krawędziowego i powiązania pól.
- Wymagane pola należy oznaczyć znakiem * lub uwagą „ Wszystkie pola są wymagane ”Powinno być widoczne.
- Etykieta pierwszego pola powinna mieć postać „Nazwa kampanii”, a nie tylko „Nazwa”, aby uniknąć nieporozumień dla użytkowników.
# 4) Wczesne testy funkcjonalne:
podstawowe prawa dostępu do plików w systemie unix to:
W samym powyższym przykładzie na podstawie diagramu możemy prawdopodobnie odgadnąć, jak ta funkcjonalność może działać. Jeśli nie, doprowadzi to przynajmniej do dalszego rozkopania i lepszego zrozumienia aplikacji.
- Na przykład : A jeśli użytkownik chce dodać wiele identyfikatorów rezerwacji? Czy aplikacja nadpisze poprzedni wpis, czy pozwoli na wiele wpisów? Jak sobie z tym poradzi i jak nim zarządza?
Jak widać na powyższych przykładach, testowanie wireframe'ów naprawdę pomaga we wczesnej identyfikacji problemów poprzez statyczny model szkieletowy i zapobiega przenikaniu defektów do rzeczywistej aplikacji. Jest to bardzo korzystne, ponieważ wiemy, że usterki zidentyfikowane na wczesnym etapie procesu rozwoju są tańsze w naprawie niż te znalezione później.
Narzędzia do makietowania:
Na rynku dostępnych jest wiele narzędzi, ale należy je stosować w zależności od kontekstu. Chociaż większość narzędzi, takich jak Axure, Power mockup, Simulify, Balsamiq itp., Jest płatna, jest kilka przydatnych darmowe narzędzia do tworzenia szkieletów zbyt:
- Cacoo : Cacoo to przyjazne dla użytkownika narzędzie do rysowania online, które umożliwia użytkownikowi tworzenie różnorodnych diagramów, takich jak mapy witryny, makiety, UML i wykresy sieciowe.
- MockupBuilder : MockupBuilder pomaga użytkownikowi szybko przenieść swoje pomysły na ekran. Jest to DARMOWA aplikacja internetowa z technologią Silverlight.
- Projekt ołówka : Pencil Project jest darmowy i łatwy do nauczenia. Może działać jako dodatek do przeglądarki Firefox lub samodzielnie.
Kiedy można (lub robi) testowanie szkieletów:
- Przed opracowaniem produktu: Może to pomóc w identyfikacji luk lub brakujących wymagań, błędów projektowych, problemy z użytecznością itp. - zapobieganie defektom
- Rozwój postu: W takim przypadku modele szkieletowe mogą służyć jako odniesienia do walidacji aplikacji. - Identyfikacja wady.
W przypadku testowania użyteczności Wireframe jest to zwykle wykonywane ręcznie i przez większość czasu zaangażowani są użytkownicy w czasie rzeczywistym. Zadaje im się serię pytań, aby zrozumieć swoje doświadczenia lub opinie, albo otrzymują interaktywne modele szkieletowe, aby uchwycić opinie.
Aby przeprowadzić szczegółową analizę modeli szkieletowych, czasami zaangażowani są również eksperci z danej dziedziny.
Usługi takie jak usertesting może być bardzo pomocny, gdzie można zamieścić link do makiet i po przetestowaniu wireframe'ów, wyniki są generowane wraz z następującymi punkty zwrotne:
- Film przedstawiający ekran każdego użytkownika podczas testowania szkieletu.
- Dźwięk użytkownika opowiadającego o tym, jak wykonuje zadania.
- Cenna opinia o tym, jak ulepszyć swoją witrynę.
Wyniki testów prototypu:
Wyniki testów wireframe'ów są bardzo pomocne w zrozumieniu projektu, nawigacji, przyjazności dla użytkownika, ogólnego przepływu pracy i funkcjonalności. Zasadniczo, po przetestowaniu wireframe'ów, makiety stają się bardziej przejrzyste i możliwe do wdrożenia.
Wniosek:
Podsumowując, testowanie szkieletów działa jako czynność proaktywna i może być bardzo pomocne w znajdowaniu luk w użyteczności i projektowaniu w fazie przed opracowaniem aplikacji.
Tym samym kończę temat, mając nadzieję, że czytelnicy skuszą mnie do napisania kolejnego posta na ten temat, zadając pytania i udzielając informacji zwrotnych.
O autorze: Ten artykuł został napisany przez członka zespołu STH, Bhumikę. Jest liderem projektu i ma ponad 10-letnie doświadczenie w testowaniu oprogramowania.
Miłego testowania, jak zwykle :)
rekomendowane lektury
- Testowanie aplikacji - podstawy testowania oprogramowania!
- Ćwiczenia z testowania oprogramowania - nowa platforma do testowania umiejętności testowania i dzielenia się praktycznymi pomysłami
- Jak przetestować wniosek dotyczący opieki zdrowotnej - część 1
- Jak szybko uzyskać pracę testera mobilnego - przewodnik kariery testera mobilnego (część 1)
- Najlepsze narzędzia do testowania oprogramowania 2021 [Narzędzia do automatyzacji testów QA]
- Jaki jest najlepszy moment w Twojej karierze testera? - Odpowiedzi na 14 interesujących pytań do rozmowy kwalifikacyjnej dotyczącej testowania oprogramowania
- Różnica między testami na komputerach stacjonarnych, serwerach klienckich i testach internetowych
- Jak przeglądać dokument SRS i tworzyć scenariusze testowe - Szkolenie z testowania oprogramowania w projekcie na żywo - Dzień 2