Wszystko
Najnowsze
Archiwum
User Experience #usability - strona przyjazna użytkownikom
User Experience (UX) jest jednym z najważniejszych elementów projektowania strony www firmy. Uwzględnienie kluczowych zasad UX pozwala stworzyć serwis, który jest przyjazny dla użytkownika i pomaga osiągnąć zamierzony cel. Usability w praktyce, czyli na co zwrócić uwagę przy projektowaniu strony www
z- 0
- #
- #
- #
- #
- #
- #
#programowanie #java #androiddev
http://blog.stylingandroid.com/
Polecam ten blog dla osób, które chcą zgłębić swoją wiedzę na temat tworzenia #ui i #ux. Od zagadnień związanych z Material Design, po przykłady użycia Data Binding. Wszystko jest przedstawione w bardzo przystępny sposób, w formie mini tutoriali.
http://blog.stylingandroid.com/
Polecam ten blog dla osób, które chcą zgłębić swoją wiedzę na temat tworzenia #ui i #ux. Od zagadnień związanych z Material Design, po przykłady użycia Data Binding. Wszystko jest przedstawione w bardzo przystępny sposób, w formie mini tutoriali.
Dzięki wszystkim Mireczkom, którzy nam pomagali w dopracowywaniu wyglądu naszej aplikacji #citify
Podziękowania należą się głównie specom od #ux i #design za celne sugestie odnośnie wyglądu.
Oczywiście to początek przebudowy wyglądu aplikacji, ale już teraz nie możemy się nacieszyć głównym wyglądem ;).
Od wczoraj jest dostępny nowa aktualizacja z nowym wyglądem na Google Play do pobrania ;).
Podziękowania należą się głównie specom od #ux i #design za celne sugestie odnośnie wyglądu.
Oczywiście to początek przebudowy wyglądu aplikacji, ale już teraz nie możemy się nacieszyć głównym wyglądem ;).
Od wczoraj jest dostępny nowa aktualizacja z nowym wyglądem na Google Play do pobrania ;).
źródło: comment_V4cLgfTyPL85POT4Ee8H8otp7iVykrZg.jpg
Pobierz@Mrs_Bungle: A tak, to się zgadza ;).
@Citify: ładny material design
Może ktoś z Was słyszał o Amazonie i ich -100 ms = +1% do przychodów.
@michallo3: http://glinden.blogspot.com/2006/11/marissa-mayer-at-web-20.html
I o autorze bloga
Senior Manager & Principal
Amazon.com
marzec 1999 – luty 2002 (3 lata)
@Ginden: dzięki ! właśnie dziwiłem się dlaczego ten blog wszyscy linkują i wyświetla się jako 1 w google :P
Katedra Multimediów poszukuje projektantów UI do prowadzenia zajęć dydaktycznych. Termin składania dokumentów do 18 września. Szczegóły: http://wydzialsztuki.up.krakow.pl/?p=9352
Może ktoś, coś?
#ux #grafika #krakow
Może ktoś, coś?
#ux #grafika #krakow
UX to nie UI – różnice między user interface a user experience | Grupa...
Nie musisz mieć ukończonych studiów, kursów, certyfikatów. Nie musisz studiować UX Design na Wyższej Szkole Lansu, Bansu i Uwodzenia. Nie musisz nawet tego czytać. Musisz zrozumieć użytkownika i sprawić by się zakochał… Ale o tym za chwilę. Oto zbiór informacji o UX dla początkujących.
z- 0
- #
- #
- #
- #
- #
- #
UX Wannabe
Jeśli ktoś chce zacząć UX, tu może być sensownie. Pani psycholog przebranżawia się w UX designera. :)
#michalkosecki #ux #userexperience
Jeśli ktoś chce zacząć UX, tu może być sensownie. Pani psycholog przebranżawia się w UX designera. :)
#michalkosecki #ux #userexperience
@michalkosecki: Ania Małpa myślę że dopiero na początku swojej drogi ;) Myślę, że się nie obrazi jeśli ma trochę dystansu, tylko taki prztyczek ode mnie (✌ ﾟ ∀ ﾟ)☞
EDIT: Dodałem do kanałów RSS, widzę że jako pierwszy - it's official!
EDIT: Dodałem do kanałów RSS, widzę że jako pierwszy - it's official!
źródło: comment_kWXKvfP62wiG7roZHO9pTMbqUzniPUUw.jpg
Pobierz
Poprzednia aktualizacja była funkcjonalna, teraz pracujemy nad wyglądem.
Pod młotek poszedł główny widok listy, która teraz składa się z kart.
Na razie wygląda to tak, jeszcze musimy dopracować szczegóły takie jak czcionki na paskach czy paddingi na dole i inne ikony.
Tak jak mówiliście, teraz na głównym ekranie mieści się mniej. Co o tym myślicie?
Może zrobić jak w Relay for Reddit, że można sobie przełączać w różne tryby?
Pod młotek poszedł główny widok listy, która teraz składa się z kart.
Na razie wygląda to tak, jeszcze musimy dopracować szczegóły takie jak czcionki na paskach czy paddingi na dole i inne ikony.
Tak jak mówiliście, teraz na głównym ekranie mieści się mniej. Co o tym myślicie?
Może zrobić jak w Relay for Reddit, że można sobie przełączać w różne tryby?
źródło: comment_QdIKRGj2p2EZXjULZ5jYMnAIRsByFGzZ.jpg
Pobierz@mdfk: teraz masz zamiast sumy głosów +1 i -1 pokazane rozdzielenie ilość głosów +1 i -1 (na wykopie można to przełączyć w komentarzach pod znaleziskami) - pytanie jest jak chcecie mieć to zrobione
na przerobionym screenie pokazałem wam to pierwsze podejście, zgodne z waszymi wcześniejszymi projektami
na przerobionym screenie pokazałem wam to pierwsze podejście, zgodne z waszymi wcześniejszymi projektami
@mdfk: Znaczy, aplikacji Waszej nie używam, ale może udałoby się rozpoznać tekst z np. zdjęć wrzucanych przez użytkowników i przerabiać to na zwykły tekst: Mniejszy transfer, mniejsza baza danych, a tekst można formatować
#programowanie #java #androiddev #ui #ux
Jakby ktoś jeszcze nie był zaznajomiony z Material Design i chciałby się doszkolić w tej tematyce, to Google dogadało się z Udacity i udostępniło kurs, który w moim odczuciu jest bardzo treściwy i pomocny. Jeżeli ktoś woli taką formę przyswajania wiedzy to polecam, tym bardziej, że kurs jest darmowy :)
Jakby ktoś jeszcze nie był zaznajomiony z Material Design i chciałby się doszkolić w tej tematyce, to Google dogadało się z Udacity i udostępniło kurs, który w moim odczuciu jest bardzo treściwy i pomocny. Jeżeli ktoś woli taką formę przyswajania wiedzy to polecam, tym bardziej, że kurs jest darmowy :)
Tak jak zapowiadałem dodana została możliwość logowania za pomocą FB oraz bez konta. Pracujemy aktualnie nad logowaniem za pomocą konta G+, które pojawi się nie w tej, lecz następnej aktualizacji (mam nadzieję, bo sam chciałbym w ten sposób się logować ( ͡° ͜ʖ ͡°)). Na przycisku widać dodatkowo nową ikonkę G+.
Czy nie jest za bardzo przekombinowane to wszystko pod względem #ux?
#androiddev
Czy nie jest za bardzo przekombinowane to wszystko pod względem #ux?
#androiddev
źródło: comment_T6WOBu5anDrcbHhMkMFZ0LWyMlYLUsEj.jpg
Pobierz
@zakopywywacz: Proste, schludne, z miłymi dla oka animacjami. 10/10
@zakopywywacz: do czego ta aplikacja?
Dzięki waszym wczorajszym sugestiom zrobiliśmy kolejny krok w stronę finalnego wyglądu apki.
Co myślicie o tej propozycji?
Nie ma już tak dużo czerwonego i pasek nie jest już taki pusty.
Uprzedzając komentarze, że jest mało miejsca na główną listę - po scrollowaniu w dół górny i dolny biały pasek będą się chowały, co powinno dać odpowiedni komfort przeglądania.
Rozważamy jedynie czy do głosowania powinny być strzałki (tak jak np. na Reddicie), czy też łapki
Co myślicie o tej propozycji?
Nie ma już tak dużo czerwonego i pasek nie jest już taki pusty.
Uprzedzając komentarze, że jest mało miejsca na główną listę - po scrollowaniu w dół górny i dolny biały pasek będą się chowały, co powinno dać odpowiedni komfort przeglądania.
Rozważamy jedynie czy do głosowania powinny być strzałki (tak jak np. na Reddicie), czy też łapki
źródło: comment_4nk81orhZQtdbWdQFn46pDFEVdJvjPEl.jpg
Pobierz
@mdfk: + i - (zwłaszcza w takiej surowej wersji) kojarzą się z dodaj usuń - kciuki są spoko
Mirktzy, warte to 79 polskich baksów?
"Kurs UX & UI - sztuka użytecznego projektowania" wg StrefaKursów.pl: KLIK
sceptycznie do takich rzeczy normalnie podchodzę i gdy podesłał mi znajomy myślałem, że chce mi kit wcisnąć. A to się wydaje naprawdę konkretne. Całość prowadzi spec z Adobe, 11 godzin konkretnego szkolenia. Konkretnego bo spójrzcie w spis i wyżej określony zakres materiału.
Tego ebooka już mam i znałem wcześniej.
"Kurs UX & UI - sztuka użytecznego projektowania" wg StrefaKursów.pl: KLIK
sceptycznie do takich rzeczy normalnie podchodzę i gdy podesłał mi znajomy myślałem, że chce mi kit wcisnąć. A to się wydaje naprawdę konkretne. Całość prowadzi spec z Adobe, 11 godzin konkretnego szkolenia. Konkretnego bo spójrzcie w spis i wyżej określony zakres materiału.
Tego ebooka już mam i znałem wcześniej.
źródło: comment_NvLMvFIRAVJuMtrkKU6hUaP2qiUE9zF7.jpg
Pobierz@michalkosecki: ...jeszcze tylko dodam bo się zagalopowałem. Oglądałem prezentację bety El Capitan w The Verge ( ( ͡° ͜ʖ ͡°) ) i w końcu tylko się upewniłem że na Windzie już nic nie brakuje i zostaję z pewnością. Nooo ale jednak OSX ma już sporo ciekawych apek ...w tym głównie klientów poczty! Które naprawdę dobrze wyglądają i (chyba) robią robotę! Airmail choćby. Na Windę jedyne co konkuruje aktualnie to
polecam ukochany na OSX i Windę 7 Postbox + Airmail 2 nie jest zły.
@michalkosecki: Postbox mi się zwyczajnie nie podoba więc wolę już Outlook z Office bo ma reguły. Airmail to właśnie coś w co chciałbym celować ale jest tylko na OSXa.
Rzuć okiem na dwa zrzuty ekranu porównujące Outlook 2016 preview i Mailbird. Mailbird tak się rozwija, że nawet o aktualne screeny trudno w sieci ;P Wygląda mega i ogólnie
Kolejne pytanie do #ux #design #androiddev i #android
Mamy kolejną propozycję wyglądu dla #citify, powiedzcie co o niej sądzicie?
Co prawda Google w #materialdesign sugeruje, żeby karty używać jedynie do wyświetlania unikalnych elementów na liście, a do zwykłego wypisywania elementów każe stosować standardową listę. Jednak z tego co widzę to coraz mniej osób się do tego stosuje.
#citify
Mamy kolejną propozycję wyglądu dla #citify, powiedzcie co o niej sądzicie?
Co prawda Google w #materialdesign sugeruje, żeby karty używać jedynie do wyświetlania unikalnych elementów na liście, a do zwykłego wypisywania elementów każe stosować standardową listę. Jednak z tego co widzę to coraz mniej osób się do tego stosuje.
#citify
źródło: comment_CBaH49Dz10AJXnZrydv5HNbsGqk8GPqa.jpg
Pobierz@mdfk: Z mojego punktu widzenia, jako przeciętnego użytkownika, wygląda to całkiem nieźle i wolę wersję z kartami.
Chciałbym zapytać o inną rzecz: dlaczego czerwony interfejs? Nie jest oczojebny i denerwujący, natomiast wydaje mi się (choć zaznaczam, że to moje luźne przemyślenia, a nie opinia eksperta) że ze względu na charakter aplikacji, czerwony mógłby być zarezerwowany do wyróżnienia szczególnie ważnych (groźnych?) zdarzeń. Co prawda dalej można użyć do tego celu czerwonego
Chciałbym zapytać o inną rzecz: dlaczego czerwony interfejs? Nie jest oczojebny i denerwujący, natomiast wydaje mi się (choć zaznaczam, że to moje luźne przemyślenia, a nie opinia eksperta) że ze względu na charakter aplikacji, czerwony mógłby być zarezerwowany do wyróżnienia szczególnie ważnych (groźnych?) zdarzeń. Co prawda dalej można użyć do tego celu czerwonego
@mdfk: A ja jestem z tego zdania, że czerwony mógłby pozostać, ale znacznie mniej dawkowany. To znaczy, że zostawiłbym jedynie toolbara czerwonego, a tabs i footera zrobił jakoś inaczej. Może dać czerwony akcent jako selekcja taba? W tej chwili prawie połowa ekranu jest czerwona i to może trochę razić.
Co do listy to osobiście karty też mi lepiej odpowiadają jednak te założenia material design też nie wzięły się z powietrza.
Co do listy to osobiście karty też mi lepiej odpowiadają jednak te założenia material design też nie wzięły się z powietrza.
@mx2: Szukałem. Dlatego pytam.
Miretrzky, używa tu który UXPin czy žodyn?
Chodzi mi głównie o to czy korzystacie tylko do mockupowania czy brniecie z projektem tak daleko jak sie da przez wszystkie tury zmian i konsultacji a dopiero na końcu odtwarzacie w Photoshopie?
Bo co jak co ale importowanie kompletnego projektu po to żeby tam go linkować i komentować to trochę przesada. Zwłaszcza, że późniejszych zmian nikt z PSDka nie zaktualizuje. Tak samo z podstronami, których jak
Chodzi mi głównie o to czy korzystacie tylko do mockupowania czy brniecie z projektem tak daleko jak sie da przez wszystkie tury zmian i konsultacji a dopiero na końcu odtwarzacie w Photoshopie?
Bo co jak co ale importowanie kompletnego projektu po to żeby tam go linkować i komentować to trochę przesada. Zwłaszcza, że późniejszych zmian nikt z PSDka nie zaktualizuje. Tak samo z podstronami, których jak
źródło: comment_MednwxVOftUV3UssO8I3SU0aKRewI8SI.jpg
Pobierz
@Saeglopur: Wszystko zależy od projektu
Planowanie --> Szkicowanie --> Balsamiq --> Invision --> Photoshop
Taki mój standardzik :)
Planowanie --> Szkicowanie --> Balsamiq --> Invision --> Photoshop
Taki mój standardzik :)
@yanuncamas: @Saeglopur:
Przypomina mi się fajny art na ten temat:
https://medium.com/@korytsev/keep-the-wireframes-ugly-170c10ed5a08
Osobiście nie jestem zwolennikiem poświęcania zbyt dużej uwagi wizualnej jakości makiet i prototypów.
Przypomina mi się fajny art na ten temat:
https://medium.com/@korytsev/keep-the-wireframes-ugly-170c10ed5a08
Miło nam poinformować, że do naszego zespołu dołączył m.in. grafik, który zajmie się poprawieniem wyglądu naszej aplikacji na bardziej user-friendly. Oprócz grafika, dołączyła do nas jeszcze jedna osoba, ale na razie nie zdradzamy jaką role ona pełni ;-). Powiemy tylko, że zajmie się ona nowym obszarem dostępu do #citify.
Chcieliśmy zapytać, co sądzicie o takiej koncepcji głównej listy? Mały obrazek po przytrzymaniu miałby się powiększać, dzięki czemu wygodniej by było
Chcieliśmy zapytać, co sądzicie o takiej koncepcji głównej listy? Mały obrazek po przytrzymaniu miałby się powiększać, dzięki czemu wygodniej by było
źródło: comment_gMVFO5DuzyaeDR7J6pfURmQprpRRh6Ir.jpg
PobierzMały obrazek po przytrzymaniu miałby się powiększać, dzięki czemu wygodniej by było korzystać z aplikacji i nie trzeba by co chwile klikać wstecz wracając z wydarzenia.
@Citify: UX designer here - sam zrobiłbym to w ten sposób:
- przytrzymanie za długo trwa i user marnuje czas
- po pojedynczym tapnięciu fotka pokazuje sie na full screen i jest zamykana poprzez swipe w dół
@Citify: w ogóle replay for reddit to dobry wzorzec ( ͡° ͜ʖ ͡°) Jakbyście na przykład zaimplementowali takie chowanie się górnego i dolnego paska, to rozwiazalibyscie problem braku miejsca. Bo upychanie przycisków new i top do kolejnego rozwijanego menu byłoby złą decyzją pod względem ux.
Miretrzky, możliwe to że UXPin nie wspiera jeszcze Photoshopa CC 2015? Update 1 na dodatek.
Ja tu celowo robiłem równoległe instalacje CS6 i CC żeby mieć wtyczki ciągle pod ręką w CS6 a tu widzę że rozbieżności w samym CC są olbrzymie! :O
No i huy, no i cześć? BTW dopiero co http://www.codesign.io/ znalazłem ale na UXPin już byłem zdecydowany wraz z paroma osobami :O No nie generuje assetów. Działa to komuś?
Ja tu celowo robiłem równoległe instalacje CS6 i CC żeby mieć wtyczki ciągle pod ręką w CS6 a tu widzę że rozbieżności w samym CC są olbrzymie! :O
No i huy, no i cześć? BTW dopiero co http://www.codesign.io/ znalazłem ale na UXPin już byłem zdecydowany wraz z paroma osobami :O No nie generuje assetów. Działa to komuś?
źródło: comment_W87MINQklRBfhW4f5xsSCFf1psiBleHN.jpg
Pobierz
@Nightcrawler1609: Spoko, możesz powiedzieć że Cie poleciłem ;) może coś od nich za to dostanę! :D
@Nightcrawler1609: Podeślij cv
co o tym myślicie? mnie już @Saeglopur przekonał, że trzeba wrócić do interfejsów fizycznych (może nowy typ ekranów zamiast przycisków i pokręteł, np. coś bardziej zaawansowanego od tego? https://www.youtube.com/watch?v=t4eh-Cn3Pzk )
#michalkosecki #userexperience #ux i #motoryzacja #samochody
@tytanowy-janusz: Amen! To co teraz obserwujemy to najzwyczajniej w świecie moda czy też wręcz szał/hype na interfejsy dotykowe. Dochodzi do sytuacji w których skrajny przykład - Tesla - montuje gigantyczny 17 calowy dający po oczach tablet zamiast przycisków podczas gdy dawniej SAAB oferował