The "do-it" App

You can achieve it by doing it.

Hi, it’s COLLABO WEEK, hope you are excited to hear our story?

Firstly, Teamwork is satisfying, believe it or Yes!

Working alone can be enjoyable and interesting too, but have you tried working with someone or a group of people who has the same mindset and goal as you? It's amazing, super amazing.

Here is why: Working with people gives you a wide range of opportunities of learning how to do things. You learn more about things that you could take longer time learning yourself, than when you learn or work with people. You grow faster as a team while working on a big project than when working alone. Though there might be a little fallback, you could pick up easily because you have a teammate that git your back.

During this week’s project, we merged with teams from different tracks who did excellently well at executing their tasks. For some of us, it was the first time working with other career tracks, which felt like we were in the real world office space, while for some it wasn’t the first time.

We've been on a rollercoaster journey into getting our wrongs right and making serious progress since the start of the Bootcamp and trust me, it’s not for the weak. Having to design things that really keep you on your toes is quite interesting and helpful too. We use these products every day and now we are designing them. The feeling is different.

The Task: Design a to-do app that allows users to add tasks, edit tasks, delete tasks, update tasks (as completed), and set a reminder for each task. It should have a web and mobile version.

What is a To-do App?

ToDo List App is a kind of app that is generally used to maintain our day-to-day tasks or list everything that we have to do, with the most important tasks at the top of the list, and the least important tasks at the bottom. It is helpful in planning our daily schedules. What is a ToDo List? The definition is a simple one. It’s a list of tasks you need to complete or things that you want to do.

Most typically, they’re organized in order of priority. Traditionally, they’re written on a piece of paper or post-it notes and act as a memory aid. As technology has evolved we have been able to create a to-do list with excel spreadsheets, word documents, email lists, to-do list apps, Microsoft to do, and google to-do lists to name a few. You can use a to-do list in your home and personal life, or in the workplace. Having a list of everything you need to do written down in one place means you shouldn’t forget anything important. By prioritizing the tasks in the list you plan the order in which you’re going to do them and can quickly see what needs your immediate attention and what tasks you can leave until a little later.

The Benefits of Using a To-Do List One of the most important reasons you should use a to-do list is that it will help you stay organized. When you write all your tasks in a list, they seem more manageable. When you’ve got a clear outline of the tasks you’ve got to do and those you’ve completed, it helps you stay focused. While freeing up space in your mind for other more creative tasks.

When you complete a task, you can cross it off your list. This gives you a sense of progress and achievement, something you’ll lack if you’re always rushing from one task to the next. If you feel a sense of achievement, it spurs you on and motivates you to keep moving forward. But that’s not the only benefit of a to-do list. Here are a few more:

Improves your memory: A to-do list acts as an external memory aid. It’s only possible to hold a few pieces of information at one time. Keep a to-do list and you’ll be able to keep track of everything, rather than just a few of the tasks you need to do. Your to-do list will also reinforce the information, which makes it less likely you’re going to forget something.

Increases productivity: A to-do list allows you to prioritize the tasks that are more important. This means you don’t waste time on tasks that don’t require your immediate attention. Your list will help you stay focused on the tasks that are the most important.

Helps with motivation: To-do lists are a great motivational tool because you can use them to clarify your goals. You can divide your long-term goal into smaller, more achievable short-term goals and as you tick each one off your list, your confidence will increase.

PROJECT PROCESS Identifying and Understanding the Task

We couldn’t jump to a conclusion without understanding what we were meant to do for the week, coupled with the fact that Project Managers, Front and Back End Devs were involved, we just had to understand what to do. Since for this task, we were not redesigning an already existing to-do app, we needed to do some research on other to-do apps and look at how to use them and their features too. This will give us an idea of what to add and remove while designing ours. So we had to do some research.

Research phase For the design team, we were split into sub-teams to dig more into knowing the various to-do app, both on the web and on mobile. We got some highly rated todo apps that were used by many people and we did an information architecture on them to understand them better.

Customer Review Some of the todo apps we researched had some good customer reviews, however, some didn’t sit well with the users. We did the customer review to know what the users think generally about todo apps

Customer Review (1).png

User research: There were no specific surveys sent out to gather user responses on their experiences with the to-do app, however, the information architecture and customer review served as a replacement for the surveys in understanding what we needed to do at the moment.

Design Process Slides(Tablet and Laptop view)

During the design, we were able to get the color and font choice of our Todo app and started the design below:

The Landing page, Login/Sign up Screen: This is the landing page showing the login and sign-up sessions for the to-do app

Doit.png

Doit 1.png

The Dashboard: Once a user logs in or signs up, it takes them to their dashboard where they see an overview of what they can do with the app. It also shows the tasks that the user has been able to add to his/her to-do list.

Dashboard.png

Doit 2.png

Device view.png

Laptop 1.png

Task Page: The task page shows a summary of all the updated tasks that have been added to the dashboard. It also shows the number of tasks a user has even after deleting a task or tasks.

Task Screen.png

Delete Task.png

Add Task: These slides show what happens in the Add task process.

Category.png

Doit 4.png

Category.png

Personal.png

Category.png

Edit Task: When a user wants to edit his/her task, this is what happens.

Edit Task Page.png

Doit 4A.png

Doit 3A.png

Task Screen.png

Delete Task:

Desktop - 2.png

Desktop - 3.png

Delete task Page.png

Delete task Page (1).png

Delete Task (1).png

Reminder: The To-do list also gives the user the ability to set reminders for the tasks added.

Reminder Page.png

Riminder page 2.png

CHALLENGES:

The two major challenges we faced and hope to improve on are:

  1. Time constraints.
  2. Late communication with team members in other tracks.