Slajdy do wykładu gamedevowego przedstawionego podczas inauguracji działania Studenckiego Koła Naukowego Twórców Gier Komputerowych Shader na AGH w Krakowie
Krótka prezentacja na temat zasad tworzenia interfejsu na stronie internetowej. Zawiera wskazówki, porady oraz przeciwwskazania mające pomóc stworzyć dobry interfejs strony internetowej.
Zapraszam do lektury
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Krótka prezentacja na temat zasad tworzenia interfejsu na stronie internetowej. Zawiera wskazówki, porady oraz przeciwwskazania mające pomóc stworzyć dobry interfejs strony internetowej.
Zapraszam do lektury
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Przejdź na wyższy poziom programowania dzięki dwóm "guru" Javy: Herbowi Schildtowi i Jamesowi Holmesowi. Połączenie ich wiedzy pozwoli Ci poznać wiele sekretów i sztuczek wykorzystywanych przez profesjonalistów. W książce autorzy przedstawiają przykłady użytecznych aplikacji oraz towarzyszące im opisy użytych technologii. Prezentowane przykłady możesz wykorzystać w swojej codziennej pracy. Począwszy od interpreterów języka, agentów internetowych i podsystemów e-mail, skończywszy na analizatorach wyrażeń, narzędziach statystycznych i apletach finansowych -- wszystkie aplikacje są gotowe do użycia. Można je też dowolnie modyfikować i rozszerzać.
W książce znajdziesz:
* Omówienie zalet języka Java,
* Tworzenie analizatora wyrażeń numerycznych,
* Tworzenie agenta przeszukującego internet,
* Projektowanie i implementacja interpretera języka programowania,
* Wykonanie funkcjonalnego systemu pocztowego,
* Konstruowanie programu do pobierania danych z internetu z możliwością pobierania fragmentów stron,
* Wykonanie narzędzi statystycznych obliczających średnia, medianę, modalną, odchylenie standardowe, itp.
* Wykonanie apletów i serwletów finansowych obliczających równe raty pożyczki, przyszłą wartość inwestycji, kwotę emerytury, itp.
* Prześledzenie różnych technik wyszukiwania bazujących na sztucznej inteligencji,
* Zapoznanie się z możliwością przeglądania stron HTML-a w Javie.
O autorach:
Herb Schildt jest autorytetem w sprawach języków C, C++, Java i C#, a także doskonałym programistą systemu Windows.
[więcej...]
James Holmes jest konsultantem do spraw tworzenia programowania oraz aplikacji serwerowych w środowiskach biznesowych.
[więcej...]
Jeżeli poznałeś już podstawy Javy, to czas na następny krok.
* Uwolnij siłę drzemiącą w Javie i w jej bibliotekach.
* Niezwykle różnorodne przykłady praktycznych aplikacji.
* Cenny kod źródłowy do wykorzystania we własnych projektach.
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...#IT fest
Autor: Karolina Kobiela, Katarzyna Kozikowska (Lemon Sky)
Strona: www.itfest.pl
Facebook: https://www.facebook.com/festiwal.it
--------------------------------------
#IT fest to dwudniowy festiwal prezentujący kierunki oraz możliwości rozwoju kariery zawodowej w IT. W ramach projektu odbędą się targi pracy informatyka, prelekcje ekspertów z branży IT oraz warsztaty i szkolenia informatyczne.
Tematami #IT fest 2013 są:
- Optymalizacja (poruszane aspekty: Architektura, Praca w chmurze, Bezpieczeństwo)
- Big data (poruszane aspekty: Business Intelligence, Real Time Analysis)
- HR w IT (poruszane aspekty: Personal Brand w social media, Możliwości Rozwoju kariery w IT)
- Responsive Web Design/Mobile (poruszane aspekty: Tworzenie rozwiązań, Development)
Przykładowe narzędzia, które mogę być wykorzystywane nie tylko przez UXa, ale przez cały zespół projektowy. Narzędzia wybrane zostały w taki sposób, aby umożliwiły przejście przez cały proces projektowania zorientowanego na użytkownika (Human Centered Design / Service Design Thinking).
Jak projektować doświadczenia klientów w mobilnych rozwiązaniach WWW - Trendy...Squiz Poland
Prowadzący: Dominik Paszkiewicz - https://www.linkedin.com/in/dominikpaszkiewicz/
Prezentacja odbyła się podczas konferencji "Trendy FinTech 2018 - strategia, design, technologia"
Więcej na temat Squiz znajdziecie na stronie: https://www.squiz.net/pl
W razie pytań, zapraszamy do kontaktu:
Kacper Skoczylas, Marketing Manager
kskoczylas@squiz.pl
www.squiz.pl
Wykład Oskara Kuligowskiego o projektowaniu gier logicznych, oraz post mortem jego produkcji - "Current Flow".
Wykład był prezentowany na Mrocznych Sekretach Twórców Gier Komputerowych XV.
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Każdy posiadacz komputera na pewno spotkał się kiedyś z koniecznością szybkiego odnalezienia zdjęcia, animacji lub klipu wideo. Wbrew pozorom rzadko jest to łatwe zadanie -- pliki multimedialne są porozrzucane po dziesiątkach katalogów na wszystkich partycjach dysków i często mają zupełnie nic nie znaczące nazwy. W takich przypadkach niezbędnym narzędziem okazuje się szybko działająca przeglądarka plików medialnych, dzięki której można wyświetlić obrazek lub klip, wydrukować go, przesłać pocztą elektroniczną czy nawet przeprowadzić na nim podstawowe operacje edycyjne. Do takich celów oraz wielu innych doskonale nadaje się dostępna bezpłatnie aplikacja nosząca nazwę IrfanView.
"IrfanView" to książka przedstawiająca wszystkie możliwości tej niesamowitej aplikacji. Czytając ją, dowiesz się, skąd można pobrać tę aplikację, jak ją zainstalować i jak zwiększyć jej funkcjonalność za pomocą modułów rozszerzających. Nauczysz się przeglądać i drukować pliki, konfigurować program, przetwarzać pliki graficzne i generować internetowe galerie obrazków w formacie HTML.
* Przeglądanie plików graficznych
* Zmiana nazw plików, kopiowanie i usuwanie
* Drukowanie
* Pobieranie rozszerzeń z internetu i instalowanie ich
* Przeglądanie plików dźwiękowych, klipów wideo i animacji Flash
* Skanowanie obrazów
* Przetwarzanie wsadowe
* Konwersja pomiędzy formatami
* Korekcja kolorystyki obrazów, skalowanie i obracanie
* Wysyłanie obrazów pocztą elektroniczną
Przekonaj się, jak wiele funkcji można znaleźć w tym niewielkim programie.
Przejdź na wyższy poziom programowania dzięki dwóm "guru" Javy: Herbowi Schildtowi i Jamesowi Holmesowi. Połączenie ich wiedzy pozwoli Ci poznać wiele sekretów i sztuczek wykorzystywanych przez profesjonalistów. W książce autorzy przedstawiają przykłady użytecznych aplikacji oraz towarzyszące im opisy użytych technologii. Prezentowane przykłady możesz wykorzystać w swojej codziennej pracy. Począwszy od interpreterów języka, agentów internetowych i podsystemów e-mail, skończywszy na analizatorach wyrażeń, narzędziach statystycznych i apletach finansowych -- wszystkie aplikacje są gotowe do użycia. Można je też dowolnie modyfikować i rozszerzać.
W książce znajdziesz:
* Omówienie zalet języka Java,
* Tworzenie analizatora wyrażeń numerycznych,
* Tworzenie agenta przeszukującego internet,
* Projektowanie i implementacja interpretera języka programowania,
* Wykonanie funkcjonalnego systemu pocztowego,
* Konstruowanie programu do pobierania danych z internetu z możliwością pobierania fragmentów stron,
* Wykonanie narzędzi statystycznych obliczających średnia, medianę, modalną, odchylenie standardowe, itp.
* Wykonanie apletów i serwletów finansowych obliczających równe raty pożyczki, przyszłą wartość inwestycji, kwotę emerytury, itp.
* Prześledzenie różnych technik wyszukiwania bazujących na sztucznej inteligencji,
* Zapoznanie się z możliwością przeglądania stron HTML-a w Javie.
O autorach:
Herb Schildt jest autorytetem w sprawach języków C, C++, Java i C#, a także doskonałym programistą systemu Windows.
[więcej...]
James Holmes jest konsultantem do spraw tworzenia programowania oraz aplikacji serwerowych w środowiskach biznesowych.
[więcej...]
Jeżeli poznałeś już podstawy Javy, to czas na następny krok.
* Uwolnij siłę drzemiącą w Javie i w jej bibliotekach.
* Niezwykle różnorodne przykłady praktycznych aplikacji.
* Cenny kod źródłowy do wykorzystania we własnych projektach.
#IT fest 2013 - UX ma znaczenie. O różnych podejściach do projektowania inte...#IT fest
Autor: Karolina Kobiela, Katarzyna Kozikowska (Lemon Sky)
Strona: www.itfest.pl
Facebook: https://www.facebook.com/festiwal.it
--------------------------------------
#IT fest to dwudniowy festiwal prezentujący kierunki oraz możliwości rozwoju kariery zawodowej w IT. W ramach projektu odbędą się targi pracy informatyka, prelekcje ekspertów z branży IT oraz warsztaty i szkolenia informatyczne.
Tematami #IT fest 2013 są:
- Optymalizacja (poruszane aspekty: Architektura, Praca w chmurze, Bezpieczeństwo)
- Big data (poruszane aspekty: Business Intelligence, Real Time Analysis)
- HR w IT (poruszane aspekty: Personal Brand w social media, Możliwości Rozwoju kariery w IT)
- Responsive Web Design/Mobile (poruszane aspekty: Tworzenie rozwiązań, Development)
Przykładowe narzędzia, które mogę być wykorzystywane nie tylko przez UXa, ale przez cały zespół projektowy. Narzędzia wybrane zostały w taki sposób, aby umożliwiły przejście przez cały proces projektowania zorientowanego na użytkownika (Human Centered Design / Service Design Thinking).
Jak projektować doświadczenia klientów w mobilnych rozwiązaniach WWW - Trendy...Squiz Poland
Prowadzący: Dominik Paszkiewicz - https://www.linkedin.com/in/dominikpaszkiewicz/
Prezentacja odbyła się podczas konferencji "Trendy FinTech 2018 - strategia, design, technologia"
Więcej na temat Squiz znajdziecie na stronie: https://www.squiz.net/pl
W razie pytań, zapraszamy do kontaktu:
Kacper Skoczylas, Marketing Manager
kskoczylas@squiz.pl
www.squiz.pl
Wykład Oskara Kuligowskiego o projektowaniu gier logicznych, oraz post mortem jego produkcji - "Current Flow".
Wykład był prezentowany na Mrocznych Sekretach Twórców Gier Komputerowych XV.
Slajdy do wykładu gamedevowego przedstawionego podczas inauguracji działania Studenckiego Koła Naukowego Twórców Gier Komputerowych Shader na AGH w Krakowie
3. Dlaczego UI jest ważny
Interfejs jest elementem który decyduje o
tym jak aplikacja jest doświadczana,
użytkowana i oceniana.
Interfejs wpływa na uczucia i emocje twoich użytkowników.
Może uczynić korzystanie z aplikacji przyjemnością lub koszmarem.
Może przyciągać lub odstraszać użytkowników,
wpływając na sprzedaż i zyski.
10. „A user interface is well-designed
when the program behaves exactly
how the user thought it would”
Joel Spolsky
11. affordances
affordance – visual clue to the function of object
When simple things need pictures, labels
or instructions, the design has failed.
Donald Norman
12. Zelda
the Ocarina of Time
affordances
in games
Braid
13. spójność
dupa
NIEspójność
• systemy miar • częstotliwość prądu w gniazdku
• format czasu • formaty plików
• strony jezdni • dzień początku tygodnia
• języki narodowe • ...
14. spójność zewnętrzna
‘’Users spend most of their
time on other websites”
‘’The good thing about Jakob Nielsen
standards is that there are so
many of them to choose from”
15. Guidelines
Apple Human Interface Guidelines
http://developer.apple.com/mac/library/documentation/UserExperience/Conceptual/AppleHIGuidelines
Windows User Experience Interaction Guidelines
http://msdn.microsoft.com/en-us/library/aa511440.aspx
GNOME Human Interface Guidelines
http://library.gnome.org/devel/hig-book/stable/
23. modes
hard quasi
spring loaded
Modes are a significant source of errors, confusion,
unnecessary restrictions, and complexity in interfaces
Jeff Raskin
26. sztuka vs rzemiosło
„The mind may be the most important graphic design
tool. Aside from technology, graphic design requires
judgment and creativity.
Critical, observational, quantitative and analytic thinking
are required for design layouts and rendering.”
(Wikipedia EN, Graphic design)
28. Co z tego, nie trzeba być grafikiem by tworzyć dobre (NIE: ładne) UI
„Visual design is not just about making your application look pretty.
Good visual design is about communication.
A well-designed application will make it easy for the user to
understand the information that is being presented, and show them
clearly how they can interact with that information.
If you can achieve all that, your application will look good to the user,
even if it doesn't have any fancy graphics or spinning logos! ”
(GNOME Human Interface Guidelines)
29.
30.
31. “Juice” was our wet little term for constant and bountiful user
feedback. A juicy game element will bounce and wiggle and squirt
and make a little noise when you touch it.
A juicy game feels alive and responds to everything you do –
tons of cascading action and response for minimal user input.
It makes the player feel powerful and in control of the world,
and it coaches them through the rules of the game by constantly
letting them know on a per-interaction basis how they are doing.
Kyle Gabler
35. „The keyboard and mouse give you near instant
response and near exact control. The controller is a far
less precise, far more...well...leisurely input device.”
Warren Spector
36. fo n ty czytelność
że czy
)
du
z o
mę
cza
s
UPRASZCZAJ
ze
e pr
stna czy
że
roć to z
p ta
e y
st przecz
tłu to
e w stani
e
ubsteś
Grżeli je
(je
OUTLINES
DUŻE LITERY
duże litery
http://www.gamasutra.com/gdc2004/features/20040326/caminos_01.shtml
40. Feedback
Reduce the user’s experience of latency (1)
• Acknowledge all button clicks by visual or aural feedback within 50
milliseconds.
• Display an hourglass for any action that will take from 1/2 to 2
seconds. Animate the hourglass so they know the system hasn't
died.
• Make the client system beep and give a large visual indication upon
return from lengthy (>10 seconds) processes, so that users know
when to return to using the system.
41. Feedback
Reduce the user’s experience of latency (2)
• Offer engaging text messages to users informed and entertained
while they are waiting for long processes, such as server saves, to be
completed.
• Display a message indicating the potential length of the wait for any
action that will take longer than 2 seconds. Communicate the
actual length through an animated progress indicator.
.
Bruce Tognazzini
http://www.asktog.com/basics/firstPrinciples.html
42. 1. Analiza użytkowników
outline of
2. Analiza zadań
UI/UX design
3. Scenariusze użycia
4. Projekt UI
5. Prototypowanie
6. User testing
7. Uwzględnienie wyników,
poprawki
8. If (masz kasę, czas, jest sens)
goto 5
9. Implementacja właściwego UI
43. prototypowanie
• webowe np. Balsamiq, Pencil, Flairbuilder, OmniGraffle
• Flex/Flash
• Powerpoint, Word, Dreamweaver/HTML itd
47. reading
recommended
Mój referat ;] na końcu jest też spora bibliografia m.in:
Don’t Make Me Think, Steve Krug
User Interface Design For Programmers, Joel Spolsky
Designing Interfaces, Jenifer Tidwel
Design of everyday things, Donald Norman
www.sknshader.pl , www.koshmaar.pl
→
prezentacja i referat do ściągnięcia