0% found this document useful (0 votes)
13 views

Human Computer Interaction - ppt

Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views

Human Computer Interaction - ppt

Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 35

Semestral work

E-CLOTHES
MADE BY ELEONORA TODOROVA, ERASMUS+ STUDENT
Motivation
THE MOTIVATION OF E-CLOTHES IS TO DESIGN ONLINE
SHOP WHICH PURPOSE IS TO SELL DESIGNER CLOTHES
Product statement
Discover timeless elegance and contemporary style with our curated collection of
premium clothing. From sophisticated essentials to fashion-forward statement pieces,
our online store offers a diverse range of meticulously crafted garments designed to
accentuate your individuality. Embrace quality craftsmanship, luxurious fabrics, and
versatile designs that seamlessly transition from casual chic to effortlessly refined.
Elevate your wardrobe and express your unique fashion sensibility with our exclusive
selection of clothing that embodies sophistication, comfort, and unparalleled style."
Business requirements

E-commerce Platform
Product Catalog
User Accounts and Profiles
Secure Payment Gateway.
Shipping and Logistics
Inventory Management
Customer Support and Communication
Marketing and Promotion.
Analytics and Reporting
Compliance and Security
Limitations
Technical Challenges
Logistics and Shipping Constraints
Customer Trust and Satisfaction
Inventory Management and Stockouts
Balancing inventory levels and forecasting demand accurately can be challenging, leading to
stockouts or overstock situations.
Managing seasonal trends and fast-changing fashion preferences might result in excess or
obsolete inventory.
Cybersecurity and Data Privacy
Personas
We will define 3 persona types:
Emilia Ivanova (A)
Mark Christov (B)
Maria Georgieva (C)
Which will be modeling the final users.
Persona A
Name: Emilia Ivanova
Age: 25
Gender: Female
Hobbies: traveling, exploring new places, hiking and fashion
Typical day: Our fashion-forward traveler starts the day early at 7:30 to make the most of it. She begins
with a morning routine: skincare, a healthy breakfast, and a quick workout to energize herself. She goes
to work at 9am until 6pm, when she returns from work she might go for a quick shopping spree or visit a
boutique to explore new fashion finds. Evening plans vary. Some days she meets friends for dinner,
discussing travel plans and sharing fashion tips. 9pm wind-down time. She might relax by watching a
fashion documentary or reading a book about travel adventures. Occasionally, she plans her next travel
itinerary or updates her fashion blog with new content. 10:30pm is time for skincare routine and
bedtime. Before heading to sleep, she mentally plans her outfit for the next day and adds travel
destinations to her bucket list.
Short history: born and raised in a cosmopolitan city, developed a fascination for fashion from a young
age. During her teenage years, Emilia’s interest in fashion blossomed. She started a fashion blog as a
hobby, sharing her unique style, outfit ideas, and fashion tips. During her college years, Emilia's desire to
explore the world grew. She embarked on solo trips whenever possible, immersing herself in diverse
cultures. Upon graduating with a degree in Fashion Design and Marketing, Emilia landed a job at a
prestigious fashion agency. Outside of her job, Emilia continued to nurture her love for travel. She saved
up and strategically planned trips to fashion capitals like Paris, Milan, and Tokyo, soaking up the vibrant
fashion scenes and drawing inspiration for her work and blog content. She is kind, loving and hard-
working young lady.
Persona B
Name: Mark Christov
Age: 29
Gender: Male
Hobbies: video games, programming and gym
Typical day: Mark wakes up early and goes to gym for a proper start of the day. When his training finishes he goes
to work. He finishes with work around 5pm and when he comes home, he often plays video games and helps his
girlfriend with the cooking. After dinner he spends his free time by playing more games or journaling. 11pm it’s
time for sleep
Short history: Mark graduated programming high-school with excellent marks and found himself a proper work in
the IT sector. He enjoys working there and loves his girlfriend. One of his act to show appreciation of his girlfriend
is to make her surprises, she’s so into fashion and Mark always surprises her with clothes bought from online
shops.
Persona C
Name: Maria Georgieva
Age: 36
Gender: Female
Hobbies: traveling and journaling
Typical day: Maria starts his day with a simple routine—quickly getting ready without
paying much attention to her attire. She heads off to work. Maria's profession might not
directly relate to fashion; she could work in a technical or analytical field where attire isn't
a primary focus. Workday ends. Maria leaves the office, not bothering much about her
attire unless a formal dress code is required. She prefers comfort over style. 8pm: Dinner
and relaxation. She enjoys a home-cooked meal or takeout while unwinding in front of the
TV, catching up on news or watching a favorite show. 10:30pm is time for bedtime routine.
She prepares for bed without any skincare or elaborate rituals, opting for a straightforward
routine before calling it a night.
Short history: Maria Georgieva was born and raised in a suburban town where her family
prioritized practicality and functionality over fashion and trends. Growing up, she was
more interested in technology, problem-solving, and hands-on hobbies like tinkering with
gadgets and building models than in keeping up with the latest fashion. After completing
high school with top grades, Maria pursued a degree in Computer Science at a reputable
university. In her personal life, Maria remained true to her pragmatic nature. She preferred
functional and comfortable clothing, choosing attire based on ease and convenience
rather than style or fashion trends. Despite her disinterest in fashion and trends, Maria's
dedication to her career and her analytical mindset allowed her to thrive professionally,
contributing hier expertise to the ever-evolving tech industry. Her story exemplifies a focus
on practicality and technological prowess over the realm of fashion and style.
E-clothes user goals
On the top is landing page a selection clothes, news and banners
View clothes in categories
Detail and more photos for every cloth
Add cloth into cart
In the cart
Delete an item
Number of items
User login
Payment and shipping selection
Data check and order confirmation
List of UseCases and Scenarios on Home Page

Clothes selection by the categories


Clothes sorting by categories
News and advertising
Number of items in the cart
Remove (clear) items from the cart- from main page & from detail basket
Brief description and photos of each item
Add cloth into the cart
Cart page UseCases and
Scenarios
Clarify payment method
List of items in cart
Return to home page
Exit the site
User section UseCases and
Scenarios
User Account
Profile Management
Preferences and Settings
Order History and Transactions
Cloth section by the categories
USE CASE: SCENARIO:
THE MENU IS SHOWN HORIZONTAL
ON THE HOME PAGE:
Dresses Allows category selection
T-shirts If user focused on the item, the item is
highlighted
Jeans
If user click, the system shows mini menu with
Pants each items
Blazers/Jackets
Shirts
Other
Clothes sorting by categories
Use Case Scenario
Clothes are sorted by categories: The systems allows to be sorted
Price (price sorted by cheapest) System allows sorting and sorts as user prefers
Start rating (from lowest) The system shows filters
Name
The result will be ordered as the user selects
the sorting
News and advertising

USE CASE SCENARIO

On the homepage the user expects: On technical side:


Button for news and avertisments The information which will be added on the
page should be inserted
When clicking the button the user is
transferred to a page which shows all relevant Images
news and ads
Links
Number of items in the cart
USECASE SCENARIO

The user expects to see the items in their cart: The system shows cart button. When clicking
that button, the system should generate the
Number of items items:
Referal number of the item Photo of item should be added
Price Information about the item (price,quantity)
The total price should be highlighted
Remove (clear) items from the
cart
USECASE SCENARIO

The user expects to be easily navigated how to The system can allow removing(clearing) items
remove items from the cart
A button for removing (clearing) from the cart
By clicking a button the item should be should be created for each item
removed
By clicking the button, the item is
automatically removed
Brief description and photos of
each item
USECASE SCENARIO

The user expects to see an image and a The system should add the following:
description of each item on the site
Images of every item
Images
Price
Price
Availability if item is available or out-of-stock
Availability message if there is no availability
Description Add brief clarification of the item
Support rating
Add cloth into the cart
USECASE SCENARIO

The user expects to can add the item in the cart Add item to the cart should be supported by
the system:
By clicking a button
A button should be supported
When clicking that button the item is
automatically added into the cart
Clarify payment method
USECASE SCENARIO

The user expects to have options how to pay The system should allow the user to choose the
best option that suits them by creating 3
By clicking a button for card payment different buttons for each option
By clicking a button for bank transaction
By clicking a button to pay when the item is
delivered
List of items in cart

USECASE SCENARIO

The user expects: The systems shows:


Name, price and quantity of items Images of clothes selected, price and quantity
of the items
Change the quantity of the items in the cart
Allows to remove/add items by clicking a
To delete the cart button
Total price of the order A button to “continue with order”
Return to homepage
USECASE SCENARIO

The user expects to easily navigate through the The system should support a button to return
site by: to homepage
Clicking a button to go to the homepage
UseCase Scenario
The user expects: The system should allow the user to exit the

Exit the
A button to exit the site site easily by creating a button for that

By clicking that button the site is safely

site
exited
User Account

USECASE SCENARIO

The user expects to see on their user account The system should do the following:
page the following:
Save all user’s information
Data of account creation
Shows the data of the account
Name & credentials of the account
Saved information
Profile Management

USECASE SCENARIO

The user expects: The system should be created:


To change data in their profile Button for deleting account
To delete profile Button for possible changes in the account
To change shipment method
To change name of the account
Preferences and Settings

UseCase SCENARIO

The user expects: The system:


To have button for settings and by clicking that A special section for preferences and settings
button to be shown all settings and preferences should be created
and to choose how to manage it. The system should support different kind of
settings
Order
History
UseCase Scenario

The user expects: The system:


To have a button for seeing all order history and
transactions made from their profile
Should collect all data for order history and
transactions and show the date they were made and
Transactio
ns
Wireframes
List of wireframes:
Home Page Wireframe
Navigation Wireframe
Content Wireframe
Form Wireframe
Product Detail Wireframe
Grid System Wireframe
Contact us
About us

You might also like