top of page
Cody Beinert
Game/UX Designer
![](https://static.wixstatic.com/media/2dfc72_86c13b55de584495b91c085ecbd159ab~mv2.jpg/v1/fill/w_239,h_239,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/2dfc72_86c13b55de584495b91c085ecbd159ab~mv2.jpg)
![blank line.png](https://static.wixstatic.com/media/2dfc72_ae796ca047fc4c48888fadbe7891f36c~mv2.png/v1/fill/w_569,h_3,al_c,lg_1,q_85,enc_avif,quality_auto/blank%20line.png)
![image.png](https://static.wixstatic.com/media/2dfc72_f50de7a4ca214c8c9d4969b245008d30~mv2.png/v1/fill/w_260,h_213,al_c,q_85,enc_avif,quality_auto/2dfc72_f50de7a4ca214c8c9d4969b245008d30~mv2.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_64,h_64,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_64,h_64,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_54,h_54,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![APX Screenshot 1.PNG](https://static.wixstatic.com/media/2dfc72_e89c03923cf040ef9929eba2bf726b6f~mv2.png/v1/fill/w_248,h_480,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2dfc72_e89c03923cf040ef9929eba2bf726b6f~mv2.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_64,h_64,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![APX Screenshot 2.PNG](https://static.wixstatic.com/media/2dfc72_b10c0ad5252a4dfeb6f516931e301456~mv2.png/v1/fill/w_233,h_480,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2dfc72_b10c0ad5252a4dfeb6f516931e301456~mv2.png)
This is a rough Figma prototype I worked on with a small team to educate users on the principles of APX (Accessible Player Experiences).
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_45,h_45,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![image.png](https://static.wixstatic.com/media/2dfc72_9c0966693ee7473182998d3f422a55e6~mv2.png/v1/fill/w_213,h_439,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2dfc72_9c0966693ee7473182998d3f422a55e6~mv2.png)
![image.png](https://static.wixstatic.com/media/2dfc72_7336486f023f4786b8ef5afb7ebc9bab~mv2.png/v1/fill/w_220,h_445,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2dfc72_7336486f023f4786b8ef5afb7ebc9bab~mv2.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_37,h_37,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_52,h_52,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
Some UX decisions made when creating this project and iterating on it:
- All modules are accessible on the first page to allow users to explore the chapters at their own pace
- Used page numbers for each module/chapter to let users know how far they are into each chapter
- For particularly long chapters with multiple sections, we made all sections accessible right away to allow users to explore at their own pace
- Limited amount of information per page to avoid overwhelming users
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_60,h_60,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
![bubblesortof.png](https://static.wixstatic.com/media/2dfc72_60374dac3e30458bafd444d91485fe0f~mv2.png/v1/fill/w_37,h_37,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/bubblesortof.png)
bottom of page