Improve the UI/UX improvement

[Suryansh1720001]

Is your feature request related to a problem? Please describe.

Enhance the UI/UX of the application to create an appealing user experience by implementing aesthetically pleasing design elements, such as improved buttons and other components, in a consistent and visually engaging style.

Describe the solution you'd like

Improve the user interface and user experience (UI/UX) of the application.

Describe alternatives you've considered

No response

Additional context

Please provide me with the template for the issue mentioned so that we can assign it to you accordingly.

Code of Conduct

• I agree to follow this project's Code of Conduct

[Ashok-Kumar-dharanikota]

Hi @Suryansh1720001 , I would like to work on this issue. As a user also, i noticed a few UI/UX enhancements in the application. I got a few ideas to add as a feature to the application. That would definitely create a better experience to the user. First i would like to work on this. later I would share my ideas to you. If you find it also good then we move forward.

My previous work:
This is my first Android application project i done for my friends. I didn't like to compromise on UI/UX that time even i am beginner that time. If you find my work Well. I would like to work on this issue. Please assign me under GSSOC 23.

Thank you 😊

[Suryansh1720001]

@Ashok-Kumar-dharanikota
This link is not working

[Ashok-Kumar-dharanikota]

I think, it's okay now. Please check.

[priyanshu942]

I would like to work on this issue under Gssoc

[Ashok-Kumar-dharanikota]

Hello @Suryansh1720001,

I wanted to inform you that I am currently focusing on enhancing the UI/UX of our project. To begin with, I have started implementing a splash screen with an animated effect, rather than a static one. This change aims to provide a more pleasing and responsive experience for the users. Furthermore, I plan to make modifications to other layouts as well. However, the UI layout that I have in mind requires significant code changes in both XML and Kotlin. It involves a combination of UI improvements and the addition of new features or enhancements to existing ones.

I believe it would be best to tackle these changes one by one, as attempting to work on all the files simultaneously might make debugging more challenging. If you appreciate the animation effect and would like to proceed with it, please let me know, and I will create a pull request (PR) accordingly.

Rest assured, I will keep you updated on the progress of my next PR that I am currently working on.

Thank you.

Screenrecorder-2023-06-02-21-17-44-376.mp4

[shreeja5060]

I understand that the project team may have limited resources and priorities to manage, but I believe that addressing this issue would greatly benefit the community and attract more users to [Project Name]. By improving the UX/UI, we can provide a more seamless and enjoyable experience for both existing and future users.

[Suryansh1720001]

@Ashok-Kumar-dharanikota
I appreciate the current design of the splash screen, but I would prefer it to have a book-opening style with Taaveez written on that rather than the dynamic effect it currently has.

[shreeja5060]

Ok can I start working on it?

…

On Wed, Jun 7, 2023, 7:17 PM Suryansh Prajapati ***@***.***> wrote: @Ashok-Kumar-dharanikota <https://github.com/Ashok-Kumar-dharanikota> I appreciate the current design of the splash screen, but I would prefer it to have a book-opening style with Taaveez written on that rather than the dynamic effect it currently has. — Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2E5QN4M42UUOR7L5UEFKZDXKCBAXANCNFSM6AAAAAAYVLN27A> . You are receiving this because you commented.Message ID: ***@***.***>

[Ashok-Kumar-dharanikota]

Hi @Suryansh1720001 ,

thanks for sharing your feedback. I also found some relevant designs like you mentioned. Did you want it as static or dynamic?

here's the link : lottiefiles

you will find different types of high-quality designs. I found some relevant designs as you mentioned. But it would be better if you would suggest any particular one So I will replace the current design with a new one.

[Ashok-Kumar-dharanikota]

Hi @shreeja5060 ,

It's really good to see your passion and love for open-source contribution. I don't have any problem if you are willing to work on this issue. in case it really helps us to resolve this issue faster if we could share this work. I truly appreciate your suggestions @Suryansh1720001 on this thing.

[Krishnaraj-shankar]

Is the issue still open?

[Ashok-Kumar-dharanikota]

Hi @Suryansh1720001,

In the item_poem.xml file, I noticed some UX issues that need attention:

1. Date: Currently, we are displaying the complete time in the application. However, users are less likely to care about the specific time. Instead of the DD/MM/YYYY - HH:MM:SS pattern, it would be more effective to use either MM/YYYY or DD/MM/YYYY. This change will not affect important elements like the title and subtext.

2. It is beneficial to provide options for delete, edit, and share functions. However, as the number of items (poems) increases, it can become cumbersome for users to see icons for each item. To address this, I have only included the share button. By long-pressing on an item, users can choose to delete one or multiple items at a time instead of clicking on individual delete icons.

3. It is a common practice to include an edit icon when clicking on an item takes the user to the editing section. This will allow users to easily modify their poems or perform other necessary edits.

I have made modifications to the UI design and I am sharing it with you. Please let me know if you approve of the changes. If you have any suggestions for further modifications, please feel free to share them.

Thank you.

[Suryansh1720001]

Hello @Ashok-Kumar-dharanikota
I appreciate your design for the updated theme of the item box. Here are some points to consider:

1. Date Format: Please use the DD/MM/YYYY format.
2. Multiple Deletion: Implementing a long press functionality for deleting multiple items is good.
3. Image in the Right Corner: What does the image in the left corner represent?
4. Item Description: It seems you have written some words from the content on the item itself, hence the "Read More..." text shown in the item. Is it right?
5. Theme Consistency: Please ensure that the item box matches the app theme, as the issue is related to UI/UX improvement. You can also update the theme if you have a better option for the overall application.

Additionally, I have a suggestion for you. Consider implementing two types of items. The first type would be a simple item that is readily available within the application with only a heading text. The second type would be a detailed view item, which allows users to view a portion of the content like "Read More" Text. To achieve this, you can adopt the concept of invisible/visible views commonly used in Android development. The two types of items can be accessed through a pop-up menu, offering the options of "Normal View" and "Detailed View".

[Ashok-Kumar-dharanikota]

Hi @Suryansh1720001 ,

Thanks for your suggestions. I definitely will work on it.

I have one query.

3rd point : Can I know, what you mean by image left? The reason i added the imageview. If the user writes a poem or any note about traveling, nature, art, or his memories with his friends or family. When he read the poem again after sometime it will help him to recall his memories, and feel the full vibe out of it by seeing the image also. It would be so different and a new experience to the user. The design is just demo purpose not the permanent design. Few modifications maybe occurred later.

[Suryansh1720001]

@Ashok-Kumar-dharanikota
I'd like to clarify the image used in the item. Is it the image provided by the user during the content addition, or is it something different?

[Ashok-Kumar-dharanikota]

@Suryansh1720001 Okay I got it.

When the user clicks on a new item, when he forgot to add any image. By default the application will add random image(relevant images like Books, a person sitting next to the window writing something while outside is raining etc) from drawable folder. We also providing such collection of images, helps user to categorise the items. And Please let me know about the Splash Screen one. Should I replace the current design with any particular one. Either static or dynamic design?

[Suryansh1720001]

Great work @Ashok-Kumar-dharanikota!
Just to update you, one contributor has already raised PR-52 regarding the splash screen. Additionally, I have a request to modify the design of the splash screen. If the contributor for PR-52 is unable to make the necessary changes, I will create a new issue and then all contributors can comment on it. I will assign the issue accordingly. Therefore, I would like you to prioritize working on the issue - item update. We can discuss the specifics of the splash screen later on.

[Suryansh1720001]

@Ashok-Kumar-dharanikota
Any update?

[Ashok-Kumar-dharanikota]

Hi @Suryansh1720001 ,

I am done with the new Design part of the App. I am also thinking to share the modified design with you to take your feedback. Please share any updates or enhancements in the design. Now I have to connect the new design with the Kotlin code. I am working on it. i followed the 2-color patterns. When the app is first opened it has two main colors. one is white and the other one is blue(little gradient). when the user shifts to activity_notes it changes to different color combinations. I want to continue this 2-color code pattern. Is it Okay for you?