Todo App Design Ideas – Create an app that helps me and my friends work smarter and more efficiently. This is my first UX-UI project and also an opportunity to practice the UX-UI knowledge I learned earlier.

I think at my age, my friends and I have a common problem, which is the quality of the work. I often use notebooks or apps to take notes to plan my work, but usually, it fails for many reasons. So I want to face it, and discover the best solution for my case and others.

Todo App Design Ideas

I interviewed 8 people, all of them are my classmates and my club, studying at the University of Foreign Trade

How To Build A Todo List App Using Html, Css, And Javascript

I conducted these interviews in person or by phone or video call. You can see my detailed results here.

With 5/8 people using the notebook, I tried to find out the reasons. So the answers I got are 2 main reasons:

After checking the hypothesis built on UCDC and User Personas, this is the complete version I want to show:

Most people create a to-do list with just random tasks. This will make your work not be able to cover all the goals, and also miss the important focus.

Ux Case Study: How To Design Best Digital Bank For Kids • Uxda

It is like answering the question: “How many football teams compete in the World Cup?”. We have to leave the main categories like: Asia, America or table A, B…

Before setting a list of certain tasks, users need to set goals for a period such as: a day, a week or a month. From those goals, users think about specific activities. This is useful not to miss and also in terms of tasks, users will see if they have reached today’s goal.

Note: All the pictures I show in the “Brainstorm” step are my finished designs after several steps have been taken. I chose them because I think they clearly express my thoughts.

When you create a new task, there will be 2 options: Priority and Deadlines. If the user clicks it, it will show a different color for the activity and also for the notification.

Top Files Tagged As Todo App

With the terms, the user can set a time to see how many days from now to the deadline, help to prepare and follow.

Establishing tasks that are too large or without information such as history, the site will not make us like to do it.

One of the common characteristics of today’s youth is that they cannot live without technology. Yes, I love technology, but I also hate it. It distracts us, delays the progress of our work.

So I came up with a new feature, which is “block users from apps they have installed”. They can use these Black Apps for the times or activities they choose.

11 Bootstrap To-do Lists

For example, when I did the search, I installed the black applications like the picture above and selected the “Search” task. So for this task, I can’t use Facebook, Instagram or Twitter, but I can use Google to find resources for my research.

2nd requirement: I added a number that shows the percentage of work that the user has done in tasks and notifications. When I see how much I’ve done, I’ll be motivated to keep doing more.

Yes, I often remember to make a to-do list, but I still keep failing. When users use a good performance, fulfilling goals, tasks; Of course, they want to continue using the app.

Free, Custom Downloadable Checklist Templates

“Principles of interaction design”, Bruce Tognazzini wrote: “Adults enjoy an environment that is not limited or restricted, an environment that can be explored, but not dangerous.”

So I try to design my app to be very simple at first glance. So when the user performs multiple tasks, it will display relevant information.

Combining all the functions and structure of the design above, I started to draw the lo-fi cables on paper and then designed the hi-fi cables as you can see:

I decided to learn UX-UI 4 months ago and entering this project is the best opportunity to practice the things I have already learned.

15 The Best To Do List Ideas For Your Planner Or Bujo

The best thing I learned from this project is that you can design a product yourself but you can’t learn from your users. Once I did this project without research and analysis, I think it is a big mistake. Not all of your assumptions about your users are correct, so you need to start getting out there and asking. This is my motivation to pay more attention and try to understand my behaviors and yours in everyday life. As a PM, I like to use different apps to learn and understand emerging trends in user experiences.

One app category that I’ve been exploring a lot is the various apps for everything. The App Store, whether it’s Apple or Google, is full of tons of apps trying to help you be successful. Everyone is different in one way or another.

As an exercise, I decided to explore the concept of designing my todo app. I named him Taskky.

I like the UX of the Clear app, but it’s so simple that sometimes it’s hard for me to know where to complete my daily tasks. Therefore, we would like to explore more options here. However, the key principles are the same:

Get Your Life In Order With These To-do List Apps

While a clear focus will help users get there, the app’s layout should help users get things done. Here we go.

I like Google Tool Design. To keep things simple, I decided to follow Material Design to build the Taskky app while trying to introduce new UX standards.

I personally tried this model and it helped me to do something. Therefore, I tried to bring this model to life in my design.

Note: I did not conduct a user experience study to understand how successful this model was. Your mileage may vary. I would love to hear your thoughts on what you think of this template.Taskky UX

Top Files Tagged As Todo List

The app also supports themes to customize your experience. For example, the screen below uses an amber theme.

This is not a perfect place, but I feel its unique way of managing everyone, Taskky can help you be more productive.

Todo app database design, google todo app, todo app design figma, todo app design, best todo app mac, app todo, todo design, todo mac app, things todo app, todo web app design, todo app ui design, todo web app