OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan
-
Upload
buff-nguyen -
Category
Business
-
view
1.175 -
download
5
description
Transcript of OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan
![Page 1: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/1.jpg)
I want to be a GUI designer
SNS Gamer usability and mission of the designers
Presenter: Nguyễn Xuân Phú- 2D art team leader of GSS
GUI: graphical user interface
![Page 2: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/2.jpg)
Content
Common usabilities
Trends of UI art.
Testing or discussing UI?
![Page 3: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/3.jpg)
Common usabilities
GUI have to be self-evident, which means
gamers can get it on sight.
When GUI can’t be self-evident, let’s make
it easy to understand.(explanatory)
![Page 4: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/4.jpg)
Don’t make them think
They’re always impatient
Common usabilities
![Page 5: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/5.jpg)
Don’t make them think!
– Icon Identification
– 5 fingers
Common usabilities
![Page 6: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/6.jpg)
Don’t make me think!
Icon Identification
![Page 7: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/7.jpg)
Don’t make me think!
Icon Identification
![Page 8: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/8.jpg)
Icon Identification
Don’t make me think!
![Page 9: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/9.jpg)
Don’t make me think!
5 fingers
![Page 10: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/10.jpg)
Don’t make me think!
5 fingers
![Page 11: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/11.jpg)
5 fingers
Don’t make me think!
![Page 12: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/12.jpg)
They’re always impatient.
– They don’t read, they CLICK
Common usabilities
![Page 13: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/13.jpg)
What we think: let’s write some great literature or at least as
much as better
They’re always impatient
What a gamer thinks: across the field with a race car and stop
where we find interesting
They don’t read, they click
![Page 14: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/14.jpg)
They’re always impatient
They don’t read, they click
![Page 15: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/15.jpg)
They don’t read, they click
They’re always impatient
![Page 16: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/16.jpg)
They don’t read, they click
They’re always impatient
![Page 17: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/17.jpg)
Trends of UI Art
Texturizing
Borderless
![Page 18: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/18.jpg)
Trends of UI art
Texturizing
![Page 19: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/19.jpg)
Trends of UI art
Texturizing
![Page 20: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/20.jpg)
Trends of UI art
Borderless
![Page 21: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/21.jpg)
Trends of UI art
Borderless
![Page 22: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/22.jpg)
Discussing:– Wasting time
– Killing the creativity
Testing or discussing UI
![Page 23: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/23.jpg)
Test- comment- fix- test- comment- fix- test…
Testing or discussing UI
![Page 24: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/24.jpg)
Conclusion- Icon Identification
- 5 fingers
- They don’t read, they click
- Texturizing
- Borderless
- Testing UI, not discussing.
![Page 25: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/25.jpg)
I want to be a GUI designer
![Page 26: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/26.jpg)
Q&A
![Page 27: OGDC2012 Game interface Design_Mr.Phu, Nguyen Xuan](https://reader034.fdocuments.in/reader034/viewer/2022042700/559b22e81a28ab883e8b4584/html5/thumbnails/27.jpg)