kontakt
Software house
>
Tag
>
Co to jest Mockup? | Mock-up - prototypy, makiety aplikacji i widoków.
MockUp makiety i prototypy aplikacji

Co to jest Mockup? | Mock-up - prototypy, makiety aplikacji i widoków.

Data wpisu
Tomasz Kozon
Autor
Tomasz Kozon

Mockup (makieta, atrapa) to wyrażenie używane w kontekście tworzenia stron internetowych oznacza najczęściej prototyp aplikacji lub layoutu. Mockupy przygotowuje się w celu lepszego zobrazowania finalnego wyglądu produktu na etapie jego tworzenia. Już na początku można zaplanować wiele aspektów projektu, które będą miały przełożenie na finalną jakość produktu podczas programowania. Dobrze przygotowany mockup znacznie usprawnia pracę dla developerów tworzących warstwę front-end.

Low-fi mockup

Projektowanie produktu (porduct design) często rozpoczyna się od stworzenia prototypu niskiego stopnia szczegółowości (low-fi mockup), który obrazuje ułożenie poszczególnych elementów i przejścia między widokami. Dzięki stworzeniu roboczej wersji projektu na bieżąco można wprowadzać nawet bardzo poważne zmiany w widokach i zmiany koncepcji. W przypadku docelowej wersji mockupu takie działania zabierałby znacznie więcej czasu.
 

mockup lowfi

Hifi mockup

Na podstawie podstawowych makiet low-fi tworzony jest prototyp wysokiego stopnia szczegółowości (hi-fi mockup), który pokazuje finalną wersję serwisu i służy programistom do wykonania warstwy front-end aplikacji. Finalna wersja prototypu powinna zwierać także podstawowe animacje i przejścia między ekranami. Obecnie najpopularniejszymi aplikacjami do tworzenia interaktywnych mockupów są Figma i AdobeXD.

mockup hifi


Stworzenie mock-upu i szczegółowej specyfikacji zlecenia to często pierwsze kroki, które rozpoczynają projekt IT. Bez tego realizacja może przebiegać mniej sprawnie i pociągnąć za sobą wyższe koszta. Na pewno mockup jest konieczny dla programistów, aby zakodować warstwę front-end. Sprawdź wpisy na temat wykorzystania makiet i prototypów aplikacji w naszym Software House.

Case study: #mockup
0 Aktualnie brak case study
Zobacz wszystkie

Wpisy z tagiem: mockup