GoldenLine
Zaloguj się
Szymon W.

Szymon W. Prezes w Artmetic,
Freelancer,
Ρrogramista C++/Qt

Temat: Ocena interfejsu graficznego - Projekt własny

Witam jestem na etapie tworzenia aplikacji i chciałbym zasięgnąć informacji który rodzaj interfejsu graficznego jest lepszy dla użytkownika. Prosiłbym o ewentualne uwagi co można byłoby zrobić lepiej oraz wytypować najlepszą grafikę spośród niżej umieszczonych.
1.

Obrazek

2.

Obrazek

3.

Obrazek

4.

Obrazek

5.

Obrazek

6.

Obrazek

7.

Obrazek

8.

Obrazek

9.

Obrazek

10.

Obrazek
Ten post został edytowany przez Autora dnia 06.10.14 o godzinie 18:47
Link do wypowiedziLink
Łukasz Solniczek

Łukasz Solniczek Konsultant
wdrożeniowy/Programi
sta Ruby on Rails

Temat: Ocena interfejsu graficznego - Projekt własny

Do czego będzie ta aplikacja?
Link do wypowiedziLink

konto usunięte

Temat: Ocena interfejsu graficznego - Projekt własny

Łatwiej byłoby się wypowiadać, jakby obrazki były ponumerowane:)

na tą chwilę: Screenshot_2014-10-06-13-17-19-640x1024

O ile pamiętam aplikacja jest do liczenia kalorii i zapotrzebowania na nie.
Link do wypowiedziLink

konto usunięte

Temat: Ocena interfejsu graficznego - Projekt własny

Szczerze mówiac, zaden z tych obrazkow sie nie nadaje. Przynajmniej jesli chcesz podchodzic do tego profesjonalnie. Kilka punktow, ktore moze powinienes rozwazyc:

1. Do czego ma sluzyc appka i jaki jest jej cel? Do promocji twojej osoby ? Jesli tak to "O mnie" powinno byc na pierwszym miejscu. Jesli nie to moim zdaniem mozesz sobie to usunac i ewentualnie gdzies dopisac jakies info ze zostalo to stworzone przez Ciebie, twoja firme.

2. 2x Udostepnij zajmuja tyle samo miejsca co glowne funkcje programu. I znowu trzeba zadac pytanie. Czemu to ma sluzyc? Chcesz promowac aplikacje? Czy chcesz promowac "artykuly" z wewnatrz aplikacji? Czy moze cos innego? Chyba nie tedy droga.

3. Mnie osobiscie taki interfejs nie przekonuje. Jako uzytkownik otworzyl bym appke i bym ja zamknal bez wzgledu na merytoryke w srodku. Byc moze nawet po zrzutach aplikacji w sklepie bym sie rozmyslil. Mysle ze bez porzadnego grafika, ktory Ci to i wszystkie "strony" appki rozrysuje sie nie obedzie.

PS. Nie znam sie na wygladzie appek Androidowych, ale widzialem wiele appek na iOS i mial bys w czym wybierac jesli chodzi o probe opierania sie na fajnym interfejsie, wygladzie. Moim zdaniem to nie jest to.
Link do wypowiedziLink
Karolina Kaps

Karolina Kaps Graphic Designer –
Projektant aplikacji
mobilnych w Futur...

Temat: Ocena interfejsu graficznego - Projekt własny

Tworze na co dzień widoki do aplikacji mobilnych zarówno dla systemu Android, iOS i innych. To co przedstawiłeś to nadaje się na fanpage - "Grafik płakał jak projektował"

Zanim ktokolwiek zaczyna projektować wygład aplikacji błagam wszystkich developerów zlećcie to komuś kto się na tym zna, a jeśli macie ograniczony budżet to przeglądniecie jakieś inspiracje jak inni to robią. Wiele inspiracji można znaleźć na behance.net czy pinterest.com
Link do wypowiedziLink
Szymon W.

Szymon W. Prezes w Artmetic,
Freelancer,
Ρrogramista C++/Qt

Temat: Ocena interfejsu graficznego - Projekt własny

Odpowiadając na pytania:

1. Aplikację stworzyłem w celu wyliczania kalorii i dziennego zapotrzebowania na nie, jej starsza wersja dostępna jest na stronie.
Aplikacja do pobrania

Aplikacja zawiera dużą unikalną bazę danych (ponad 2 000 produktów), tłumaczoną z wielu baz angielskich.
W związku z tym jest to aplikacja o ograniczonym budżecie.

2. Jeden z przycisków udostępnij zostanie zastąpiony przyciskiem ustawienia, ale dopiero wtedy gdy całość aplikacji zostanie dostosowana do użytkowników anglojęzycznych.

3. Odnośnie iOS aplikacja jest możliwa do przerzucenia do AppStore, gdyż kod jest przenośny, ale wolałbym ją dopracować.

4. Za odnośnik do behance.net dziękuję,
Link do wypowiedziLink

konto usunięte

Temat: Ocena interfejsu graficznego - Projekt własny

Szymonie,

Gratuluję apki.

Co do interfejsu to mi się nie podoba. Może to Ci pomoże (wpisz w wyszukiwarce: android user interface development beginner's guide ) oraz http://www.cssdesignawards.com/articles/20-inspiring-u...Ten post został edytowany przez Autora dnia 08.10.14 o godzinie 19:57
Link do wypowiedziLink
Szymon W.

Szymon W. Prezes w Artmetic,
Freelancer,
Ρrogramista C++/Qt

Temat: Ocena interfejsu graficznego - Projekt własny

Rozumiem, że grafika nie daję zamierzonego efektu. W związku z tym czy uważacie, że grafika umieszczona poniżej będzie bardziej przyjazna dla użytkownika. Proszę zwrócić uwagę na zakładki poniżej umożliwiające lepsze poruszanie się po interfejsie użytkownika.

Co jeszcze mógłbym poprawić?


Obrazek
Ten post został edytowany przez Autora dnia 09.10.14 o godzinie 00:09
Link do wypowiedziLink
Michał Stachura

Michał Stachura Dedykowane serwisy i
strony www -
http://santri.eu

Temat: Ocena interfejsu graficznego - Projekt własny

Szymon, jak dla mnie powinieneś:

1. Całkowicie zrezygnować z jakichkolwiek gradientów na tle czy elementach graficznych - flat design
2. Wymiń czcionkę na na zwykłą, normalną, czytelną
3. Białe tło, czarne litery
4. Większe odstępy między wykresami
5. Przyciski kontrastowe na tle a nie koloru tła (no i ten gradient :)
6. Ikony nie są czytelne i nie wiem do czego służą, podpisz je
7. Co tu jest ważne dla użytkownika Liczba kalorii, energia czy to ile szczegółowo zjadł witaminy b12? Wiem że fajnie jest pokazać złożoność aplikacji i jak wiele czynników wpływa na zapotrzebowanie kcal, zadaj sobie i klientom pytanie czy im też takie szczegółowe rozbicie jest potrzebne?
8. Zrezygnuj ze zdjęć. Same przyciski.

Zainwestuj 1000 zł w grafika który Ci ładnie rozrysuje każdy ekran. Sama aplikacja jest w dechę i zasługuje na ładną oprawę, której na razie nie ma.
Link do wypowiedziLink
Paweł W.

Paweł W. Menadżer sklepu
Fying Tiger
Copenhagen

Temat: Ocena interfejsu graficznego - Projekt własny

Interfejs:
- Dla mnie dziecinny, po samym screenie już bym jej nie pobrał
- Pochyłe litery - może ładne, ale nie czytelne
- Litery na wpół pisane - super sprawa, ale gdybyś robił elementarz, albo pamiętnik
Rozkład:
Jak już pisano wyżej czy użytkownikom jest potrzebne aż tyle informacji na raz? Osobiście uważam, że nie a się aktualnie odchudzam trochę, więc po części jestem na czasie
Co jest najważniejsze, przynajmniej z mojego punktu widzenia:
Kalorie i jeszcze raz kalorie, czyli na środku duże kalorie, reszta może być mała jako informacja dodatkowa, uzupełniająca.
Przydatność:
Tu możesz się rozczarować, bo w teorii jest to super przydatna sprawa, wręcz niezbędna, a w praktyce? no cóż, mało potrzebna.

A tak na marginesie, to jaka ilość tego brązowego pieczywa zawiera taką ilość kalorii?
Link do wypowiedziLink
Adam Ościłowski

Adam Ościłowski Kierownik projektów
IT/Biznes, analityk
biznesowy/systemo...

Temat: Ocena interfejsu graficznego - Projekt własny

To i ja dodam coś od siebie - bo użytkowałem już trochę tego typu aplikacji dla celów osobistych ;)

1. Grafika:
a) zgadzam się z przedmówcami - poszukaj bardziej 'klasycznej' czcionki/hire pro :)
b) ułożenie przycisków w dwóch kolumnach dla mnie OK, ale jestem za tymi wyższymi przyciskami (łatwiej będzie kliknąć zimą w autobusie w rękawiczce)
c) to subiektywna opinia ale proponowałbym zmianę pastelowych kolorów na jaskrawe z podstawowej palety
d) przycisk 'udostępnij' znacznie szerszy niż 'dodaj' a chyba powinno być odwrotnie z punktu widzenia użyteczności
e) jestem za usunięciem zdjęć - zwłaszcza ta bita śmietana słabo motywuje ;)

2. Co do prezentowanych danych/funkcjonalności (tak, wiem, że to grupa 'graficy' ;))
a) brakuje gramatury tego pieczywa - zakładam, że skoro jest opcja 'dziennik' to mogę dodać informację, że zjadłem x porcji tegoż pieczywa ale ile ta porcja ma g? Nie zawsze mam możliwość zważenia kromki
b) zapotrzebowanie powinno być nie tylko na kcal, ale również na białko/węgle/fat
c) oprócz % W/B/T podaj też W/B/T w gramach
d) witaminy - w obecnych czasach gdy jedna pigułka zastępuje wszystko, IMO tak szczegółowa lista jest zbędna.

Patrzyłeś może na konkurencyjne aplikacje?
Link do wypowiedziLink
Szymon W.

Szymon W. Prezes w Artmetic,
Freelancer,
Ρrogramista C++/Qt

Temat: Ocena interfejsu graficznego - Projekt własny

Witam,

Odnosząc się do bardzo rzeczowych uwag przygotowałem kolejny interfejs aplikacji. Mam nadzieję, że będzie trochę lepiej odebrany. Pozostaje pytanie jaką czcionkę z najlepiej wybrać (poniżej podałem 3 propozycję). Czekam na kolejne uwagi. Na grafika nie wydam pieniędzy ponieważ jest to projekt za który mi nikt nie płaci i nie ma w nim budżetu.

1.

Obrazek


Obrazek


Obrazek


2.

Obrazek


Obrazek


Obrazek


3.

Obrazek


Obrazek


Obrazek
Link do wypowiedziLink
Piotr S.

Piotr S. PHP - Symfony 2/3
Developer

Temat: Ocena interfejsu graficznego - Projekt własny

PRZESTRZEŃ! :) Nie musisz wszystkiego ściskać na siłę, przesunięcie ekranu to żaden wysiłek a każdy będzie Ci wdzięczny za lepszą czytelność. Spróbuj jeszcze wyłapać coś z np http://www.appdesignserved.co/gallery/Yummly-Mobile/10...
Link do wypowiedziLink
Paweł W.

Paweł W. Menadżer sklepu
Fying Tiger
Copenhagen

Temat: Ocena interfejsu graficznego - Projekt własny

Wg mnie najlepsza jest propozycja nr 2 - chyba najbardziej przejrzysta czcionka. Można jeszcze pokombinować np. z
Wit <- czcionka zwykła A<-pogrubiona, albo szara i czarna
Chodzi o wzrokowe wyróżnienie samej witaminy a przygaszenie powtarzającego się skrótu Wit. i to samo z oznaczeniami w nawiasach kwadratowych. To jest coś co powinno być, ale nie koniecznie na pierwszym planie.

Wzrokowo do całości ekranu nie pasują mi jednak te pomarańczowe pola, może by to jakoś w delikatnych ramkach ująć, albo objąć po całości cały dół ekranu. Dla mnie to tak jak by oglądać film z wklejonymi napisami na czarnym tle.
Link do wypowiedziLink

konto usunięte

Temat: Ocena interfejsu graficznego - Projekt własny

Dla mnie też nr 2, a może zastosować podobną kolorystykę na ekranie "kategorie" jak jest w widoku szczegółowym z wykresem. Może oklepane jeśli chodzi o strony zdrowie / żywienie, ale chyba ładniejsza będzie zieleń niż pomarańcz.
Link do wypowiedziLink
Zbigniew Wardal

Zbigniew Wardal Inżynier, badacz,
pisarz, ekolog,
dysydent

Temat: Ocena interfejsu graficznego - Projekt własny

Jest całkiem dobrze. Ja jednak zapytałbym na początek jakie jest grupa docelowa? Bo jeśli np. blondynki to wtedy musiałoby być coś w stylu Barbie. Jeśli nie ma grupy docelowej to jest z czego wybrać. I nie jest tu konieczny grafik. Może jeszcze strażak aby sprawdził bezpieczeństwo albo ksiądz aby poświęcił.
Ale skoro ma to być bez grupy docelowej to może coś w rodzaju tapety np. użytkownik załącza swoje zdjęcie.
Link do wypowiedziLink
Marta Konstancja Olesińska

Marta Konstancja Olesińska CFA: energetyka -
PR, IR - finanse

Temat: Ocena interfejsu graficznego - Projekt własny

Szymon,
poddaj ocenie wersję z niebieskim, szczególnie tę bardziej pastelową.

W aplikacji kluczowa jest merytoryka i zawartość bazy, jeśli chodzi o grupę docelową, to dla laików najlepsza będzie uproszczona wersja bez szczegółowych wartości składników odżywczych etc.
Link do wypowiedziLink
Szymon W.

Szymon W. Prezes w Artmetic,
Freelancer,
Ρrogramista C++/Qt

Temat: Ocena interfejsu graficznego - Projekt własny

Witam,

W wersji finalnej zdecydowałem się na interfejs taki jak poniżej. Zdecydowałem się również na tłumaczenie na język angielski.

Uwagi odnośnie interfejsu nadal mile widziane :)

W roli przypomnienia aplikacje można pobrać ze strony:

LINK DO SKLEPU GOOGLE PLAY


Obrazek


Obrazek


Obrazek


Obrazek


Obrazek


Obrazek
Ten post został edytowany przez Autora dnia 26.10.14 o godzinie 17:16
Link do wypowiedziLink

konto usunięte

Temat: Ocena interfejsu graficznego - Projekt własny

Z całym szacunkiem Panie Szymonie dla Pana ciężkiej pracy, ale doprowadzenie do właściwej formy graficznej na poziom co najwyżej "zniosły" jeszcze daleka droga. Jeżeli jest Pan na etapie uruchamiania gotowej aplikacji do pobrania proszę zaprzestać dalszych zmian w wyglądzie interfejsu, a całość prac zlecić grafikowi docelowo zajmującego się projektowania interfejsów na urządzenia mobilne. Jednocześnie proszę nie zrażać się kolejnymi próbami podjęcia tematu, warto jednak zacząć od podglądnięcia prac które już powstały, bo jest na co popatrzeć.

Odwróćmy teraz sytuację: hipotetycznie ;)
Grafik, 15 lat doświadczenia w branży, młody zdolny, duża wiedza z zakresu projektowania, obróbki, modelowania, dorzućmy jeszcze rysunek odręczny za co zbiera liczne nagrody i wyróżnienia. Któregoś pięknego dnia, zasiada do komputera, z racji wolnego przebiegu lub tzw. nudy projektuje piękny interfejs na urządzenie mobilne, tematyka: DIETETYKA. Szczęśliwy i dumny ze swojej pracy idzie krok dalej. Wpada na pomysł że napiszę do tego aplikacje. I tu zaczyna się jego historia...

... która musi potrwać.

projekt tzw. "pierwszy z brzegu":

https://www.behance.net/gallery/16529475/Buzzdrive-mobi...
https://www.behance.net/gallery/16415155/Correspondence...
https://www.behance.net/gallery/10498279/Giddi-Up-mobil...
https://www.behance.net/gallery/18764073/Nike-Fitness-D...
https://www.behance.net/gallery/10227405/VM-Diario-do-N...

pozdrawiam i życzę konstruktywnej samokrytyki.

M
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Ocena NIEM.PL




Wyślij zaproszenie do
Anuluj