GoldenLine
Zaloguj się
Krystian K.

Krystian K. finanse project

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Tak jak w temacie. Chciałbym przetestować w praktyce jak wyglądałby taki serwis, czy elementy są odpowiedniej wielkości itp więc chciałbym taką makiete z axure obejrzec na androidzie. Da się?
Link do wypowiedziLink
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystian K.:
Tak jak w temacie. Chciałbym przetestować w praktyce jak wyglądałby taki serwis, czy elementy są odpowiedniej wielkości itp więc chciałbym taką makiete z axure obejrzec na androidzie. Da się?

a probowales poprostu kliknac ikonke publikuj do share.axure.com?

jest darmowa wersja - dzial pieknie do 10mb pliku
ot ustawiasz wszystko i idziesz na ta stronke z przegladarki w swoim mobilnym urzadzonku
i tyle...

ps. czytać manuale :)
Link do wypowiedziLink
Krzysztof Piwowar

Krzysztof Piwowar UX Consultant &
Owner @ Magnetise -
looking for new
busin...

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystian K.:
Tak jak w temacie. Chciałbym przetestować w praktyce jak wyglądałby taki serwis, czy elementy są odpowiedniej wielkości itp więc chciałbym taką makiete z axure obejrzec na androidzie. Da się?

Krystianie, jedno z rozwiązań pokazał ci już Piotr.

Drugie to wgranie wygenerowanego wireframe na swój prywatny serwer i otwarcie adresu w przeglądarce na komórce. Pamiętaj, aby wpisując nazwę strony, uzupełnić ją najlepiej o pełną nazwę pliku html, który jest u ciebie pierwszym ekranem (powiedzmy stroną główną). Wtedy nie pojawi ci się boczne drzewko nawigacyjne czyli np.

w bocznej nawigacji masz takie ekrany jak:
strona_glowna
strona_produktu
strona_wyszukiwania

to w pasek przeglądarki wpisujesz adres katalogu, gdzie wgrałeś wireframe + strona_glowna.html

zwróć uwagę na to, czy w nazwach używałeś polskich znaków oraz czy używałeś spacji (najlepiej i jednego i drugiego nie używać, jeśli myślimy o wgrywaniu plików na serwer i testowaniu ich w przeglądarce telefonu - to tak z własnego doświadczenia).
Link do wypowiedziLink
Krystian K.

Krystian K. finanse project

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Próbowałem tej opcji z Share Axure ale jest taki problem że strona wyświetla się tak że nie jest dopasowana do rozdzielczości ekranu i trzeba palcami ją powiększać i korygować jej położenie a to jest strasznie uciążliwe. Da się zrobić tak aby automatycznie wyświetlała się dopasowana do ekranu?

A w ogóle to jak sprawdzić na jaką rozdzielczość powinienem projektować np dla swojego telefonu? Bo ja użyłem 360x570 czyli tej co w widgecie dla Androida.
Link do wypowiedziLink
Krzysztof Piwowar

Krzysztof Piwowar UX Consultant &
Owner @ Magnetise -
looking for new
busin...

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystianie, musisz ustawić odpowiednie tagi meta. Tutaj znajdziesz wszystko, co ci potrzebne: http://mobile.smashingmagazine.com/2012/08/17/mobile-p... i http://butterui.com/axure-viewport-tags/
Link do wypowiedziLink
Krystian K.

Krystian K. finanse project

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Ustawiłem w opcjach generowania mobilnego prototypu tak jak jest tutaj:

Obrazek

I scrollowanie jest rzeczywiście wyłączone ale strona nie dopasowuje się dokładnie. Pasek adresu powinien zniknąć a nie znika.

PS. Generuję do axure share i link otwieram na telefonie
Link do wypowiedziLink
Krzysztof Piwowar

Krzysztof Piwowar UX Consultant &
Owner @ Magnetise -
looking for new
busin...

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystian K.:
[...] ale strona nie dopasowuje się dokładnie. Pasek adresu powinien zniknąć a nie znika.

PS. Generuję do axure share i link otwieram na telefonie

Jeśli próbujesz otworzyć to na Androidzie, to raczej pasek nie zniknie. Z tego co się orientuję, to działa to tylko na iPhonie i do tego należy utworzyć jeszcze ikonę a nie otwierać przez przeglądarkę.
Link do wypowiedziLink
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystian K.:
Ustawiłem w opcjach generowania mobilnego prototypu tak jak jest tutaj:

Obrazek

I scrollowanie jest rzeczywiście wyłączone ale strona nie dopasowuje się dokładnie. Pasek adresu powinien zniknąć a nie znika.

PS. Generuję do axure share i link otwieram na telefonie


zacznijmy moze od początku.

co chesz uzyskać? [nie nie mow o znikaniu paska] PO CO CI ta makieta
co to jest mobilny prototyp wg Ciebie :) - makieta strony www dla androida? czy cos innego?

jak ja zaprojektowales
dla jakiej rozdzielczosci
co chcesz w uzyskac/sprawdzic robiac ta makiete?

bo wiesz rozne zachowania symuluje sie w rozny sposob na roznych urzadzeniach w tym androidach - i tu sie zdziwisz.. niby android ale... samsung galaxy SIII wymaga innych parametrow niz HTC One

czesto lepiej uzywac adobe edge inspect zamiast natywnego browsera w urzadzeniach mobilnych innych niz iOS
Link do wypowiedziLink

konto usunięte

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Tak jest wszystko wytłumaczone w linkach wyżejTen post został edytowany przez Autora dnia 08.05.13 o godzinie 21:18
Link do wypowiedziLink
Krystian K.

Krystian K. finanse project

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Dodałem ikonke ale jak otworzyc przez nią?
Mam makiete aplikacji na andorida
Rozdzielczosc 360x570
Chce sprawdzic jak sie prezentuje na mobilu
Link do wypowiedziLink
Piotr Ż.

Piotr Ż. Director of UX EMEA

Temat: Jak odpalić makietę serwisu mobilnego na telefonie?

Krystian K.:
Dodałem ikonke ale jak otworzyc przez nią?
Mam makiete aplikacji na andorida
Rozdzielczosc 360x570
Chce sprawdzic jak sie prezentuje na mobilu


to dziala na iOS a nie na androidzie... nawet jak dodasz do ekranu startowego/desktop link - i tak otworzy sie w przegladarce z panelami...

Ja uzywam adobe edge inspect - http://html.adobe.com/edge/inspect/
ma opcje full screen
dziala na androidach 2.x i nowszych o iczywiscie na iOS
pozwala jednym kliknieciem zrobic screenshoty ze wszystkich urzadzen
i przeglada je jednoczesnie lub odzdzielnie

tu masz szybki przyklad appki - http://share.axure.com/Q3UVZN/Home.html

zobacz jak ci sie toto otwiera na towim androidzie
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj