Designing for AR - UX/UI Case Study
ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 2024
- UX/UI design case study about my first hands-on work experience with AR (augmented reality). I have created my own design concept for skateboarding and explored the design process behind creating a simple AR view screen.
Finished designs:
1) AR view - dribbble.com/shots/4639340-Sk...
2) Spot Detail - dribbble.com/shots/4697740-Sk...
3) Menu - dribbble.com/shots/4646563-Sk...
4) Design Style - dribbble.com/shots/4640762-Sk...
Timestamps:
0:00 - Hello!
0:09 - Welcome
0:46 - Project topic
0:57 - Project brief
1:39 - Structure
2:10 - Low-fi wireframes
2:59 - Testing AR view
3:37 - Design
5:53 - Wrap-up
-
Newsletter: alesnesetril.substack.com/
Instagram: / alesnesetril
Dribbble: dribbble.com/alesnesetril
Twitter: / alesnesetril - วิทยาศาสตร์และเทคโนโลยี
![CAMPปลิ้น | EP.79[1/2] แก๊งไทบ้านพาบุกเมืองบั้งไฟโก้ ยโสธรรรร!!!](http://i.ytimg.com/vi/Ldr3_fvTEXk/mqdefault.jpg)
Great work Alex, looking forward to see more of your work.
Nice work Ales, congratulations! 🔥
👏🏻 Good stuff Ales. Nice and insightful.
Nice job Ales! I really like how you incorporated skateboarding.
Amazing presentation... definitely going to be using this as a guide as I learn to design for AR, thank you mate.
Glad you're back, hope to see more videos. This one was great btw
Thanks! Yes, I was experimenting with different formats that could work for me better. I feel way more comfortable now!
Awesome 👌 thank you for showing us and sharing.
0:25 Almost burned my face when switched screens from black to white #brightness 🔥
The face you made, hahaha.
ThankYou Very Much , I am proud of you
Great to see you back on TH-cam Ales! Love the concept of you going through your case studies and sharing your process. Keep up the good work!
Thx Kevin! Do you think 5-10 min is good or would you like to see shorter/longer videos as well?
@@AlesNesetril I think 10 min max is perfect to present a case study yes.
Also, if you feel confident enough, having the intro and outro where you talk directly to the camera (= to your viewers) will be nice!
Up to you :) I know how time consuming it is to create videos! But will keep following you for sure!
@@kevinquiec Good point, thanks a lot!
@@AlesNesetril i know its been 3 years, but i also like the short presentation. perhaps showing a bit more of a problem statement focus, and any user research that was done before / after the project to know if you were solving the right problems, and how successful you were, would make it perfectly under 10 min - which should be the right amount of time as if you were showing off your case study to a client or employer during portfolio presentation
love your video!
Great video! Thanks
Great video!
amazing case study !!!
Thank you Tammay! 😌
Thats a solid video
I've been following you on Instagram for a while now, and I gotta say, this video was great and I'd love to see more of them. As someone trying to get into this field, it's really educational and gave me a lot to think about. Great stuff!
Thanks a lot! Glad to hear you find this inspiring :)
Thanks, Mihir! I'll try to have some more time for content creation.
extremely helpful.
Dope!
I would like to to see more study cases in the near-future, Keep it up dude 🔥
New video coming in the next 5 days :)
thank you for sharing.
Nice Work
Super prístup a pre mňa osobne aj inšpirácia ako odprezentovať design-proces, má to šmrnc :) diky Ales => máš odomňa like, share a budem ťa aj sukskrajbovať samozrejme
Amazing video Ales! What would you recommend for someone who wants to get ahead in the UX / UI field by learning how to apply these principles to AR and VR? I want to start learning but really am not sure where to start!
Whoa nice job! What tool did you use to map out the user flow? @1:50?
Hello....nice work...liked it. Just one thing...the bubble with no.2 ...when I saw it for the first time my first thought was that there a 2 comments ...so I should tap on it ....until you mentioned of more content on the right. just thought of sharing...but real nice work...cheers!!
Bravo from Russia!
Skateboarding, case study and all of it with ar *_*
Please make more ui ux videos ✨
nice work!! how long did it take you to do this?
very good bro i'm from algerian and i like your work
Cheers to Algeria!
@@AlesNesetril yes bro i do your awsome
why you don't send me on email : akraummd@gmail.com
Wow, this is an amazing presentation. Very concise ... Love your design!!! Did you use Origami to make the prototype?
Thank you! I have only tested Origami for a bit, so I did not make a full high-fidelity prototype there.
Great video! Could you let me know what tool did you use to draw that app flow map?
Thanks! It's our team's internal user flows kit :)
She will create intuitive and functional UX UI designs. a freelance UX/UI
designer who translates your business requirements into modern, professional
This is great! What tool did you use to design your screens? I am trying to build an AR screen on Figma.
I have used Sketch back then, but unfortunately, neither Sketch of Figma allow you to simulate AR (at least from what I know). Try looking into Origami from Facebook :)
It's very interesting. Could you please tell me a procedure, how you designed it?
Hey Ales,
Great stuff there...!
Your Behance Link is broken(at least in my case). Can you have a look at it?
what software are you using to draw userflows?
What software did you use to design the structure with the flow of design?
Great video! Off the topic, what headphones are you wearing?
Aiaiai TMA-2 🎧
🙌
Hey there, great video, thank you!
Question - what kind of tool did you use to create user flow 1:55?
Hey Akvile, it's one of our internal UI kits for Sketch :)
@@AlesNesetril thank you!
Great exploration. I worked and launched my first AR contest for one of the biggest trade shows in US. I wonder if during your work process you tested the app with users and collected their feedbacks.
From my experience, currently, there is very low adoption of AR technologies by a broad audience. I'd be curious to hear about your progress and the response from your audience. Good luck with the project!
Hey Tera! I did not involve user testing too much this time since I first wanted to understand how the design process for AR works (aka learn the basics) during this side project.
However, from what I have collected/observed I can share at least some info:
1) I did not mention it in the video, but safety is one of the issues I had when testing the concept in real life. Riding a skateboard and using your phone at the same time looked like a good idea, but was definitely dangerous. So, I had to switch my main concept to using the app only when you stand still and want to discover nice places where to go next. (more onboarding would be needed to educate a user about this).
2) Even though the AR view could be a cool feature, which can have real usage, most people still preferred a map view to browse faster. It was one of the points mentioned during the discussions I had. They wanted to have AR as a "secondary" or "nice-to-have" part of the app, not the main app. (which confirms your point about low adoption).
@@AlesNesetril Thank you for response Ales. Yes, it might take some time till we figure out a better purpose for that tehnology, offering unique value that couldn't be offered through any other channel. And of cause with help of the titans, like Adobe who these days together with Apple, FB and others trying to come up with an adoption strategy. :)
3:42 'Heavy like your mom'
Straight savagery 😂😂
Awesome video Ales!
haha, little easter egg
Thanks a bunch!Its really inspiring video.Could you kindly let me know which things should I learn for designing AR UI.?Should I know 3D ,motion graphic design,animation?Coding?I would be grateful if you reply.
@AlesNesetril Please answer this
Don't you that bubble on the top right looks like a chat icon...i was expecting it to be a chat icon and then you said it was for seeing the ppl out of the screen which completely blew up my mind...would it be better if you could have used something like a curved arrow?
I think that could work as well. Goot catch!
Which tools did u used to create those designs . I think it is figma and how did mimic AR in figma
I have used Sketch, and then made all of the animations in After Effects. Unfortunately, you can't simulate AR in one of these, as I am saying in the video, so I also tried Origami Studio for a bit 👍
@@AlesNesetril thanks for your reply bro .Love u bro . Keep making amazing content
What did you use to create the user flows? Sketch?
That is correct :)
Ales Nesetril would you mind sharing the kit? I love the clean look :)
@@AllegedlySpiffy It is internal only at the moment. But maybe later :)
I am also a hands on learner bro
Is your discord done? I can't find it.
Yep, I have closed it and moved back to IG, where it was more convenient for the audience to reach out to me :)
what software did u use?
For what part? :)
@@AlesNesetril the UI design for the actual AR
@@skandhable Sketch app
@@AlesNesetrilwould it be possible to do this in adobe xd as well?
@@skandhable Of course :) Both tools are pretty similar
u have a girly voice
I do, haha :D
Dope!