Architektura informacji strony B2B: jak uporządkować ofertę i ścieżki treści?
Uporządkuj usługi, nawigację i linki strony B2B. Praktyczny warsztat architektury informacji: pytania klientów, mapa treści, testy i zasady utrzymania.
Czytam artykułStrona, która wyjaśnia ofertę
Wybierz zakres, napisz brief i sprawdź pierwszy ekran. Ta ścieżka prowadzi od pytania o landing lub witrynę do warunków odbioru kodu i publikacji.
Dobra strona zaczyna się od pytań klienta. Najpierw ustal, komu pomagasz i jaką decyzję ma ułatwić witryna. Dopiero potem dobierz zakres, układ i środki wizualne. Ta ścieżka zbiera osobne narzędzia do każdego etapu: od briefu i architektury informacji po tekst usługi, obrazy i uruchomienie kontaktu.
Jeśli planujesz nowy projekt, zacznij od wyboru między landingiem a stroną firmową. Jeśli strona już działa, wybierz konkretny problem: czytelność oferty, szybkość, dostępność albo jakość zapytań. Przy odbiorze sprawdzaj zadania użytkownika, a nie sam wygląd ekranu. Każdy poradnik odsyła do dalszej lektury i do zakresu Design.
Wszystkie depesze / Design
129 poradników
Co powinien zawierać brief strony premium?
Dobry brief strony łączy cel firmy, pytania klienta i warunki odbioru. Pokazujemy, co ustalić przed projektem, żeby decyzje nie wracały co tydzień.
Czytam artykuł
Dostępność strony firmowej: klawiatura, kontrast i struktura w praktyce
Sprawdź stronę firmową klawiaturą, przy powiększeniu i w jej strukturze. Praktyczny plan odbioru dostępności, oparty na WCAG, z dowodami i poprawkami.
Czytam artykuł
Formularz kontaktowy strony B2B: od celowych pól do rzeczywistej wysyłki
Zaprojektuj krótki formularz B2B i sprawdź jego działanie od pola do skrzynki. Etykiety, błędy, backend, potwierdzenia oraz procedura odbioru kontaktu.
Czytam artykuł
Fotografia marki na stronie: jak dobrać obrazy, kadry i opisy?
Zaplanuj fotografie marki według ich funkcji na stronie. Brief zdjęciowy, wybór kadrów, mobilne proporcje, opisy alt i uczciwe oznaczanie koncepcji.
Czytam artykuł
Jak napisać tekst na stronę usługową: warsztat od obietnicy do konkretu
Napisz tekst usługi, który wyjaśnia wartość, zakres i kolejny krok. Warsztat pytań, argumentów, redakcji oraz sprawdzania twierdzeń przed publikacją.
Czytam artykuł
Landing page czy strona firmowa? Jak wybrać zakres przed projektem
Kiedy wystarczy landing page, a kiedy potrzebna jest strona firmowa z usługami i blogiem? Porównaj zadania, treści, SEO, utrzymanie i warunki odbioru.
Czytam artykuł
Migracja strony bez porzucenia adresów: mapa, przekierowania i odbiór
Przygotuj mapę starych i nowych adresów przed migracją strony. Sprawdź przekierowania, statusy HTTP, canonical, dokumenty i monitoring po publikacji.
Czytam artykuł
Mikrointerakcje strony internetowej: ruch, który pomaga w obsłudze
Zaplanuj subtelny ruch dla menu, formularza i galerii. Konkretne stany, klawiatura, pauza, reduced motion oraz testy odporności na szybkie działania.
Czytam artykuł
Odbiór strony internetowej: jak sprawdzić całą drogę od wejścia do kontaktu?
Praktyczna checklista odbioru strony firmowej: scenariusze, telefon, formularz, klawiatura, języki i powrót po błędzie. Zapisz wyniki przed publikacją.
Czytam artykuł
Techniczne SEO przed publikacją strony: co sprawdzić pod prawdziwym adresem?
Lista technicznego odbioru SEO: HTML, statusy HTTP, canonical, przekierowania, mapa strony i dane artykułu. Sprawdź działanie po publikacji, krok po kroku.
Czytam artykuł
Strona usługi B2B: układ, zakres i dowody, którym można zaufać
Zaplanuj stronę oferty B2B od problemu klienta po kontakt. Dobierz wiarygodne dowody, pokaż rezultat pracy i sprawdź kolejność sekcji bez fikcyjnych wyników.
Czytam artykuł
Szybkość strony i Core Web Vitals: co mierzyć i w jakiej kolejności poprawiać?
Oceń LCP, INP i CLS na stronie firmowej. Oddziel dane użytkowników od testu laboratoryjnego i zaplanuj poprawki obrazów, fontów oraz JavaScriptu.
Czytam artykuł
Test pięciu sekund: co klient rozumie z pierwszego ekranu twojej strony?
Jak przeprowadzić test pierwszego wrażenia strony firmowej, zadawać pytania bez podpowiedzi i przełożyć obserwacje na poprawki treści oraz projektu.
Czytam artykuł
Typografia strony premium: czytelność, skala i dobór fontów
Dobierz fonty, skalę nagłówków i rytm tekstu do strony premium. Sprawdź polskie znaki, kontrast, powiększanie oraz zachowanie krojów podczas ładowania.
Czytam artykuł
Case study na stronie B2B: jak pokazać pracę bez ujawniania poufnych danych?
Przygotuj wiarygodny opis realizacji: zakres własnej pracy, źródła wyniku, ograniczenia i materiały do publikacji. Warsztat case study bez fikcji.
Czytam artykułCennik usług B2B na stronie: cena, widełki czy indywidualna wycena?
Jak pokazać cenę usługi, gdy zakres bywa różny? Wybierz model prezentacji, opisz założenia i przygotuj uczciwą drogę od cennika do zapytania.
Czytam artykuł
Menu mobilne strony B2B: jak sprawdzić drogę od otwarcia do celu?
Dobre menu mobilne pozwala znaleźć usługę i wrócić do czytania. Zaplanuj rozwijanie, fokus, podstrony oraz testy na telefonie i klawiaturze.
Czytam artykuł
Publikacja treści w CMS: jak ułożyć role, podgląd i zatwierdzanie?
Ułóż proces publikacji w CMS: role, szkic, podgląd, zatwierdzenie i odbiór strony. Sprawdź też, kto odpowiada za metadane i zgłoszenia wyszukiwarkom.
Czytam artykułWersje językowe strony: adresy, przełącznik i odbiór wdrożenia
Jak wdrożyć wielojęzyczną stronę bez pozornych tłumaczeń? Mapa adresów, zakres treści, przełącznik języka i praktyczna checklista odbioru.
Czytam artykułWyszukiwarka na stronie B2B: od pytania klienta do trafnego wyniku
Kiedy stronie B2B potrzebna jest wyszukiwarka i jak odebrać jej działanie? Zakres indeksu, trafność, brak wyników i testy na rzeczywistych pytaniach.
Czytam artykułAkordeon na stronie usługowej: co schować, żeby nie ukryć odpowiedzi
Wybierz, co warto rozwijać na stronie usługi. Widoczne warunki, nazwy paneli, klawiatura, wiele otwartych odpowiedzi oraz próby kopiowania i druku.
Czytam artykułOkruszki nawigacyjne: kiedy pokazują drogę, a kiedy tylko okruszki
Zaplanuj okruszki nawigacyjne według struktury serwisu. Nazwy, długie ścieżki, telefon, dostępność i dane Google oraz próby wejścia z zewnętrznego linku.
Czytam artykułDługie nazwy w interfejsie: projektowanie dla treści, która nie chce się zmieścić
Zaprojektuj stronę odporną na długie tytuły, nazwy i adresy. Zawijanie, skracanie, tłumaczenia, odstępy tekstu oraz próby menu, kart i formularzy.
Czytam artykułFAQ na stronie usługowej: pytania, które rzeczywiście skracają rozmowę
Ułóż FAQ z pytań klientów, które pomagają wybrać usługę. Warsztat odpowiedzi, granice obietnic, aktualny stan Google oraz odbiór treści i obsługi.
Czytam artykułIkony na stronie firmowej: jak sprawić, żeby obrazek znaczył to, co trzeba
Dobierz ikony do rzeczywistych działań i informacji. Widoczne etykiety, dostępne nazwy, stany, spójny zestaw oraz prosty test rozumienia symboli.
Czytam artykułLinki zewnętrzne i nowe karty: jak nie zgubić klienta między stronami
Uporządkuj odnośniki do innych serwisów. Nazwy celów, nowe karty, pliki, powrót do zadania, odpowiedzialność za aktualność i praktyczny test przejść.
Czytam artykułWideo na stronie usługowej: jak pokazać pracę i nie zatrzymać kontaktu
Umieść wideo tam, gdzie wyjaśnia usługę. Cel filmu, napisy, odtwarzanie, szybkość, wersja bez materiału oraz próby drogi od obejrzenia do kontaktu.
Czytam artykułPDF czy zwykła strona? Jak udostępniać ofertę, którą da się przeczytać
Wybierz PDF, HTML albo oba formaty świadomie. Dostępność, aktualizacje, wysyłka oferty, wersjonowanie dokumentów oraz praktyczny plan sprawdzenia pliku.
Czytam artykułStrona firmowa do druku: oferta, która nie rozpada się na papierze
Przygotuj stronę firmową do druku: pełny zakres oferty, czytelne tabele, adresy, podział stron i brak zasłaniających elementów. Plan sprawdzenia wydruku.
Czytam artykułStrona 404: jak pomóc klientowi wrócić do sprawy, z którą przyszedł
Zaprojektuj stronę 404, która wyjaśnia brak adresu i pomaga znaleźć usługę. Przykłady komunikatów, zasady przekierowań oraz konkretny scenariusz odbioru.
Czytam artykułStrona podziękowania po formularzu: co obiecać i jak potwierdzić kolejny krok
Zaplanuj potwierdzenie po formularzu: prawdziwy status zgłoszenia, następny krok i pomoc przy błędzie. Przykłady tekstów oraz próby wysyłki i odbioru.
Czytam artykułJak porównać dwie usługi na jednej stronie bez sztucznego zwycięzcy
Porównaj dwie usługi przez problem klienta, rezultat i granice zakresu. Przykłady kryteriów, uczciwa rekomendacja, układ oraz droga do zapytania.
Czytam artykułStrona zespołu: jak pokazać kompetencje bez katalogu portretów
Pokaż zespół przez zadania, kompetencje i dowody pracy. Krótkie biogramy, sensowne zdjęcia, profile, kontakt oraz zasady aktualizacji po zmianie składu.
Czytam artykułTabela porównawcza usług na telefonie: jak zachować sens bez lupy
Porównaj warianty usług czytelnie także na telefonie. Dobór kryteriów, nagłówki, przewijanie, karty oraz próby z długą treścią i powiększonym tekstem.
Czytam artykułTryb ciemny strony firmowej: kiedy pomaga, a kiedy zjada szczegóły
Zdecyduj, czy strona potrzebuje trybu ciemnego. Paleta, wybór użytkownika, zdjęcia, formularze oraz konkretne próby czytelności i działania obu wersji.
Czytam artykułJedna marka, kilka nazw: kiedy oferta potrzebuje rodziny, a kiedy porządku
Jak uporządkować relacje między marką, usługami, produktami i wariantami, żeby ich nazwy pomagały wybrać właściwy zakres.
Czytam artykuł
Dzienniczek zakupowy: czego nie widać podczas jednego testu strony
Jak zbierać relacje z kolejnych momentów decyzji zakupowej i przełożyć je na potrzeby treści, zachowując granice badania dzienniczkowego.
Czytam artykułBrak w magazynie: co pokazać zamiast ślepej uliczki i sztucznej pilności
Brak towaru może oznaczać różne sytuacje. Jak pokazać niedostępność, alternatywy i powiadomienia bez zgadywania terminu ani obiecywania rezerwacji?
Czytam artykułDostawa czy odbiór osobisty: wybór, który zmienia dalszą drogę zamówienia
Odbiór i wysyłka zmieniają potrzebne dane oraz dalszy krok klienta. Jak połączyć lokalizację, dostępność i termin bez gubienia zamówienia przy zmianie?
Czytam artykułFiltry w sklepie: klient powinien wiedzieć, dlaczego zostały trzy produkty
Filtry powinny pokazywać, co zawęża katalog i jak cofnąć wybór. Projektujemy zależności, liczniki, puste wyniki oraz powrót z produktu na telefonie.
Czytam artykułGaleria produktu: pokaż detal, ale pozwól odnaleźć całość
Galeria ma pokazać całość, konstrukcję i szczegóły produktu. Jak ułożyć kadry, miniatury oraz powiększenie, żeby klient nie zgubił informacji ani orientacji?
Czytam artykułGłos marki w interfejsie: jak zachować charakter, gdy coś poszło nie tak
Jak zachować charakter marki w błędach, podpowiedziach i potwierdzeniach, nie zasłaniając stanu sprawy żartem ani ogólnym sloganem.
Czytam artykułInstrukcja produktu na stronie: pierwsze uruchomienie bez zgadywania
Jak przygotować instrukcję pierwszego użycia produktu: rozpoznanie wersji, kolejność czynności, kadry i sprawdzenie wyniku.
Czytam artykułInteraktywne demo na stronie: pozwól spróbować, zanim poprosisz o dostęp
Jak zaprojektować krótkie demo produktu na danych pokazowych: jedno zadanie, czytelny wynik, możliwość wyjścia i sensowny kolejny krok.
Czytam artykułModel 3D produktu: obrót jest łatwy, orientacja klienta już mniej
Model 3D powinien pomagać obejrzeć produkt. Projektujemy punkty widzenia, obrót, reset i opisy detali, żeby klient zachował orientację oraz kontrolę.
Czytam artykułKalkulator na stronie: wynik ma wyjaśniać założenia, a nie udawać wyrocznię
Kalkulator potrzebuje jawnych jednostek i założeń. Pokazujemy liczby, zaokrąglenia, poprawianie danych oraz różnicę między oszacowaniem a zamówieniem.
Czytam artykułKarta produktu: co klient musi wiedzieć, zanim doda rzecz do koszyka
Dobra karta produktu odpowiada na pytania o zastosowanie, zestaw i ograniczenia. Zobacz, jak ułożyć dane, zdjęcia i wybór, zanim klient przejdzie do koszyka.
Czytam artykułKonfigurator produktu: swoboda wyboru potrzebuje dobrze zapisanych ograniczeń
Konfigurator ma wyjaśniać zależności i dawać jednoznaczny wynik. Jak pokazać konflikt opcji, zmianę zestawu, reset oraz zapis wyboru do zamówienia?
Czytam artykułKoszyk, w którym można zmienić zdanie: ilości, usuwanie i powrót do produktu
Koszyk służy także do zmiany decyzji. Jak pokazać ilości, usuwanie, poprawne warianty i przeliczenia, żeby klient wiedział, co naprawdę zamawia?
Czytam artykułKatalog produktów zaczyna się od danych: nazwa, cecha i opis to różne rzeczy
Opis produktu to za mało, gdy katalog ma filtrować i porównywać. Uporządkuj cechy, jednostki, warianty i źródła, zanim zaczniesz projektować kolejne karty.
Czytam artykułTest użyteczności prototypu: jak prowadzić rozmowę, która nie pomaga klikać
Jak przygotować i prowadzić test prototypu: neutralne zadania, rozmowa bez podpowiedzi oraz wnioski z konkretnych obserwacji.
Czytam artykułDwa prototypy, jedno zadanie: jak porównać rozwiązania bez konkursu piękności
Jak porównać dwa prototypy na wspólnym zadaniu, uwzględnić kolejność i oddzielić poprawność decyzji od preferencji wyglądu.
Czytam artykułKogo zaprosić do badania strony? Znajomi powiedzą coś miłego, ale to inna próba
Jak dobrać uczestników do pytania o stronę: kryteria doświadczenia, krótka ankieta, kanały dotarcia i granice wniosków.
Czytam artykułStrona 3D na słabszym telefonie: zaprojektuj równie sensowną drogę bez sceny
Jak zachować informacje, wybór produktu i drogę do oferty, gdy scena 3D nie działa albo odbiorca woli ją wyłączyć.
Czytam artykułCzy klient rozumie ofertę? Poproś, żeby wyjaśnił ją własnymi słowami
Jak sprawdzić rozumienie oferty przez parafrazę i zastosowanie do sytuacji klienta, zamiast pytać jedynie, czy tekst jest jasny.
Czytam artykułTokeny projektowe: jak przełożyć język marki na zasady, które przetrwają nowy ekran
Jak nazwać role kolorów, odstępów i typografii oraz przeprowadzić zmianę od decyzji projektowej do używanych elementów strony.
Czytam artykułWarianty produktu: dlaczego zmiana koloru powinna zmieniać coś więcej niż kółeczko
Wybór wariantu musi łączyć opcję, zdjęcie, dostępność i koszyk. Zobacz, jak projektować kombinacje produktu, blokady i powrót do konkretnej wersji.
Czytam artykułWiadomości transakcyjne sklepu: marka ma też głos po kliknięciu Kupuję
Jak ułożyć tematy, treść i przyciski wiadomości sklepu według stanu zamówienia oraz pytań klienta po zakupie.
Czytam artykułWymiary produktu w sklepie: centymetry, które klient potrafi sobie wyobrazić
Same centymetry nie pokazują, czy rzecz się zmieści. Wyjaśniamy rysunki wymiarowe, skalę zdjęć, miejsce na ruch i różnicę między produktem a paczką.
Czytam artykułZakup bez konta: jak nie urządzić rekrutacji przed kasą
Zakup i zakładanie konta to osobne decyzje. Jak zaprojektować widoczny zakup gościnny, potrzebne pola, poprawki oraz powrót do zamówienia bez hasła?
Czytam artykułAnkieta po użyciu strony: o co właściwie pytasz, kiedy pytasz „czy było łatwo”?
Zaprojektuj krótką ankietę po zadaniu na stronie. Pytanie, skala i moment oceny mają znaczenie; satysfakcja nie zastępuje poprawnego wykonania.
Czytam artykułBadanie bez prowadzącego: zadanie musi samo wyjaśnić, co sprawdzamy
Zaprojektuj samodzielną próbę zadania: jasne polecenie, punkt zatrzymania i czytelny ślad wyniku. Pilotaż oddziela problem badania od błędu strony.
Czytam artykułBadanie z czytnikiem ekranu: użytkownik zna swoje narzędzie lepiej od scenariusza
Przygotuj badanie serwisu z osobami używającymi czytnika lub innych technologii asystujących. Własna konfiguracja, zadanie, pomoc i zapis bariery.
Czytam artykuł
Centrum materiałów: plik ma mieć wersję, zastosowanie i powód do pobrania
Jak ułożyć centrum materiałów, by klient wybrał właściwy model, język i rewizję pliku? Karty zasobów, starsze wydania i pobieranie bez zgadywania.
Czytam artykułCentrum prasowe: dziennikarz szuka faktu, nie spaceru po menu
Jak zaprojektować centrum prasowe z aktualnymi faktami, podpisanymi plikami i właściwym kontaktem? Przejdź drogę osoby przygotowującej publikację.
Czytam artykułDługi poradnik na stronie: spis treści, który pomaga wrócić do pytania
Jak zaprojektować spis treści długiego poradnika? Uporządkuj nagłówki, trwałe adresy sekcji, widok po przejściu i powrót do miejsca lektury.
Czytam artykułTo jeszcze pracuje: postęp, przerwanie i powrót do długiego zadania
Jak pokazać długie zadanie na stronie? Zaprojektuj wiarygodny postęp, rozróżnij wyjście i anulowanie oraz umożliw użytkownikowi odebranie wyniku po powrocie.
Czytam artykułNazwa w jedną stronę, kod w drugą: dwa kierunki tekstu w interfejsie
Jak projektować tekst w dwóch kierunkach: nazwy, kody i numery w formularzu, wynikach, kopiowaniu oraz plikach przekazywanych dalej.
Czytam artykułDziennik zmian produktu: co użytkownik ma zrobić po aktualizacji
Dziennik zmian ma wyjaśniać dostępność i potrzebne działanie. Zaprojektuj kartę aktualizacji, status wersji i powiązanie z aktualną instrukcją.
Czytam artykułFormularz na kilka podejść: jak wrócić do pracy, którą już się zaczęło
Formularz wymagający kilku podejść potrzebuje czytelnego zapisu i powrotu. Oddziel szkic, gotowe części i wysłane zgłoszenie bez tracenia danych.
Czytam artykułKod QR z ulotki: dokąd człowiek trafia po zeskanowaniu
Kod QR powinien prowadzić do obiecanej czynności. Zaprojektuj opis, adres bez skanowania, stronę po wejściu i dalszy los kodu po kampanii.
Czytam artykułKup ponownie: stara lista nie jest jeszcze dzisiejszym zamówieniem
Jak odtworzyć dawne zamówienie, gdy zmieniły się warianty i wielkość opakowań? Projekt ponownego zakupu z czytelnym wynikiem w dzisiejszym koszyku.
Czytam artykułMapa punktów obsługi: pinezka ma prowadzić do właściwych drzwi
Mapa firmy powinna prowadzić do punktu, który obsłuży daną sprawę. Jak połączyć usługi, listę lokalizacji, wejście, godziny i właściwy cel trasy.
Czytam artykułStrona przy prawdziwym stanowisku pracy: czego nie pokaże spokojny test
Obserwacja strony przy rzeczywistym stanowisku: wybór zadania, otoczenie, notatki bez dopowiadania przyczyn i sprawdzenie zmian projektu.
Czytam artykułOpinie o produkcie: co klient powinien zobaczyć obok gwiazdek
Zaprojektuj opinie produktowe z czytelnym wariantem, rozkładem ocen i filtrami. Pokaż kontekst doświadczenia, zakres średniej oraz znaczenie oznaczeń.
Czytam artykułPaczka logo, której da się użyć bez telefonu do projektanta
Jak przekazać logo zespołowi i partnerom? Dobierz warianty do tła, formaty do narzędzi i opisz paczkę, którą da się wykorzystać bez zgadywania.
Czytam artykułPodpowiedź to jeszcze nie wybór: pole, które ma wskazać konkretną pozycję
Jak zaprojektować pole z podpowiedziami, które wybiera konkretny rekord? Odróżnij tekst, sugestię i potwierdzenie, podobne nazwy oraz brak wyników.
Czytam artykułPorównywarka produktów: najpierw wybierz, co warto zestawić
Jak porównywać wybrane produkty, gdy różnią się opakowaniem, wariantem i jednostkami? Zaprojektuj wybór modeli, czytelne parametry oraz brakujące dane.
Czytam artykułPrzeciągnij wyżej — i pozwól zrobić to bez przeciągania
Projekt zmiany kolejności kart: alternatywa dla przeciągania, czytelny wynik, dalsza praca oraz odróżnienie szkicu od publikacji.
Czytam artykułPierwsze użycie bez instrukcji: przejdź interfejs krok po kroku oczami nowej osoby
Przejdź pierwsze zadanie w interfejsie z jawnymi założeniami o wiedzy odbiorcy. Zapisz potencjalne bariery, skutki działań i hipotezy do sprawdzenia.
Czytam artykułZapisuję trzy osoby. Jak zaprojektować grupową rejestrację na warsztat
Trzy osoby i dwa wolne miejsca: projekt rejestracji grupowej, danych uczestników, częściowego przyjęcia i uczciwej listy rezerwowej.
Czytam artykułKtoś właśnie zmienił ten rekord: jak pokazać konflikt edycji
Jak pokazać konflikt równoczesnej edycji: zachowanie własnej pracy, porównanie wersji, jasne decyzje i ponowna kontrola zapisu.
Czytam artykułPusty panel po pierwszym wejściu: pokaż, od czego można zacząć
Pusty panel powinien wyjaśniać przyczynę braku danych i drogę do pierwszego własnego wyniku. Oddziel przykład, dostęp, błąd odczytu i zapis.
Czytam artykuł
Szablon prezentacji marki dla ludzi, którzy mają opowiedzieć o pracy
Jak zaprojektować szablon prezentacji, który wytrzyma długi tytuł, własny wykres i nowe zdjęcie? Układy, reguły edycji i odbiór gotowego pliku.
Czytam artykułWybór daty na stronie: kalendarz nie zawsze pomaga
Kiedy pozwolić wpisać datę, a kiedy pokazać kalendarz? Projekt wyboru, poprawiania i potwierdzenia terminu w formularzu usługi.
Czytam artykułSesja wygasła. Co stało się z formularzem?
Sesja wygasła, ale czy zapisano dane? Zaprojektuj ostrzeżenie, ponowne logowanie i powrót do właściwego szkicu bez zgadywania stanu operacji.
Czytam artykułWykres w kolorach marki: najpierw daj odczytać dane
Jak połączyć wykresy z językiem marki bez gubienia danych? Ustal role kolorów, skalę, podpisy i czytelny odpowiednik treści na stronie.
Czytam artykułZałącznik w formularzu: plik wybrany, wysłany czy dopiero czekający?
Załącznik wybrany nie zawsze jest przesłany. Zaprojektuj stany plików, poprawki, ponowienie i potwierdzenie właściwego kompletu w formularzu.
Czytam artykułZapisane na później: lista, która pamięta powód wyboru
Co zapisało serduszko: model, wariant czy konfigurację? Projekt listy na później, rozpoznawalnego powrotu i zmian katalogu bez gubienia wyboru.
Czytam artykułZaznacz wszystkie: dwadzieścia widocznych czy dwa tysiące wyników?
Wybór zbiorczy po filtrach i stronach: licznik zaznaczenia, ukryte pozycje, cały wynik oraz czytelne pominięcia przy tworzeniu paczki.
Czytam artykułBez zasięgu też można pracować. Co strona zapisuje, a co naprawdę wysyła?
Zaprojektuj pracę strony bez sieci: lokalny zapis, oczekujące zmiany, potwierdzenie przyjęcia i konflikt po powrocie. Na przykładzie przeglądu wyposażenia.
Czytam artykułWspólny terminal: po odejściu klienta ekran ma zacząć od nowa
Zaprojektuj wizytę na wspólnym terminalu: początek, zakończenie, ostrzeżenie o bezczynności i powrót bez danych poprzedniej osoby. Z konkretną próbą odbioru.
Czytam artykułCzy proponować instalację strony? Najpierw znajdź powód do powrotu
Kiedy proponować instalację PWA i co pokazać po powrocie z ikony? Przykład regularnych rezerwacji, odmowy instalacji i wejścia z wiadomości.
Czytam artykułStrona prosi o kamerę. Czy użytkownik wie po co?
Jak wyjaśnić dostęp do kamery, mikrofonu lub lokalizacji? Zaprojektuj moment pytania, oczekiwanie, odmowę i inną drogę wykonania zadania.
Czytam artykułKlucz dostępu zamiast hasła: zaprojektuj także dzień po zgubieniu telefonu
Klucz dostępu wymaga więcej niż przycisku logowania. Jak zaprojektować dodanie, rozpoznanie i usunięcie metody oraz powrót po utracie urządzenia?
Czytam artykułDwa konta firmowe, jeden użytkownik. W której firmie właśnie pracujesz?
Jak zaprojektować przełączanie organizacji w portalu? Aktywna firma, właściciel szkicu, dwie karty i powrót z linku na przykładzie obsługi klientów.
Czytam artykułZaproszenie już przyszło. Dlaczego trafiam do niewłaściwego konta?
Zaproszony e-mail i zalogowane konto nie zawsze pasują. Zaprojektuj wybór tożsamości, wygasły link i czytelny stan dla osoby zapraszającej.
Czytam artykułPowiadomienia pod kontrolą: klient chce wyciszyć temat, nie zniknąć z systemu
Jak rozdzielić temat, kanał i czas powiadomień? Projekt preferencji, czasowego wyciszenia i powrotu do sprawy bez obiecywania doręczenia.
Czytam artykuł
Co drugi wtorek, ale według którego zegara? Projekt cyklicznych terminów
Projekt cyklicznych terminów: czytelna reguła, strefa czasu, pojedynczy wyjątek i zakres zmiany. Przykład konsultacji z podglądem rzeczywistych dat.
Czytam artykułZacząć na komputerze, dokończyć telefonem. Co ma przejść razem z użytkownikiem?
Jak przenieść etap zadania z komputera na telefon? Rozpoznanie sprawy, przejęcie, dodanie zdjęcia i powrót z potwierdzonym wynikiem do pierwszego ekranu.
Czytam artykułMoje kolumny, nasza tabela. Jak zaprojektować zapisane widoki danych
Zapisany widok tabeli potrzebuje jasnych granic: kolumny, filtry, sortowanie i właściciel. Zaprojektuj też powrót oraz zmianę dostępnych pól.
Czytam artykułNastępna strona czy przewijanie bez końca? Wybierz sposób przeglądania katalogu
Paginacja i doczytywanie służą różnym zadaniom. Zaprojektuj orientację, powrót do rekordu, koniec listy oraz błąd pobrania następnej porcji.
Czytam artykułUsuń, cofnij, odzyskaj: trzy różne chwile w interfejsie
Cofnięcie i kosz potrzebują różnych reguł. Ustal, jaki element wraca, dokąd trafia i co dzieje się z jego relacjami oraz dostępem.
Czytam artykułImport CSV zaczyna się przed przyciskiem „Importuj”
Zaprojektuj mapowanie kolumn CSV, podgląd zmian i rozpoznanie aktualizacji. Użytkownik powinien znać skutek importu przed zapisem do katalogu.
Czytam artykułEksport danych: plik ma zachować znaczenie, nie tylko liczbę wierszy
Eksport tabeli to umowa z kolejnym programem. Zaprojektuj wybór kolumn, kodów, jednostek i braków oraz próbę odczytania gotowego pliku.
Czytam artykułŁadny panel, wczorajsze dane. Jak pokazać aktualność bez udawania czasu rzeczywistego
Odświeżenie widoku nie musi oznaczać nowego pomiaru. Zaprojektuj czas danych, stan pobrania i braki tak, by panel pomagał podjąć właściwą decyzję.
Czytam artykułWykres, którym można sterować. Nie zgub zakresu ani wybranego punktu
Zaprojektuj wybór okresu, szczegół punktu i powrót do pełnego wykresu. Zadbaj o dotyk, klawiaturę i zgodność danych z aktualnym zakresem.
Czytam artykułPaleta poleceń: skrót dla stałych użytkowników, nie tajne wejście do funkcji
Zaprojektuj paletę poleceń, która pomaga znaleźć działanie i wykonać je we właściwym kontekście. Nazwy, skróty, potwierdzenie skutku i zwykła droga przez ekran.
Czytam artykułPrzenieś plik. Tylko dokąd — i co stanie się z dostępem?
Przeniesienie, kopia i skrót mają różne skutki. Zaprojektuj wybór folderu, informację o dostępie, konflikt nazw i wynik częściowo wykonanej operacji.
Czytam artykułWklejone z dokumentu, opublikowane na stronie. Co edytor ma zachować?
Ustal zasady wklejania treści do CMS: znaczenie nagłówków i list, zachowanie linków, utratę obcego formatowania oraz podgląd rzeczywistej strony.
Czytam artykuł
Edycja w miejscu: kiedy poprawka jest naprawdę zapisana?
Edycja w miejscu bez zgadywania: rozpoczęcie poprawki, zatwierdzenie, kliknięcie poza polem, błąd zapisu i czytelny powrót do poprzedniej wartości.
Czytam artykuł
Favicon i ikona aplikacji: marka w małym rozmiarze
Jak zaprojektować favicon i ikony aplikacji: uproszczenie znaku, jasne i ciemne tło, maskowanie, wymagania Google oraz odbiór wdrożenia.
Czytam artykułSzablon e-mail HTML: czytelny w różnych programach pocztowych
Projekt szablonu e-mail HTML: czytelność bez obrazów, zmiana tła, font zastępczy, długie dane i odbiór wiadomości w wybranych programach pocztowych.
Czytam artykułAdres nie zawsze ma ulicę i kod. Formularz dla różnych krajów
Formularz adresu międzynarodowego: wybór kraju, lokalne pola, brak kodu pocztowego, ręczna korekta i zachowanie danych przy zmianie formatu.
Czytam artykuł
1,5 czy 1.5? Liczba w formularzu potrzebuje zasad
Wprowadzanie liczb w formularzu: przecinek i kropka, krok względem minimum, wklejanie, puste pole i precyzja bez cichego zmieniania wartości.
Czytam artykułKliknij na planie — ale gdzie właściwie wejść?
Interaktywny plan powinien zachować związek strefy, nazwy i listy po powiększeniu. Jak zaprojektować wybór miejsca, opis wejścia i powrót do rysunku.
Czytam artykuł„Każdy z linkiem” to także decyzja projektowa
Skopiowanie adresu, zaproszenie osoby i zmiana uprawnień mają różne skutki. Jak pokazać odbiorców, rolę, ważność oraz odebranie dostępu do materiału.
Czytam artykułZgłaszam naprawę, nie kupuję od nowa. Jak zaprojektować drogę serwisową
Klient zna objaw, nie musi znać podzespołu. Projekt zgłoszenia naprawy: rozpoznanie egzemplarza, potrzebne materiały, potwierdzenie i dalszy krok.
Czytam artykułCzy ten dodatek pasuje? Projekt sprawdzania zgodności produktów
Podobna nazwa i wygląd nie potwierdzają zgodności dodatku. Jak rozpoznać posiadany model, pokazać warunki dopasowania i uczciwy wynik bez danych.
Czytam artykułPo zakupie pliku: od zamówienia do działającego pobrania
Zamówienie pliku nie kończy dostawy. Zaprojektuj udostępnienie kupionego zasobu, powrót bez konta, wygasły link i przejście do właściwej wersji.
Czytam artykułZmieniam pakiet. Co stanie się z moimi projektami?
Jak zaprojektować zmianę pakietu i pauzę usługi: moment wejścia, istniejące projekty, limity, praca zespołu oraz czytelne potwierdzenie przyszłego dostępu.
Czytam artykułPrezent ma zaskoczyć odbiorcę, nie zdradzić się powiadomieniem
Projekt zakupu na prezent od danych kupującego po paczkę: osobni odbiorcy wiadomości, termin ujawnienia, dedykacja, dokumenty i próba całej drogi zamówienia.
Czytam artykułSortowanie kart: cudzy porządek bez podpowiadania własnego
Kiedy wybrać otwarte lub zamknięte sortowanie kart? Jak przygotować tematy, poprowadzić próbę i przełożyć sporne grupy na hipotezę struktury strony.
Czytam artykułPierwsze kliknięcie: czy ekran wskazuje właściwą drogę?
Jak przygotować test pierwszego kliknięcia: zadanie bez podpowiedzi, poprawne obszary, ekran i czas. Dlaczego mapa kliknięć nie dowodzi ukończenia zadania.
Czytam artykułWspółprojektowanie: użytkownik wnosi więcej niż głos na makietę
Jak przygotować warsztat współprojektowania: otwartą decyzję, uczestników, materiały i zadanie. Od doświadczeń użytkowników do prototypu, bez konkursu makiet.
Czytam artykułDwie osoby przy jednym zadaniu. Kiedy badać interfejs w parze
Badanie użyteczności w parze: dobór współpracujących osób, wiedza obu ról, przekazanie informacji i zapis pomocy. Jak odróżnić sukces duetu od samodzielności.
Czytam artykułZa pierwszym razem z pomocą, za tydzień samodzielnie. Jak zbadać uczenie się interfejsu
Jak badać ponowne użycie interfejsu po przerwie: porównywalne zadanie, zapis pomocy, doświadczenie między sesjami i decyzje o wskazówkach na ekranie.
Czytam artykułZamknij konto — ale co z projektami całego zespołu?
Jak zaprojektować zamknięcie konta bez pomylenia osoby, zespołu i wspólnych projektów: zależności, przekazanie roli, potwierdzenie oraz stan po operacji.
Czytam artykułOd wiedzy do decyzji
Opowiedz nam, co chcesz uporządkować. Ustalimy, od czego zacząć.
Poznaj zakres Design