Układ interfejsu użytkownika

Kliknij, aby skopiować

5 niezbędnych wskazówek, jak zbudować układ UI.


Możesz całkowicie zaprojektować część wizualną w edytorze, dokonać korekt i zmian według własnego uznania w dowolnym momencie. Nawet po opublikowaniu aplikacji i rozpoczęciu korzystania z niej przez użytkowników, możesz całkowicie zmienić wygląd i układ stron bez ryzyka utraty danych!

Dlatego to, w jakiej formie przedstawisz projekt przed przejściem do edytora nie jest aż tak istotne. Może to być prototyp w Figmie lub obraz w Photoshopie, rysunek w Paint lub odręczny szkic, a nawet wykres w arkuszu kalkulacyjnym Excel. Najważniejsze jest to, że masz jasny pomysł, jak to powinno działać.

Ale jest kilka ważnych punktów do rozważenia:

Zdecyduj, jakiej aplikacji potrzebujesz: webowej czy mobilnej

Możesz stworzyć dwie wersje aplikacji, które będą ze sobą połączone - część użytkowników będzie pracować z urządzeń mobilnych, część z komputerów osobistych, natomiast dane będą współdzielone. Chociaż projekt będzie się różnił.

Do budowania aplikacji mobilnych i internetowych przyzwyczajeni są różni redaktorzy, ważne jest, aby przed rozpoczęciem pracy zrozumieć ogólnie specyfikę ich pracy.

Zdefiniuj grupy użytkowników

Podziel użytkowników na grupy w zależności od tego, jakie funkcje są dla nich dostępne i przeanalizuj, jak bardzo się różnią.

Nie mówimy tu tylko o podziale na użytkowników i administratorów. Jeśli z Twojej aplikacji będą korzystać klienci o różnych poziomach dostępu lub pracownicy różnych działów, możesz ukrywać lub wyświetlać poszczególne elementy, a nawet całe strony, w zależności od tego, jakie funkcje i dane są dostępne dla danego użytkownika.

Potrzebujesz ilustrujących przykładów

Znajdź jak najwięcej aplikacji, które są jak najbardziej podobne do Twojej. Być może będziesz mógł wykorzystać jedną z nich jako bazę, dodając do niej pożądane przez Ciebie funkcje lub może będziesz chciał połączyć funkcjonalność kilku aplikacji w jedną. Zrób krótką listę z opisem zalet i wad - przyda się ona nie tylko przy sporządzaniu layoutu, ale także przy kontaktowaniu się z pomocą techniczną w celu uzyskania porady, szukaniu wykonawców i inwestorów do projektu oraz po prostu przy generowaniu nowych pomysłów.

Szczegółowo opisz strony

Musisz jasno zrozumieć, jakie strony będą w Twojej aplikacji i jakie informacje powinny być wyświetlane na każdej z nich.

Zazwyczaj wniosek zawiera:

  • Strona główna: Na tę stronę wejdą wszyscy użytkownicy, niezależnie od tego, czy są zarejestrowani, czy nie.
  • Portal administratora: Będzie zarządzał ustawieniami i kontami.
  • Osobne strony dla użytkowników o różnych poziomach dostępu.
  • Wyskakujące strony pojawiają się po wykonaniu określonych czynności.
  • Nie zapomnij o komunikatach serwisowych dla użytkowników i osobnych oknach z potwierdzeniem działań (na przykład zgody na wysyłanie danych).

Nie zapomnij o wymianie danych

Zastanów się, skąd Twoja aplikacja będzie brała dane i gdzie je będzie wysyłała. Czy wszystkie informacje będą pochodziły od użytkowników? Jakie procesy mogą być zautomatyzowane?

Część danych może być pobierana z witryn lub pobierana z programów księgowych. Aby uprościć logowanie do swojej aplikacji, skorzystaj z autoryzacji dużych serwisów, takich jak Google czy Facebook. Wymaga to osobnych elementów interfejsu, na przykład przycisków "Prześlij dane" lub "Zaloguj się za pomocą Facebooka".

Jeśli trudno jest przemyśleć wszystko naraz, stwórz układ z minimalnym zestawem niezbędnych funkcji i osobno napisz, co chciałbyś dodać w przyszłości. Jeśli masz jakiekolwiek trudności - napisz do kanału telegramu naszego wsparcia technicznego, zawsze chętnie pomożemy!