W ostatnim czasie miałem okazję przetestować kilka narzędzi online do prototypowania. W tym wpisie na naszym blogu postaram się opisać pokrótce wady i zalety ProtoShare

Na początek – kilka faktów dotyczących licencji i kosztów. W momencie pisania tego posta, autorzy ProtoShare oferują 3 warianty cenowe (niestety, link o nazwie „signup and pricing” na stronie domowej narzędzia kieruje nas na …forum – stąd do podstrony tabeli wariantów cenowych należy dostać się najlepiej przez …Google):

1. Wersja Standard – koszt ok. 29$/miesiąc (ok. 85zł przy kursie 1USD = 2,95zł)

2. Wersja Professional – koszt ok. 49$/miesiąc (ok. 144zł przy kursie 1USD = 2,95zł)

3. Wersja Enterprise – kosztów tej wersji autorzy nie podają oficjalnie – zapewne zależy on od dokładnej specyfikacji konta

Czym charakteryzują się poszczególne wersje, można dowiedzieć się ze strony ProtoShare (nie będę tłumaczył zakresu tych funkcjonalności na blogu, ponieważ za jakiś czas mogą ulec zmianie).

Miałem przyjemność wypróbować 30-dniowy trial wersji Professional. Z jakim efektem? Posłuchajcie.

Pierwsze wrażenie

Cóz – „nie jest źle” – pomyślałem. Miły interfejs zbliżony wyglądem do ExtJS , układ dość oczywisty, żaden ważny „ficzer” nie był ukryty w trudnym do odnalezienia miejscu. Przystąpiłem zatem do działania – „New page”, „New wireframe”. W tym trybie możemy, jak to w programach do tworzenia makiet bywa, tworzyć prototypy. ProtoShare oferuje nam ponadto dość ciekawy tryb pracy – „Live view”, dzięki któremu możemy nanosić nowe elementy na strony WWW pobierane spod podanego adresu URL – rzecz przydatna podczas konieczności zaprezentowania „gdzie to będzie”, bez zmuszania autora makiet do robienia zrzutów ekranu fragmentów istniejącej strony lub rysowania boksów.

Diabeł tkwi w szczegółach i …cierpliwości

Tryb edycji/tworzenia prototypów („wireframes”) ujawnia nam dość standardowy, raczej konwencjonalny interfejs – po prawej stronie dostępne elementy, edycja stanów („states”). Do dyspozycji – tradycyjnie linijka i pasek narzędziowy (przeniesienie na warstwach, wyrównania). W kwestii elementów i ich edycji – brakuje zdecydowanie możliwości prostego formatowania elementów tekstowych (pogrubienie, pochylenie, przekreślenie, powiększenie, wyrównanie) – tego typu efekt możemy uzyskać stosując element „Rich text”, który ma trochę inne zastosowanie. Tym samym, aby stworzyć coś na kształt nagłówka strony (powiększony, ewentualnie pogrubiony font) – musimy przeciągnąć widget Richtext.

Brakuje możliwości zapisania domyślnych ustawień przeciąganych do makiety elementów – za każdym razem trzeba…usunąć ramkę, zmienić tło (lub, ewentualnie, kopiować elementy, co jednak niesie za sobą zagrożenie skopiowania widoczności w zależności od stanu). Sam obszar edycji jest stosunkowo wygodny – nie do końca jednak rozumiem zasadę działania wyrównania elementów (element do którego wyrównujemy, wybierany jest spośród dwóch zaznaczonych chyba losowo – nie odnalazłem reguły). Brakuje możliwości zduplikowania elementów, „wyciągnięcia” z kontenera, powiększania/pomniejszania, a przede wszystkim – możliwości ukrycia paska powiadomień (niestety zdarza się czasem, że trzeba prototypować na ekranie mniejszym niż 22″, a wówczas brak możliwości usunięcia niekoniecznie niezbędnych pasków informacyjnych staje się uciążliwa). Brakuje trybu pełnoekranowego – z możliwością „odpięcia” do postaci okienka toolbara z dostępnymi elementami/stanami. Nie zauważyłem również opcji ustawienia „always-on-top” dla używanych w makietach szalonów. Ciekawym (a raczej – uciążliwym) bugiem okazuje się nierówne przesuwanie zaznaczonych elementów – kiedy zaznaczymy więcej niż jeden i będziemy go przesuwać z poziomu klawiatury, istnieje 95% szans, że po klikniu kliknięciach na „strzałkę do góry” elementy, mówiąc zwięźle – „rozjadą się”.

ProtoShare oferuje użytkownikowi możliwość wygodnego zarządzania obrazkami, szablonami i tzw. „clippings”, czyli fragmentami makiet przygotowanymi do późniejszego wklejenia. 

Osobiście uważam, że autorzy mogliby zainwestować w umożliwienie użytkownikowi dołączania ikonek z określonej puli, stylów przycisków. Z punktu widzenia współpracy z zespołem deweloperskim – przydatna byłaby możliwość dołączania „pinezek”/”żółtych karteczek” (w istocie, możemy dopisać do każdej stronie dokumentację i szczegóły dotyczące SEO, jednak to często mało precyzyjne miejsca). Brakuje również gotowego zestawu standardowych form reklamowych. Mile widziany byłby tryb „whiteboard”, w którym za pomocą „ołówka” moglibyśmy komentować na żywo z innymi uczestnikami projektu poszczególne elementy i zachowanie.

Pracując z ProtoShare ma się nieodparte i, raczej słuszne, wrażenie, że ta aplikacja działa…wolno. To nie kwestia łącza – bo potrafi na 2Mbit-ach działać prawie w czasie rzeczywistym, a potrafi również co kilka sekund rzucać komunikatem: „You may have lost network connectivity or your session may have expired. Try refreshing this page.„, co potrafi doprowadzić do nader wysokiego poziomu irytacji. Śmiem przypuszczać, że ta sama aplikacja działająca w środowisku systemu operacyjnego nie robiłaby wrażenia aż tak ociężałej, mimo, że całość jest napisana w Javie i sama w sobie nie oszczędza zasobów komputera (nawet jeśli jest to QuadCore). 

Zaletą godną uwagi jest możliwość prototypowania na elemencie o wymiarach standardowego iPhone’a – zatem z powodzeniem możemy przygtowywać makiety dla tego rodzaju telefonów.

Czy warto?

ProtoShare, mimo, iż nie jest oprogramowaniem wolnym od wad, to na rynku narzędzi do prototypowania online zdecydowanie wyróżnia się zakresem oferowanych funkcji. Sądzę, że jeśli użytkownicy pomogą autorom w rozwoju tej aplikacji, za jakiś czas stanie się rzeczywistą konkurencją dla znanego i lubianego Axure. W jego rozwój wierzę nie tylko ja, bo na jednej z podstron ProtoShare dowiadujemy się, kto do tej pory korzystał z tego narzędzia, a byli to m.in. Sony, Garmin, 3M, salesforce.com i wiele innych znanych marek. Pewnym jest, że ci projektanci, którzy używają narzędzi działających offline, będą zawiedzeni tego typu rozwiązaniami, choć niepodważalną przewagą nad aplikacjami desktopowymi jest możliwość udostępnienia tworzonych makiet „od ręki” – bez konieczności żmudnego eksportu i wysyłania na serwer po każdej zmianie, a to bardzo często decyduje o „być albo nie być” projektu. 

Polecam lekturę wpisu na blogu Marka Kasperskiego dotyczącego narzędzi przydatnych w pracy nad usability.

Zachęcam zatem gorąco do zapoznania się z tą obiecującą aplikacją – do zamówienia 30-dniowej wersji próbnej (uwaga: aby zarejestrować wersję trial, należy podać poprawne dane karty kredytowej, na której znajdują się odpowiednie środki).

Paweł Biliński
frontend designer

0

108 komentarzy

  1. andrea

    19/02/2010 at 5:45 pm

    Pawel, I apologize for a response in English, but I did want to thank you for your review of ProtoShare. We are continually working to improve and enhance teh application, so we do hope people trial it for themselves. The latest release notes can be found here: http://www.protoshare.com/Support/Release-Notes/.

    You mentioned that there is „no full screen mode”. Part of this might be lost in my translation, but could you please elaborate? In the Editor view, you can somewhat size the right-hand sidebar to allow for more room and the left-hand sidebar can collapse as well. (or expand via upper left arrows to view all components on the canvas) In the Prototype screen, you can click View Design above the filmstrip to view the prototype without the ProtoShare wrapper.

    Also, if you continue to encounter Loss of Connectivity on a regular basis, please contact our support team to ensure there is not a deeper issue: support[at]protoshare.com. We are also open to additional feedback you may have.

    Cheers!
    Andrea
    @ProtoShare

  2. Pingback: 3mc8w5wt4twyvnmtc5twmcw |
  3. Pingback: 4y643vce6yveeybv5uv56 |
  4. Pingback: rc489xtmji89sm9r4xs |
  5. Pingback: family cab to gatwick |
  6. Pingback: booking cancellations fee |
  7. Pingback: c349m8958c34m9rt54e |
  8. Pingback: d8xc45m78oe35rm739 |
  9. Pingback: asdfsdfxcvxxasa |
  10. Pingback: xwc34rwxrw34rwc34c |
  11. Pingback: Wall Tapestry Dorm |
  12. Pingback: cxqw234xracrwcr4 |
  13. Pingback: xdsffx4crta4rtxa34w |
  14. Pingback: uscojufm9r4tue4urtse4 |
  15. Pingback: Bulk Jewelry |
  16. Pingback: selling feet pics |
  17. Pingback: more info |
  18. Pingback: germany |
  19. Pingback: click here |
  20. Pingback: https://www.manytube.net/ |
  21. Pingback: royal cbd products |
  22. Pingback: https://royalcbd.com/product/cbd-oil-1000mg/ |
  23. Pingback: buy cbd oil |
  24. Pingback: https://royalcbd.com/product/cbd-roll-on-gel/ |
  25. Pingback: https://royalcbd.com/product/cbd-capsules-25mg/ |
  26. Pingback: best cbd oil for pain |
  27. Pingback: https://royalcbd.com/product/cbd-oil-2500mg/ |
  28. Pingback: https://royalcbd.com/product/cbd-gummies-10mg/ |
  29. Pingback: https://royalcbd.com/product/cbd-cream/ |
  30. Pingback: dg casino |
  31. Pingback: mitrade lua dao |
  32. Pingback: trucos ios |
  33. Pingback: canadian pharmacies |
  34. Pingback: 메리트카지노 |
  35. Pingback: https://www.m-wclub365.com// |
  36. Pingback: MOST EXPENSIVE SUPERYACHT |
  37. Pingback: 918kisslogin |
  38. Pingback: 메리트카지노 사이트 |
  39. Pingback: drogas |
  40. Pingback: best natural skin care |
  41. Pingback: ok |
  42. Pingback: https://disavowbacklink.s3-ap-southeast-1.amazonaws.com/docung/disavow-1.html |
  43. Pingback: cbd |
  44. Pingback: 메리트카지노 |
  45. Pingback: register agent xe88 |
  46. Pingback: quality control inspector |
  47. Pingback: visit pharmacy website |
  48. Pingback: proven |
  49. Pingback: Roberto Badalotti |
  50. Pingback: https://www.facebook.com/VitalflowProstateSupports/ |
  51. Pingback: eu driving license without test |
  52. Pingback: phim sex online |
  53. Pingback: golfing sunglasses |
  54. Pingback: värdera klocka |
  55. Pingback: Loozap Immobilier Algerie |
  56. Pingback: silencil scam |
  57. Pingback: umraniye escort |
  58. Pingback: https://www.my918kissapk.com/pussy888/ |
  59. Pingback: game judi online malaysia |
  60. Pingback: brokerreview scam |
  61. Pingback: Revenge porn |
  62. Pingback: podcast transcript |
  63. Pingback: sàn giao dịch forex |
  64. Pingback: airport pick up |
  65. Pingback: Apartemen bsd |
  66. Pingback: vitamin |
  67. Pingback: vitamin |
  68. Pingback: top sàn forex |
  69. Pingback: sisteme de copiat |
  70. Pingback: malay movie online free |
  71. Pingback: horror movies 2018 |
  72. Pingback: detectives para empresas |
  73. Pingback: Home Appliances |
  74. Pingback: magic mushroom canada |
  75. Pingback: canada pharmacy |
  76. Pingback: film izle |
  77. Pingback: hd film izle |
  78. Pingback: hd film izle |
  79. Pingback: langley handyman |
  80. Pingback: natural skincare products canada |
  81. Pingback: best canada pharmacy |
  82. Pingback: scrap car near me |
  83. Pingback: best casino |
  84. Pingback: how to make money gambling |
  85. Pingback: Drucker mieten – Multifunktionale Büroassistenten |
  86. Pingback: Aaron Lal |
  87. Pingback: Aaron Lal |
  88. Pingback: my mega888 big win |
  89. Pingback: https://youtu.be/qSE-R_LQJww |
  90. Pingback: my mega888 demo id |
  91. Pingback: Adam Robinson Bendigo |
  92. Pingback: ecommerce |
  93. Pingback: malaysia mega888 casino |
  94. Pingback: Inger Ramaker |
  95. Pingback: ラブドール sex |
  96. Pingback: color hair |
  97. Pingback: silk hair wigs |
  98. Pingback: lace wigs |
  99. Pingback: wax doll |
  100. Pingback: mega888 tips game |
  101. Pingback: from this source |
  102. Pingback: 34cr4rxq3crq34rq3r4 |
  103. Pingback: download mega888 singapore download |
  104. Pingback: Julian Di Benedetto |
  105. Pingback: Kingpen |
  106. Pingback: bookkeeping services singapore |
  107. Pingback: Buy Weed Online |
  108. Pingback: Video cam quarantine jobs |

Leave a Reply