Screener survey and user interviews

Even though survey reached only few people, it gathered useful information:

• Users receive much more parcels than send them
• Survey didn't catch businesses who send parcels
• Not many people have printer available
• Young adults were familiar with mobile payments and credit/debit cards
• Parcel locker was favored over home delivery
• Low cost was favored over fast delivery
• If package arrives when person is not home, sending parcel to nearest post office were favored over leaving parcel outdoor or arranging new delivery time

Preferred loyalty offers when receiving parcels:

• Get loyalty points by ordering via app
• Every nth order via app is free delivery
• % discount for prepaid x amount of orders

Preferred loyalty offers when sending parcels:

• Send higher amount of packages for less cost
• Send heavier packages for less cost
• Send packages cheaper on days with less traffic

User comments:

• Allow me to track drone
• I order heavy objects more often directly to home
• Leaving parcel outside is bad due winter weather conditions

Vendor persona

Calle is a restaurant owner and cook
who needs profitable way to sell and deliver foods and drinks to customers
because less people are eating inside his restaurant due the increased remote work.

Client persona

Larry is a busy/lazy student
who needs a way to order food and groceries to his home
because he wants to avoid grocery shopping and cooking.

How Might We
Deliver hot and cold items to customer by using drones at long distances?

Explore features of competitors' websites and mobile applications to pick best ideas for our own service and analyze the current state and maturity of drone delivery industry in Finland.

Contains summary of the results

Competitors were evaluated in the following categories:

• General information
  • Competitor type: (direct or indirect)
  • Location(s)
  • Product offering
  • Price ($ - $$$$)
  • Website
  • Business size (small, medium, large)
  • Target audience
  • Unique value proposition
• User experience
  • First impressions
    • Desktop website experience
    • App or mobile website experience
  • Interaction
    • Features
    • Accessibility
    • User flow
    • Navigation
  • Visual design
    • Brand identity
  • Content
    • Tone
    • Descriptiveness

Scenario: Loyalty app allows users to order food and groceries while getting benefits and offers

Storyboard (big picture)

Storyboard (close-up)

Interactive Lo-Fi prototype in Figma

Research method

• 5 participants were recruited to try out Figma prototype
• Study was observed and recorded Teams meeting
• Participants had several tasks to complete in app
• Qualifying questions were also asked

Data collected

• Click path
• Task completion (easy / difficult / not completed)
• User comments
• Other observations

1. It was observed that 2 out of 5 participants didn’t understand all words in application. This means that we have to add language options.
2. It was observed that 4 out of 5 participants were satisfied about current coupon options. This means that we are keeping these three options available.
3. It was observed that 2 out of 5 participants suggested extra benefit types like quantity discount and expiring products discount. This means that we will be adding these into app.
4. It was observed that 5 out of 5 participants found suitable payment method to complete purchase. This means that additional payment methods are not crucially needed at this point.
5. It was observed that 5 out of 5 participants had suggestions for extra payment methods. This means that we could consider adding contactless payment at pickup, direct bank transfer, email invoice or debit cards.
6. It was observed that 2 out of 5 participants used benefits through account navigation. This means that we have to keep direct link to benefits in account setting but also in button navigation.
7. It was observed that 1 out of 5 participants found path to first select benefits coupon and then go shopping. This means that we have to consider keeping this option available although it’s possible to add coupons directly in shopping cart at checkout.

1. Based on the theme that: some users have limited English skills,
   an insight is: they need option for their native language.
2. Based on the theme that: users were satisfied with current loyalty benefits and proposed some new ones,
   an insight is: keeping the existing benefits but also exploring additional discount types.
3. Based on the theme that: most of the users found a suitable online payment method but also proposed new ones,
   an insight is: keeping the existing ones but also exploring additional payment options.
4. Based on the theme that: some users tried to find discount coupons under the account settings,
   an insight is: there should be a direct link to benefits tab.
5. Based on the theme that: one user tried to activate coupon before adding items to shopping cart,
   an insight is: users should have ability to check and choose loyalty benefits before shopping.

Beside visual updates like colors, fonts and images some UI updates were made based on usability study results:

• Language selection was added to top bar
• Search results contain rescue food with greater discounts

Mockup (Figma)

Interactions and animations were added to mockup seen in previous card. This high-fidelity prototype was tested with three users by utilizing moderated usability and system usability scale.

Insights

1. Based on the theme that: navigation was already easy to use but one user had difficulties with bottom navigation because low contrast, an insight is: adding colors and fonts didn’t mislead users but we should check the text and icon contrast.
2. Based on the theme that: item added to cart notification always disappeared before the user clicked it, an insight is: notification show time must be longer.
3. Based on the theme that: users were satisfied with a variety of filters, an insight is: we don’t need to add extra filters for search.
4. Based on the theme that: users found familiar current payment methods among current ones but suggested some new ones, an insight is: current options are enough but we could consider adding direct bank transfer and telephone bill payments.
5. Based on the theme that: most of the users found current benefit coupons useful but suggested ‘free cookie coupon’, an insight is: we should keep the current ones but consider adding a free single item coupon.
6. Based on the theme that: most of the users found current benefit coupons useful but suggested ‘free cookie coupon’, an insight is: we should keep the current ones but consider adding a free single item coupon.
7. Based on the theme that: in general users considered the app fresh, easy to use and typical among other food ordering applications, an insight is: app layouts, navigation and visual style is success.

SUS

• Making purchase was easy (33% 4, 66% 5)
• I could find this app useful (33% 4, 66% 5)
• Adding payment methods was easy (33% 4, 66% 5)
• I feel confident making purchase through app (33% 3, 33% 4, 33% 5)
• Loyalty benefits were useful and encouraging (33% 4, 66% 5)
• The shopping app looks fresh (66% 4, 33% 5)


• Screens in app are inconsistent (66% 1, 33% 2)
• It was difficult to find buttons (33% 1, 33% 2, 33% 5)
• There were no suitable payment method for me (66% 1, 33% 3)
• I didn’t feel confident using this app (33% 1, 66% 2)
• Loyalty benefits felt negligible (66% 1, 33% 3)
• The shopping app didn’t seem fresh (33% 1, 33% 2, 33% 3)

Colors, fonts, icons, and reusable components were added to Figma sticker sheet. Font and color styles are also editable in Local styles side panel.

1. User tries to find as cheap motorcycle as possible
2. User orders products by price and lowest first
3. User doesn’t want to make additional customizations
4. User chooses out of the box model
5. User wants to pay with MobilePay but the maximum amount is set to 2 000 €
6. User chooses installment option
7. User retrieves the bike from nearest reseller

1. User browses through different models but is not pleased by equipment level
2. User tries out the editing mode and chooses parts for his motorcycle
3. User chooses strong engine type, long battery life and other appearance details
4. User pays the order at desk when receiving the motorcycle from nearest reseller

1. User browses through pre-assembled models but does not find fitting model for his needs
2. User goes to online editor to choose parts and finishing himself
3. User chooses short to mid-range battery and other appearance details
4. User pays with email invoice and utilizes the VAT deduction through his company
5. User received the motorcycle delivered to his front yard

Prototype in Figma

Methods

Prototype was tested with four users completing tasks under the observed usability study.

• Task 1: Build motorcycle and add it to cart
• Task 2: Complete the purchase
• Task 3: Check previous orders
• Task 4: Edit recent order
• Task 5: Find who is the CEO of the company
• Task 6: Find how many new products there is in the store

After completing the observed usability study users were asked to fill system usability scale (SUS) form ranging from strongly disagree to strongly agree. The survey also contained additional questions about payment methods and free comments.

• Making purchase was easy (scale 1-5)
• Using the service was fluent (scale 1-5)
• I didn’t understand what I was doing (scale 1-5)
• Overall, how did the online store look and feel? (write)
• What payment methods do you prefer when shopping online? (tick all that applies)
• What logo mostly represents the electronic motorcycle shop? (choose)

Results

• All users managed to make purchase
• All users found orders through Account menu
• All users found information about company personnel through About menu
• All users found that new products are listed under Products menu
• Some users proposed confirmation screen when adding customized motorcycle into shopping cart
• Confirmation screen was added into prototype
• Some users had difficulties when finding and editing order
• Order history links were modified to seem clickable

We had a critique session about the design in classroom and everyone on the design course had chance to present and give feedback about each other’s web apps.

Main critique received was about the side scrolling element in motorcycle editor (3rd image).

Based on feedback it was redesigned to use accordion component (1st & 2nd images). This helps user to see all available modifications more clearly, saves space and prevents repetition.

Figma (Desktop)  Figma (Mobile)

Functioning e-motorcycle editor can be tested on GitHub pages

Interview questions

• As photographer, what's your workflow when capturing events such as weddings?
• Do you also capture videos?
• How do you share photos and videos to the couple or other participants?
• Do you use photo sharing applications?
• What other platforms do you use to manage your business?
• What features help you most with your business?

• As fiancé/fiancée or other event organizer, how do you plan to capture photos during the event?
• Are you also planning to capture video?
• How do you wish photos and video to be delivered?
• Are you planning to use event organizing or photo sharing app?
• What features could be useful to organize event?
• What features could be useful to share and order photos?

Additional research on YouTube

• Recommended tools for photographers
• Best practices and workflows
• Available platforms

Photographer persona

Grace is professional photographer
who needs online gallery
to show event photos for clients.

Event organizer persona

Olivia is event organizer
who needs photos of her wedding
to capture and share the memory.

Goals: Explore available online platforms for professional event photographers to share their photos with clients.

Methods: Features, service model and pricing of 5 competitors were explored (SmartSlides, Pic-Time, AlbumWorks, HoneyBook and ShootProof)

Report summary:

• Online galleries are most likely SaaS based web-apps
• Slideshows and gallery views for sharing are supported
• Some of the platforms also support videos and GIFs
• Integrated store for customers to choose and purchase photos
• Prices range from 7 to 80 USD per month
• Discounted annual subscriptions compared to monthly plans
• Integrations to other platforms like blog, email, accounting and calendar

How might we present the event photos for clients on our website?

1. Slideshow from images with music
2. Photo grid fitting the page size
3. Mockup products for photo
4. Horizontal scrolling timeline for ach date
5. Gallery and QR code to join as photographer
6. Vertical scrolling timeline with time stamps
7. Avatar gallery to see photos taken by each guest and see event through their eyes
8. Large image view to see photo credits, licenses, comments and add photo to favorites