Hey! If you want access to exclusive UX / UI design resources, casestudies, links and commentary - sign up for our FREE (and non-spammy!) weekly newsletter here: 👇 📝aj-smart.ck.page/21100f1c73 👀 Also if you haven't already, subscribe to our RUclips channel for weekly UX / UI / Career / and Design Sprint videos: ❤️ruclips.net/user/AJ&Smart?sub_confirmation=1 😉
@AJ&Smart : how you put all hand-drawn work on screen (figma or other software) because those hand-drawn work came very clear ..how you did that..please make the video on that , it helps junior designers to learn.
6 лет назад+97
All within 4 weeks? holy, that's 🚀including all deliverable animations, documentation, and assets?
What is the composition of your team? How do you divide tasks to accomplish this kind of speed, what is your work flow like? It'd be nice to do a video breaking these down or redirect me to one if it exists. We need to know!
@@ongkiherlambang7416 He said the app was ready in about four months since they started. So minus the initial four weeks, Development should have taken up the remaining time that is 3 months.
It starts so well with the HMWs and the call, the board... then you got lost. No mention on user research No mention on any data insights No mention on how you solved a full wall of HMWs No mention on any user validation (at some point you need to validate the assumptions or it will happen in the appstore=) It feels just like a visual redesign to Kevin's taste. The section about the paintings is really unnecessary, especially after omitting all the important steps. But the paintings are beautiful :D You can do better guys
It was a redesign, according to the team. So, more like rebuilding what already exists rather than creating something new for the users. Basically, all based on aesthetics and assumption. And sorry I'm replying to a one-year old comment.
@@johnsonbabawale8175 That is the same as rebuilding a house without taking into account the familly that will live there. Does not make sense - Especially redesign work has to have the user as the main focus since, the first product/service has failed otherwise there would be no need to do a redesign.
How did you guys validate the concepts with users? Did that happen at any point before hand off to development, or was this sprint primarily around updating the look and feel of the app?
Wonderful video. Solid gold. Keep doing these. These are so helpful and I personally prefer them over any article I could read about the experience. I've already viewed it three times today. One thought: For the 90% of the paintings from Sarah didn't use from the app, could they be repurposed? Maybe offer a framed original for some event in the future, or do something with charity? Dunno. Just seems like some magnificent artwork that could be showcased in different ways. All the same, thanks again for posting this. Been using the app since it came out. Btw, can you add a feature to end a meditation session after the 10/20 minute period is done? Don't mind the extra, but I try to fit in a session during the day before a stressful meeting, and having a end timer (with a chime or something) would be awesome. See you!
This was awesome! More of these, please!!! Case study style with more workflow breakdowns (who did what and how many on that team), the UX portion, other team roles, etc. thanks again for this. There’s not another video on youtube like this.
Hey, I loved your designing process, I have a project in hand, would you be interested to have a quick chat about it? Let me know how i can contact you for further discussion😊
Hi Jonathan! Thank you for sharing your process to the community, really hepfull to see how you guys work on a real project. Looking forward for this kind of videos again. All the best!
Loved this! I am interested in how you deliver for development. I have worked with scrum development teams and it is easy to have ceremonies and talk about all the details in the functionalities and flows you´ve designed. How do you find a way to explain every single design and interaction - and even the back-end logic that goes with it - when doing it remotely?
We make a high-fi prototype with all the animations included so not much thinking is required - we also did a few calls with the dev to explain some of the weirder Ideas we had.
When will be a good time to do testing with users? I notice in the video you did not mention about testing but it went straight to handover and launch. I am little confused haha.
Thanks so much for sharing this. About to start my first job as a UX designer in an agency and this is insanely helpful in preparing me for some of it. Awesome work!!
!. Can we see the storyboard? 2. What did you use to animate your prototype? 3. Can you talk more about the prototyping work? How many people were working in it at the same time?
Great video, there is always so much to learn from real-world case studies, particularly when it covers the complete process. thanks for sharing - looking forward to seeing more 😉
Quick question? Is there a business or design reason why you present the design to the user after the designs were actually designed? And not before making the designs?
Yes! Well spotted. We have a very different opinion on user testing at AJ&Smart - basically we like to make our assumptions first (assuming much of it will be wrong) - then test a high fi prototype with real users to collect reactions. Once we have an idea of what we think might work we create a simple BETA which 1000s of real people used - collected their feedback, tweaked again and launched. Lots about this way of working on my podcast "Product Breakfast Club"
This is nugget! Awesome tips. 🙋🏻♂️ Question: What are your takes on this “work-backward strategy”, where you have pre-assumptions before diving into user research and so on? I find this strategy is similar to the “Faster Horse Theory” (inspired from Henry Ford’s famous quote).
Really amazing but I really wonder the journey of the developer side of things. Anyone who knows a youtube channel or video that talks about the developer side of things, ping me. I’d highly appreciated it.
I'm an industrial designer and I found that there's so much in your process that I can borrow and will benefit mine, even though you're in a completely different line of work. Thank you for sharing
Absolutely! Our intern right now is also in industrial design! @Myrin The Design Sprint process is absolutely applicable for all kinds of work. Not limited to design at all. Very cool that you recognised that!
Hi guys! I was just wondering whether this is a UI only process? I haven't noticed you mentioning UX research or user testing, so I'm just wondering whether the information about UX was skipped in this video or whether this is a UI only redesign of an app?
How as a designer can you even pretend this approach is ok? You've not once mentioned anything about user testing or validation. It's totally subjective. The worst kind of way to work. I hope this isn't how you always work with your clients
What was the reason for the redesign? Did you guys conduct any qualitative or quantitative user research that would funnel concerns/problems regarding the former UI? Most of what you showed in the video was your team and the founder of the app talking and planning amongst yourselves, while this is fine to an extent, weren't you concern with biases among your team and founder of the app. At what point did you guys validate/invalidate your assumptions regarding the redesign of the app? I would of loved to see your research process a bit more.
Hey there! We have a video coming next week that will go into our philosophy on research (and its necessity in certain projects) but generally here it is: We start with our own assumptions, and we acknowledge that these are purely our assumptions (ours and the client). With 99% of the products we work on, we test with users using high fidelity prototypes before we decide to go a step further in the product development, but with Oak we decided to develop our assumptions and release them to our relatively large Beta Test group for real feedback. Why did we do this? Why are we breaking some of the accepted rules of UX/User Centered Design? If you're interested in digging into that I can recommend listening to this episode of our podcast where we go all in on that topic: simplecast.com/s/a2918808
I am a UX designer who is just starting out and I also use Figma. I would really appreciate if someone could let me know how he was able to have no cursor in the final prototype video. I typically just do a screen recording of me going through my prototype but the circle cursor is always there...
I am really intrigued to know what went behind not mentioning the user aspect. Did you guys actually involved the users and just couldn't mention it here, or you decided to not involve the user during this part of your process? I am really interested to know how and why you made that decision and what were the impacts. Please make a video on this topic as well, it will really help. Thank you :)
thank you so much personally learned a lot but i wonder how you did UX part without considering users? (it is just a question) i mean the whole ux part is about users but i really liked the video it helped me a lot to know the steps of a ui/ux project
Hey i love the way you guys work, but i have a question, if I am still not figured out about my first project for the case study? how to find a problem so i can solve it with an app i guess its dilemma. help me out
Thanks for such valuable info, one thing I found rather odd is the fact that in the entire process the end user was never involved , no user testing or whatsoever , pretty risky approach IMO
Hi! Thanks for the video. I wonder what an app like that costs to make? Because I have an idea and I am wondering how much it would cost to make it an app.
So the whole process was a redesign of the style and functions in the app, but the end user was never taken into account? ... How do you know that the decisions taken were correct? ... Why a redesign? Did the users ask for it or was it just a whim of the owner of the app?
How much does a process like this costs? I want to get an app made but not sure of the process and the type of money that will be needed to get it completed.
Just found your channel. Thank you for this video. Exactly what I was looking for. Amazing work! I hope I can find more content like this on your channel.
Thanks for sharing the amazing kinds of stuff. I also would like to know sticky note process which every UX designer and studio follows I don't what they are doing with colored sticky notes it looks like hidden jams. I really would like to know the process from beginning to the end
I think hearing about Basecamp part would be the most interesting part of this video actually. As a designer it's easy to understand your design process but it's hard to predict or understand how do you put together design and project management processes all together?
We can certainly aim to do a video on the basecamp sections of the project. It would be a great round up of the project as a whole too! Great idea IIhan, thanks for sharing!
I love the design process and the work done. Watercolors to lighten it up was a master stroke. However, one thing felt out of place. It looks like it is a lot of stuff and some of it may not be something the user wants? I understand the psychology behind giving badges and the growing bonsai tree ( which was rejected ) but it all seems so anxiety inducing as a user. You are guilt tripping me into meditating because if I don’t my badges and points or whatever aren’t accumulating. So now I am viewing it with my obsession to complete things than with a calm relaxed mind. In other words, I am bearing the burden of meditating so I can get those badges because I am a compulsive over achiever. Of course this is a far fetched scenario, but doesn’t take away from the fact that you have not focused enough on the meditation part. Even the time binding of every meditation is so anxiety inducing. I don’t want to know how long I meditated for because in my head I’m just going to count time to beat my previous time if I use the app again. Also as a user I just want to get down and dirty with my purpose - meditation - and move on. I don’t want to get sucked in to a world your designers and you have created to set apart your identity. It is frustrating. In the end, not even considering what a user wants is not good. Your users are not one kind - healthy minds looking to meditate - they are anxious, confused, overwhelmed and many more. You are not really catering to the other types and that is bad from the application point of view. Not sure why I ranted so much.. but food for thought :)
Thank you, Amit! That's very important feedback. You're completely right, many of the users won't fit into the "healthy minds looking to meditate" but, as designers, we also can't design with everyone in mind. We need to focus on a design persona that best represents the customers.
I think this bit 7:07 makes a lot of sense when you want to move as quickly as possible and want to showcase potential. It is controversial but the time constraint justifies the decision I believe.
I would like to thank you for this video. It motivated me to push myself, to explore, to discover. It is crucial to focus your energy into understanding the right parts of the project just as you did.
Hey Jonathan awesome video and article at Medium. I have a question. When it came time to prototyping, how deep did you guys go? From the beginning, did you guys build a full blown hi-fi prototype with every screen state and micro-interaction that simulate how the app would behave? Or did you guys wait until later (at what point exactly and why)? Also, for beginners and those doing personal portfolio projects, do you recommend a simple prototype that simulate how the digital product solves the problem ideally or a full blown hi-fi prototype with all of the bells and whistles (screen states, micro-interactions, etc)? Looking forward to your next video.
Hey hey! In the beginning (first Sprint) we focussed only on the main user flow (opening app to selecting the first meditation) this was about 10 screens. Once we had the UX/UI direction that Kevin liked, we then designed every screen. I recommend doing a hi fi prototype but only focussing on the main flow for the first test.
Hey. I just started to learn ux/ui design (or product design). I'm reading books, posts, watching videos (love your videos btw) atm, and i practice sometimes in figma. Now im at the stage where i need to learn prototyping. Can you give me a tip which programs i should use for beginning? (I have low budget atm so im looking for some free solutions just for better understanding). Thanks! Sorry for bad english! :D I find your content is really helpful for me as beginner, kepp doing it!
Subbed! You guys are amazing! Just to confirm, all the micro-interactions and the entire prototype was done in Figma? I should search before asking this but have you done a smack done yet/have any thoughts of XD from Adobe?
So how do you effectively ran the design sprints? The same process but with the client via hangouts or something like that? Did the design sprints last the same ammount of time than a traditional one?
This is very amazing! But whenever I see design sprints being used to really deliver a product, the question that always pops in my mind is: what about the backend? Does the process of creating a back-end architecture and system exists within the sprint? How do you manage the client's expectations about that? And how does people who build this side of the project perpetuate the sprints and the concept work itself? Asking it because I am a designer and work directly daily with a bunch of back-end dudes and most of the consumed time goes to tickling the server side of the question. Front-end work is always quicker and minimal in comparison to effort and time put shipping the API.
This is a great question! The short answer is that the Sprint isn't a process for back-end development. It's for testing new ideas fast. Our delivery to a client can sometimes be the design elements, but we don't use a Sprint to work through the back-end. Managing the expectations from the client is quite simple, you need to make sure that you are upfront with them about this before the Sprint! Setting expectations, is a massive part of onboarding our clients!
Hey, thanks for replying. The question I made came from a place in my reality where backend architecture dictates a lot in how we can or will do whatever stuff. Sometimes me, a designer, points to the back-end guys some change I intent to make - going from simple to complex stuff, like changing labels from CAPS LOCK to Caps Lock - and then, for whatever reason, could be time, priority, etc, they can't do it. So the design is only a frame of what the product could be like, not what will actually be shipped. But I came from a place where the product was built with some inevitable UX thought but none design at all. Maybe wherein products are built with the design being the perfect representation of clients and, sometimes, user needs, the back-end follows along and turn themselves upside down to built stuff. Thanks!
Loved the video. If the client asked just to rethink a small section of the app and you completely changed the approach by redoing the whole thing how do you handle pricing for the full project?
Hey, thank you for your knowledge. I just recently finished working for an automotive app startUp and all your videos have opened my eyes and shown me why we had so many problems with the product-market fit in the beginning. By the way, I am a little bit curious to learn, how you build your qualitative and quantitative questions for the expert interview session and user testing phase? Thank you very much and keep doing videos, you are helping a lot of Latinos as my self to become each day better as UX/UI Designers and have better opportunities in international markets.
How did you manage the actual content of the app like copy for each meditation? Was that a matter of making sort of templates which can hold content dynamically so you don’t have to worry about it during the design or has Kevin somehow provided all the content up front or was the content developed along with the design? And how have you shared it, Basecamp docs? Thank you for sharing!!!
Hi, I am kinda curious how it works budget-wise. Do your friend's awesome hand paintings were included in the price or are the illustrations normally paid apart ?
Hey! If you want access to exclusive UX / UI design resources, casestudies, links and commentary - sign up for our FREE (and non-spammy!) weekly newsletter here: 👇
📝aj-smart.ck.page/21100f1c73 👀
Also if you haven't already, subscribe to our RUclips channel for weekly UX / UI / Career / and Design Sprint videos:
❤️ruclips.net/user/AJ&Smart?sub_confirmation=1 😉
All done
@AJ&Smart : how you put all hand-drawn work on screen (figma or other software) because those hand-drawn work came very clear ..how you did that..please make the video on that , it helps junior designers to learn.
All within 4 weeks? holy, that's 🚀including all deliverable animations, documentation, and assets?
HELL YES!
how long the development duration takes until it ready to publish on the appstore?
Exactly my thoughts!
What is the composition of your team? How do you divide tasks to accomplish this kind of speed, what is your work flow like? It'd be nice to do a video breaking these down or redirect me to one if it exists. We need to know!
@@ongkiherlambang7416 He said the app was ready in about four months since they started. So minus the initial four weeks, Development should have taken up the remaining time that is 3 months.
It starts so well with the HMWs and the call, the board... then you got lost.
No mention on user research
No mention on any data insights
No mention on how you solved a full wall of HMWs
No mention on any user validation (at some point you need to validate the assumptions or it will happen in the appstore=)
It feels just like a visual redesign to Kevin's taste.
The section about the paintings is really unnecessary, especially after omitting all the important steps.
But the paintings are beautiful :D
You can do better guys
That's true, I agree.
It was a redesign, according to the team. So, more like rebuilding what already exists rather than creating something new for the users. Basically, all based on aesthetics and assumption.
And sorry I'm replying to a one-year old comment.
@@johnsonbabawale8175 That is the same as rebuilding a house without taking into account the familly that will live there. Does not make sense - Especially redesign work has to have the user as the main focus since, the first product/service has failed otherwise there would be no need to do a redesign.
How did you guys validate the concepts with users? Did that happen at any point before hand off to development, or was this sprint primarily around updating the look and feel of the app?
Wonderful video. Solid gold. Keep doing these. These are so helpful and I personally prefer them over any article I could read about the experience. I've already viewed it three times today.
One thought: For the 90% of the paintings from Sarah didn't use from the app, could they be repurposed? Maybe offer a framed original for some event in the future, or do something with charity? Dunno. Just seems like some magnificent artwork that could be showcased in different ways.
All the same, thanks again for posting this. Been using the app since it came out.
Btw, can you add a feature to end a meditation session after the 10/20 minute period is done? Don't mind the extra, but I try to fit in a session during the day before a stressful meeting, and having a end timer (with a chime or something) would be awesome.
See you!
LOVE the idea with the paintings actually - we still have them at our office!!!
Love these Case Studies videos guys!
Thanks Jose! This was a fun one to talk about :)
This was awesome! More of these, please!!! Case study style with more workflow breakdowns (who did what and how many on that team), the UX portion, other team roles, etc. thanks again for this. There’s not another video on youtube like this.
Hey, I loved your designing process, I have a project in hand, would you be interested to have a quick chat about it? Let me know how i can contact you for further discussion😊
Hi Jonathan!
Thank you for sharing your process to the community, really hepfull to see how you guys work on a real project. Looking forward for this kind of videos again. All the best!
Loved this! I am interested in how you deliver for development. I have worked with scrum development teams and it is easy to have ceremonies and talk about all the details in the functionalities and flows you´ve designed. How do you find a way to explain every single design and interaction - and even the back-end logic that goes with it - when doing it remotely?
We make a high-fi prototype with all the animations included so not much thinking is required - we also did a few calls with the dev to explain some of the weirder Ideas we had.
When will be a good time to do testing with users? I notice in the video you did not mention about testing but it went straight to handover and launch. I am little confused haha.
Thanks so much for sharing this. About to start my first job as a UX designer in an agency and this is insanely helpful in preparing me for some of it. Awesome work!!
Thanks for taking the time to comment Melinda! We love hearing things like this!
So intense User research is not that important all time?
!. Can we see the storyboard? 2. What did you use to animate your prototype? 3. Can you talk more about the prototyping work? How many people were working in it at the same time?
okokok ill try to find these videos for a follow up :)
Yes! I'd love to know how you got the realistic animations in the prototype. It looks like this wasn't done with Marvel?
8:42 damn that's day 3! You guys work faaaasst
Great video, there is always so much to learn from real-world case studies, particularly when it covers the complete process. thanks for sharing - looking forward to seeing more 😉
Thanks Brian! More is definitely coming!!
I’m in school for UX / UI (just started at CareerFoundry). Thanks for sharing your wealth of knowledge!
Thanks Heather! Best of luck with your course! Let us know if you have any questions on any of the topics we cover!
I honestly appreciate this SO much, a lot of learning just watching these vids (ノ^o^)ノ
And we appreciate you putting the effort into telling us that!
Quick question? Is there a business or design reason why you present the design to the user after the designs were actually designed? And not before making the designs?
Yes! Well spotted. We have a very different opinion on user testing at AJ&Smart - basically we like to make our assumptions first (assuming much of it will be wrong) - then test a high fi prototype with real users to collect reactions. Once we have an idea of what we think might work we create a simple BETA which 1000s of real people used - collected their feedback, tweaked again and launched. Lots about this way of working on my podcast "Product Breakfast Club"
Thank you guys for the video! I am reading the Design Sprint book and seeing that project coming out that really inspires me!
Thanks!!
This is nugget! Awesome tips.
🙋🏻♂️ Question: What are your takes on this “work-backward strategy”, where you have pre-assumptions before diving into user research and so on?
I find this strategy is similar to the “Faster Horse Theory” (inspired from Henry Ford’s famous quote).
UX 6.5/10, UI 6/10, way of process 7.5 / 10 ... End Result Really sober 5.3/10
can you show to us on how you create your design system for that project?
So cool to see the whole process in such detail. Awesome!
Hi Jacob! I see your name on the blackboard in the background. Looking forward to the new video. Cheers!
Awesome video - learned a bunch about the design process. Thanks for this!
Amazing inside view of the project Jonathan... Appreciate it 👍🙏🤩
Great video! I would be interested in a videos with some more detail about your developer handoff process :)
Really amazing but I really wonder the journey of the developer side of things. Anyone who knows a youtube channel or video that talks about the developer side of things, ping me. I’d highly appreciated it.
I'm an industrial designer and I found that there's so much in your process that I can borrow and will benefit mine, even though you're in a completely different line of work. Thank you for sharing
Absolutely! Our intern right now is also in industrial design! @Myrin
The Design Sprint process is absolutely applicable for all kinds of work. Not limited to design at all. Very cool that you recognised that!
Thanks! I've subscribed to his awesome-looking channel :)
Hmmm. A whole remote project in 2018? You must be thriving in 2020.
Very nice video Jhonathan. What kind of tool do you guys use for voting on Miro (New Realtime Board) app ?
Awesome project guys !! About Sarah's painted illustrations, I assumed you took a hi-res photo of of her drawings and put them in the app?
Hi guys! I was just wondering whether this is a UI only process? I haven't noticed you mentioning UX research or user testing, so I'm just wondering whether the information about UX was skipped in this video or whether this is a UI only redesign of an app?
How as a designer can you even pretend this approach is ok? You've not once mentioned anything about user testing or validation. It's totally subjective. The worst kind of way to work. I hope this isn't how you always work with your clients
Wowwwwe! I really love that app. I couldn't believe you had designed it!
What was the reason for the redesign? Did you guys conduct any qualitative or quantitative user research that would funnel concerns/problems regarding the former UI? Most of what you showed in the video was your team and the founder of the app talking and planning amongst yourselves, while this is fine to an extent, weren't you concern with biases among your team and founder of the app. At what point did you guys validate/invalidate your assumptions regarding the redesign of the app? I would of loved to see your research process a bit more.
Hey there! We have a video coming next week that will go into our philosophy on research (and its necessity in certain projects) but generally here it is: We start with our own assumptions, and we acknowledge that these are purely our assumptions (ours and the client). With 99% of the products we work on, we test with users using high fidelity prototypes before we decide to go a step further in the product development, but with Oak we decided to develop our assumptions and release them to our relatively large Beta Test group for real feedback. Why did we do this? Why are we breaking some of the accepted rules of UX/User Centered Design? If you're interested in digging into that I can recommend listening to this episode of our podcast where we go all in on that topic: simplecast.com/s/a2918808
Can I give 10 thumbs up for this amazing video?
I am a UX designer who is just starting out and I also use Figma. I would really appreciate if someone could let me know how he was able to have no cursor in the final prototype video. I typically just do a screen recording of me going through my prototype but the circle cursor is always there...
In the beginning you said that you made assumptions about the user. At what points did AJ&Smart validate their assumptions during this process?
I am really intrigued to know what went behind not mentioning the user aspect. Did you guys actually involved the users and just couldn't mention it here, or you decided to not involve the user during this part of your process? I am really interested to know how and why you made that decision and what were the impacts. Please make a video on this topic as well, it will really help. Thank you :)
thank you so much
personally learned a lot
but i wonder how you did UX part without considering users? (it is just a question)
i mean the whole ux part is about users
but i really liked the video it helped me a lot to know the steps of a ui/ux project
Thanks for sharing. the process was as amazing as the final product!🤩
I am a degree holder graphic designer , would love to join your team.Let me know through maip I I could be a part.
Very interesting video thanks! More of these please 👍🏼
More case-studies on the way! Thanks!
Hey i love the way you guys work, but i have a question, if I am still not figured out about my first project for the case study? how to find a problem so i can solve it with an app i guess its dilemma. help me out
Thanks for such valuable info, one thing I found rather odd is the fact that in the entire process the end user was never involved , no user testing or whatsoever , pretty risky approach IMO
Hi! Thanks for the video. I wonder what an app like that costs to make? Because I have an idea and I am wondering how much it would cost to make it an app.
So the whole process was a redesign of the style and functions in the app, but the end user was never taken into account? ... How do you know that the decisions taken were correct? ... Why a redesign? Did the users ask for it or was it just a whim of the owner of the app?
Do you need to digitize these hand-drawn illustrations in procreate or any other drawing software or can you use it in by just uploading the images?
How much does a process like this costs? I want to get an app made but not sure of the process and the type of money that will be needed to get it completed.
Just found your channel. Thank you for this video. Exactly what I was looking for.
Amazing work!
I hope I can find more content like this on your channel.
Thank you for sharing this AJ& Smart
Thanks for watching John!
How much did you charge for it??
Projects at AJ&Smart start at around $50,000, but we can't share the specifics for this project.
Ok thanks
What about user testing and competition analysis?
Wow thanks for posting amazing video
what price you paid for development?
UX simply a difference between Idea and User Interface.
Thanks for sharing the amazing kinds of stuff. I also would like to know sticky note process which every UX designer and studio follows I don't what they are doing with colored sticky notes it looks like hidden jams. I really would like to know the process from beginning to the end
Hey Rishi, you should check out the other vids on our channel we show how to use the notes
Really amazing ..thank you aj & smart
I think hearing about Basecamp part would be the most interesting part of this video actually. As a designer it's easy to understand your design process but it's hard to predict or understand how do you put together design and project management processes all together?
We can certainly aim to do a video on the basecamp sections of the project. It would be a great round up of the project as a whole too! Great idea IIhan, thanks for sharing!
Which software did you guys use to do the interaction design?
I need to know the getting effect of redesign for users ? there is not any kind of research for users ? why
Awesome video! This will be very useful to me. Thanks a lot!
Thank youuuuuu
This is so good !!! Loving the real-world design projects process
Glad people are enjoying it, was worried it was too nerdy
how much was the cost of the redesign out of curiosity?
I love the design process and the work done. Watercolors to lighten it up was a master stroke. However, one thing felt out of place. It looks like it is a lot of stuff and some of it may not be something the user wants? I understand the psychology behind giving badges and the growing bonsai tree ( which was rejected ) but it all seems so anxiety inducing as a user. You are guilt tripping me into meditating because if I don’t my badges and points or whatever aren’t accumulating. So now I am viewing it with my obsession to complete things than with a calm relaxed mind. In other words, I am bearing the burden of meditating so I can get those badges because I am a compulsive over achiever.
Of course this is a far fetched scenario, but doesn’t take away from the fact that you have not focused enough on the meditation part.
Even the time binding of every meditation is so anxiety inducing. I don’t want to know how long I meditated for because in my head I’m just going to count time to beat my previous time if I use the app again.
Also as a user I just want to get down and dirty with my purpose - meditation - and move on. I don’t want to get sucked in to a world your designers and you have created to set apart your identity. It is frustrating.
In the end, not even considering what a user wants is not good. Your users are not one kind - healthy minds looking to meditate - they are anxious, confused, overwhelmed and many more. You are not really catering to the other types and that is bad from the application point of view.
Not sure why I ranted so much.. but food for thought :)
Thank you, Amit! That's very important feedback. You're completely right, many of the users won't fit into the "healthy minds looking to meditate" but, as designers, we also can't design with everyone in mind. We need to focus on a design persona that best represents the customers.
I work on illustrations as well , let me know if you want any illustrator.
Anything on information architecture?
Finally, the video that I have been waiting for. Thank you!
Haha great to hear! Thanks!
I think this bit 7:07 makes a lot of sense when you want to move as quickly as possible and want to showcase potential. It is controversial but the time constraint justifies the decision I believe.
I would like to thank you for this video. It motivated me to push myself, to explore, to discover. It is crucial to focus your energy into understanding the right parts of the project just as you did.
Thanks for the lovely comment Daniel! Glad we gave you the push!!!
mindfuLL?
red dots to approve?
bro how much did you charged for that..
Hey Jonathan awesome video and article at Medium. I have a question. When it came time to prototyping, how deep did you guys go? From the beginning, did you guys build a full blown hi-fi prototype with every screen state and micro-interaction that simulate how the app would behave? Or did you guys wait until later (at what point exactly and why)? Also, for beginners and those doing personal portfolio projects, do you recommend a simple prototype that simulate how the digital product solves the problem ideally or a full blown hi-fi prototype with all of the bells and whistles (screen states, micro-interactions, etc)? Looking forward to your next video.
Hey hey! In the beginning (first Sprint) we focussed only on the main user flow (opening app to selecting the first meditation) this was about 10 screens. Once we had the UX/UI direction that Kevin liked, we then designed every screen. I recommend doing a hi fi prototype but only focussing on the main flow for the first test.
Got it! One last thing I forgot to ask. What about the style guides? Is that also included and comes after the UX/UI direction has been approved?
Could you share an overview of how you organise big projects within Figma ? And the overall workflow in Figma if you could ?
Nice idea, we'll make a vid about that soon.
can you please send me a copy of one of the design apps of yours pls
where did you buy that whiteboard?
Hey. I just started to learn ux/ui design (or product design). I'm reading books, posts, watching videos (love your videos btw) atm, and i practice sometimes in figma. Now im at the stage where i need to learn prototyping. Can you give me a tip which programs i should use for beginning? (I have low budget atm so im looking for some free solutions just for better understanding).
Thanks! Sorry for bad english! :D
I find your content is really helpful for me as beginner, kepp doing it!
Subbed! You guys are amazing! Just to confirm, all the micro-interactions and the entire prototype was done in Figma? I should search before asking this but have you done a smack done yet/have any thoughts of XD from Adobe?
tu audio suena muy saturado bro, del resto 10 de 10
The important question is " Cost "
How do I protect my idea , would I need a patent?
So how do you effectively ran the design sprints? The same process but with the client via hangouts or something like that?
Did the design sprints last the same ammount of time than a traditional one?
Same amount of time, but the exercises were not in real time- we did videos and the client could then use Real time board to do the exercises
This is very amazing! But whenever I see design sprints being used to really deliver a product, the question that always pops in my mind is: what about the backend? Does the process of creating a back-end architecture and system exists within the sprint? How do you manage the client's expectations about that? And how does people who build this side of the project perpetuate the sprints and the concept work itself?
Asking it because I am a designer and work directly daily with a bunch of back-end dudes and most of the consumed time goes to tickling the server side of the question. Front-end work is always quicker and minimal in comparison to effort and time put shipping the API.
This is a great question! The short answer is that the Sprint isn't a process for back-end development. It's for testing new ideas fast. Our delivery to a client can sometimes be the design elements, but we don't use a Sprint to work through the back-end.
Managing the expectations from the client is quite simple, you need to make sure that you are upfront with them about this before the Sprint! Setting expectations, is a massive part of onboarding our clients!
Hey, thanks for replying. The question I made came from a place in my reality where backend architecture dictates a lot in how we can or will do whatever stuff. Sometimes me, a designer, points to the back-end guys some change I intent to make - going from simple to complex stuff, like changing labels from CAPS LOCK to Caps Lock - and then, for whatever reason, could be time, priority, etc, they can't do it. So the design is only a frame of what the product could be like, not what will actually be shipped.
But I came from a place where the product was built with some inevitable UX thought but none design at all. Maybe wherein products are built with the design being the perfect representation of clients and, sometimes, user needs, the back-end follows along and turn themselves upside down to built stuff. Thanks!
Thanks to Kevin for letting you show these super useful insights! Great video, nice and compact.
Love this so much, hope to see more videos like this one
Loved the video. If the client asked just to rethink a small section of the app and you completely changed the approach by redoing the whole thing how do you handle pricing for the full project?
How do I connect with your team?
Do you guys use Material Design?
Hey, thank you for your knowledge. I just recently finished working for an automotive app startUp and all your videos have opened my eyes and shown me why we had so many problems with the product-market fit in the beginning. By the way, I am a little bit curious to learn, how you build your qualitative and quantitative questions for the expert interview session and user testing phase? Thank you very much and keep doing videos, you are helping a lot of Latinos as my self to become each day better as UX/UI Designers and have better opportunities in international markets.
Thank you so much for sharing this process. You make the world a better place by helping people with your experience. 🙌🙌😍
how many people working on it?
How did you manage the actual content of the app like copy for each meditation? Was that a matter of making sort of templates which can hold content dynamically so you don’t have to worry about it during the design or has Kevin somehow provided all the content up front or was the content developed along with the design? And how have you shared it, Basecamp docs? Thank you for sharing!!!
Very informative video!!!
Thank for sharing this process. I am ui/ux self-teaching and this really inspired me and helped me solving a lot of doubts I had. Waves from Mexico.
Hey Abi! Thanks so much! We've got some more of this style of video coming out soon!!
Hey abi
Kalyani here from india
Tell me, how do you teach yourself?
only just great 👌👌
Very helpful video. Thank you so much!
Thanks Arjun, I appreciate that!
Hi, I am kinda curious how it works budget-wise. Do your friend's awesome hand paintings were included in the price or are the illustrations normally paid apart ?
what about user testing?
I love this video. Awesome.