From d97e967eaff9f035c82963d29b178cded07770e9 Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:19:57 +0530 Subject: [PATCH 1/7] Update readme.md: add table of contents, screenshots etc --- book community application/readme.md | 39 +++++++++++++++++----------- 1 file changed, 24 insertions(+), 15 deletions(-) diff --git a/book community application/readme.md b/book community application/readme.md index 02c2cfc..b575820 100644 --- a/book community application/readme.md +++ b/book community application/readme.md @@ -2,34 +2,43 @@ ## UI-UX Case Study -### Problem Statement - +### Table of Contents +1. [Problem Statement](#problem-statement) +2. [Challenges](#challenges) +3. [Solution](#solution) +4. [Design Principles](#design-principles) +5. [Design Screenshots](#design-screenshots) + +### Problem Statement Designing the UI for a book community application for readers to address challenges in user engagement, discoverability, community building, and personalization. -### Challenges - +### Challenges 1. **User Engagement:** Lack of an engaging and intuitive UI hinders readers from connecting with others who share similar literary interests. - 2. **Discoverability:** Readers struggle to discover new books and authors aligned with their preferences, limiting the diversity and excitement in their reading lists. - 3. **Community Building:** Establishing a sense of community is crucial for interaction, discussion, and collaboration among users. - 4. **Personalization:** Readers' unique preferences require a personalized UI experience to tailor the application to their individual needs and interests. -### Solution - +### Solution Story Haven addresses these challenges by providing a user-centric platform that not only connects individuals but also enhances their reading experience through personalized book suggestions. -### Design Principles - +### Design Principles 1. **User-Centric Design:** Prioritizing user needs and preferences throughout the design process. - 2. **Simplicity and Intuitiveness:** Ensuring a user-friendly interface that promotes a positive experience and easy navigation. - 3. **Visual Appeal:** Employing an aesthetically pleasing design reflecting the joy of reading and fostering a sense of community. - 4. **Personalization:** Tailoring user interactions based on individual preferences for a unique and engaging experience. -### Design Link: +### Design Screenshots Explore the designs for different pages on Figma [here](https://www.figma.com/file/pp4bNO3tyHfmRn10eCYqbO/Book-community?type=design&node-id=0%3A1&mode=design&t=xz3Tv0x8f1UaZkfW-1). + +**Screenshot 1: Home Page** +![Home Page](insert_home_page_screenshot_link_here) + +**Screenshot 2: Book Discovery** +![Book Discovery](insert_book_discovery_screenshot_link_here) + +**Screenshot 3: Community Forum** +![Community Forum](insert_community_forum_screenshot_link_here) + +**Screenshot 4: User Profile** +![User Profile](insert_user_profile_screenshot_link_here) From 82db735749105aba0085f6286c9dac5184a2972f Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:23:37 +0530 Subject: [PATCH 2/7] Update readme.md --- book community application/readme.md | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/book community application/readme.md b/book community application/readme.md index b575820..0a1f66f 100644 --- a/book community application/readme.md +++ b/book community application/readme.md @@ -31,14 +31,18 @@ Story Haven addresses these challenges by providing a user-centric platform that Explore the designs for different pages on Figma [here](https://www.figma.com/file/pp4bNO3tyHfmRn10eCYqbO/Book-community?type=design&node-id=0%3A1&mode=design&t=xz3Tv0x8f1UaZkfW-1). -**Screenshot 1: Home Page** -![Home Page](insert_home_page_screenshot_link_here) +**Screenshot 1: Login Page** +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/cecd5fc0-f70e-494c-b555-3681327f703e) + **Screenshot 2: Book Discovery** -![Book Discovery](insert_book_discovery_screenshot_link_here) +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/62880565-81f0-41df-9561-8c1a9d693e9e) + + +**Screenshot 3: Clubs joined page** +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/7bae88b7-7b94-403c-9808-9707966b72c2) -**Screenshot 3: Community Forum** -![Community Forum](insert_community_forum_screenshot_link_here) **Screenshot 4: User Profile** -![User Profile](insert_user_profile_screenshot_link_here) +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/c8d808bc-5907-4b24-9bbd-4538c341f4ca) + From caea5333242933324f9ef4bd1b780ca8166b45bf Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:24:36 +0530 Subject: [PATCH 3/7] Update readme.md --- book community application/readme.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/book community application/readme.md b/book community application/readme.md index 0a1f66f..d0f692c 100644 --- a/book community application/readme.md +++ b/book community application/readme.md @@ -32,17 +32,21 @@ Story Haven addresses these challenges by providing a user-centric platform that Explore the designs for different pages on Figma [here](https://www.figma.com/file/pp4bNO3tyHfmRn10eCYqbO/Book-community?type=design&node-id=0%3A1&mode=design&t=xz3Tv0x8f1UaZkfW-1). **Screenshot 1: Login Page** +
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/cecd5fc0-f70e-494c-b555-3681327f703e) **Screenshot 2: Book Discovery** +
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/62880565-81f0-41df-9561-8c1a9d693e9e) **Screenshot 3: Clubs joined page** +
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/7bae88b7-7b94-403c-9808-9707966b72c2) **Screenshot 4: User Profile** +
![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/c8d808bc-5907-4b24-9bbd-4538c341f4ca) From 9de3dfd021d1385d0e466c4fbf573ff8c097ec58 Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:30:27 +0530 Subject: [PATCH 4/7] Create create_or_leave_club.md --- book community application/create_or_leave_club.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 book community application/create_or_leave_club.md diff --git a/book community application/create_or_leave_club.md b/book community application/create_or_leave_club.md new file mode 100644 index 0000000..af90929 --- /dev/null +++ b/book community application/create_or_leave_club.md @@ -0,0 +1,7 @@ +Create club: +
+![Screenshot 2024-01-28 232741](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/2237b27e-eec9-4e2e-8db2-747bdd5f1641) +
+Leave club: +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/410dee8a-3336-4266-a83e-23bb67529d37) From 29b7892dc04a8b89d406f2795d60ac3a3ad76093 Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:31:41 +0530 Subject: [PATCH 5/7] Create Club_details page.md --- book community application/Club_details page.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 book community application/Club_details page.md diff --git a/book community application/Club_details page.md b/book community application/Club_details page.md new file mode 100644 index 0000000..767b3d1 --- /dev/null +++ b/book community application/Club_details page.md @@ -0,0 +1 @@ +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/a1299874-15b1-4f32-9761-58ea5a216919) From 8fa3a83f0601f90288ebaced8f2389bbb3e2c030 Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:35:30 +0530 Subject: [PATCH 6/7] Create View_follow_Profiles.md --- book community application/View_follow_Profiles.md | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 book community application/View_follow_Profiles.md diff --git a/book community application/View_follow_Profiles.md b/book community application/View_follow_Profiles.md new file mode 100644 index 0000000..9813c8c --- /dev/null +++ b/book community application/View_follow_Profiles.md @@ -0,0 +1,8 @@ + +#### Page Overview +This page enhances the social aspect of Story Haven, allowing users to explore and follow profiles of other readers within the community. This feature promotes interaction, fosters connections, and enriches the overall reading experience by providing insights into the reading preferences and activities of fellow community members. + +#### Design Screenshots + +**Screenshot: Profile Viewing and Follow Functionality** +![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/986c80c5-a833-4ed3-b58c-2eb434a63275) From 0e0f684fc77a740ed857e2aacd08ca89a3ce4bc9 Mon Sep 17 00:00:00 2001 From: Aananditaa <122295513+Tech-neophyte@users.noreply.github.com> Date: Sun, 28 Jan 2024 23:39:00 +0530 Subject: [PATCH 7/7] Create quotes.md --- book community application/quotes.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 book community application/quotes.md diff --git a/book community application/quotes.md b/book community application/quotes.md new file mode 100644 index 0000000..f270608 --- /dev/null +++ b/book community application/quotes.md @@ -0,0 +1,7 @@ +#### Page Overview +The `Book_Quotes_Page` is a dedicated space within Story Haven where users can discover and share their favorite book quotes. This feature aims to celebrate the essence of literature by allowing readers to express and connect through impactful quotes from their most cherished books. + +#### Design Screenshots +**Screenshot: Quote Display and Sharing Interface** +
+![image](https://github.com/Tech-neophyte/UI-UX-Case-Studies/assets/122295513/6bcd6b52-a1d7-42e4-9fe4-91695c568ee5)