Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
user experience design
user experience research
app wireframing
user interface design
teaser video
demo reel
onekarte
challenge
Paper name cards are considered the fastest and easily acceptable
way of initializing a relationship with someon...
solution
Leverage technology with respect to the traditional business card
culture/practices.
After some research, a handful of apps offer something similar to
the company’s idea were found. The idea seems similar, bu...
camcard8card linkedincardfull
competitors
eight card
https://8card.net
Free of charge for both application and text data input
Only allows 4 items up to 10 cards pe...
some eight card screen shots
1.
2.
3.
cardful
Offers two versions of service - paid and free.
Free has limit to OCR scanning of up to 10 cards per month.
Can be ...
some cardful screen shots
1.
2.
3.
1.
2.
3.
camcard
Offers free version and paid version (paid version removes the
ads in the app).
Have announced 50,000,000 users wor...
some camcard screen shots
1.
2.
3.
1.
2.
3.
Claims to have over 200 users worldwide
Considered as the largest SNS for professionals
Resumes are posted online
Bought C...
some linkedin app screen shots
1.
2.
3.
A Google survey with 25 participants (17 Males, 8 Females) was
conducted to truly understand what to build and who to buil...
1. What is your age?
2. What id your gender?
3. Which city / neighborhood do you live in?
4. What is your marital status?
...
1. What is your age?
2. What id your gender?
3. Which city / neighborhood do you live in?
4. What is your marital status?
...
sample quotes from users
"Are they really
interested in
what I’m talking
about?”
“Is he/she telling
the truth?”
“Should I ...
A-type user is someone who meets people to increase their leads
and broaden their growing network of opportunities. They h...
B-type user is a someone who is very ambitious and aspirational.
They are highly motivated and although they are introvert...
C-type user is a someone who is more mature and accomplished.
They usually attend networking events to find interesting
ind...
from the survey findings, the types of users are personified and
given life to relate to our target users
personas / archety...
35 yrs old | “Very Social”
"John”
+ Positive thinker
+ Anyone is a potential sale
+ Casual and very friendly to talk to
+ ...
25 yrs old | “Social when needed”
"Peter”
+Technically-oriented (most skills are
self-taught)
+ Looking for a cofounder / ...
55 yrs old “Casually social”
+ Self-made man
+ Very social, but very selective of friends
(Focuses on quality than quantit...
analyzing experiences on a step-by-step basis; mapping
everything that happens and see where opportunities could
present t...
typical system flowchart
during networking events
(Doing) A meets
B and greets
each other
A gets to know B A asks for B’s
c...
typical system flowchart
competitors in the mobile app department
Start
A
Take a
photo
B
Convert
from
photos
C
Card
Holder
...
typical system flowchart
continued
Start
A
Take a
photo
B
Convert
from
photos
C
Card
Holder
D
Login
C
Card
Holder
Save Card...
Convert paper business cards to digital. From a user’s point of
view, nothing else follows.
After exchanging information, ...
insights
Name cards are converted from paper to digital, not on
enhancing the interaction experience
Digital information i...
idea
use digital to make information valid / credible
apps can be used as tools to compliment the networking
experience, n...
digital interaction points
(Doing) A meets
B and greets
each other
A gets to know B A asks for B’s
contact
information
(Th...
challenge
Know enough valid and credible information on people you
just met
Give enough information to know someone, but n...
wireframes
from conceptualization to graphs, laying out visuals act as a
blueprint to serve as a walkthrough process of an...
AT&T 11:56 AM
Dashboard
SearchExchange
Trade Contact
Information
View list of
contacts
Search name
of contacts
Business Ca...
teaser video
30 second demo reel that explains the initial concept of onekarte
watch it now
app demo reel
beta version 0.8
watch it now
Upcoming SlideShare
Loading in …5
×

Onekarte Project: Beta version UX/UI with app demo

2,191 views

Published on

Onekarte is a startup I have co-founded that aims to bring back the value of personal meetup while leveraging on technology.

Since the project has started, I have learned so much from doing a lot of research, scrappy hands-on experience, and to run as lean as possible. All while acknowledging that I cannot do everything on my own. Throughout my journey, I have met amazing and talented people, but my journey has not ended. I know now that this is just half the battle. Due to some legal matters, I'm sharing an outdated version to everyone and hope that this serves as a guide to someone who is on the same boat as I am.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Onekarte Project: Beta version UX/UI with app demo

  1. 1. user experience design user experience research app wireframing user interface design teaser video demo reel onekarte
  2. 2. challenge Paper name cards are considered the fastest and easily acceptable way of initializing a relationship with someone (exchanging personal information). This is true, but paper has its limits as well. In a hyper-connected, digitized society, people have maximized the exposure of an individual through social media / internet. This connection has now lead us to have abundant connections, but even fewer real relationships (quantity over quality).
  3. 3. solution Leverage technology with respect to the traditional business card culture/practices.
  4. 4. After some research, a handful of apps offer something similar to the company’s idea were found. The idea seems similar, but executions vary. For the most part, they offer similar functionality that offers impersonal solutions to the personalization that paper cards offer. Looking at several categories such as total number of downloads, page rankings, popularity on the app store, and other critierias, four were picked to be given a closer look. competitive analysis
  5. 5. camcard8card linkedincardfull competitors
  6. 6. eight card https://8card.net Free of charge for both application and text data input Only allows 4 items up to 10 cards per day. All encoding is done manually. Provides SNS integration with facebook
  7. 7. some eight card screen shots 1. 2. 3.
  8. 8. cardful Offers two versions of service - paid and free. Free has limit to OCR scanning of up to 10 cards per month. Can be integrated with EverNote. OCR function of the app is very poor.
  9. 9. some cardful screen shots 1. 2. 3. 1. 2. 3.
  10. 10. camcard Offers free version and paid version (paid version removes the ads in the app). Have announced 50,000,000 users worldwide. No registration required to use the app. Saving the cards would require to register. Does not have geocoding information inside. https://www.camcard.com/
  11. 11. some camcard screen shots 1. 2. 3. 1. 2. 3.
  12. 12. Claims to have over 200 users worldwide Considered as the largest SNS for professionals Resumes are posted online Bought CardMunch to get into the digital business card market penetration Still uses manual conversion of card information Non-English text conversion is limited linkedin www.linkedin.com
  13. 13. some linkedin app screen shots 1. 2. 3.
  14. 14. A Google survey with 25 participants (17 Males, 8 Females) was conducted to truly understand what to build and who to build the app for. 19 questions were asked, 7 were designed as distractors. Findings from the 12 questions were used to understand who to build it for and what to build first. Three user types were identified. user research
  15. 15. 1. What is your age? 2. What id your gender? 3. Which city / neighborhood do you live in? 4. What is your marital status? 5. What is the nature/field of your work? 6. How often do you give out your contact information to people you newly meet? 7. Which setting do you usually give your contact information? 8. When meeting new people, when do you finally decide to give your contact information? 9. With the new people you meet, how often do you ask for their contact information first? 10. What is the ideal situation you give out your contact information? 11. What are the problems you face when meeting new people? 12. When you are meeting new people, do you: (a) approach him/her first (b)Wait to be approached (c)Join the conversation (d) Other 13. What phone brand are you currently using? 14. Are you in the market of buying a new phone? 15. What SNS profiles do you have? 16. Among your social media profiles, which one do you regularly check or use? 17. What apps do you regularly use? 18. Do you know any digital business cards available? If yes, which one would you most likely use? 19. When you download a new app, how likely would you share it to people? questionnaire
  16. 16. 1. What is your age? 2. What id your gender? 3. Which city / neighborhood do you live in? 4. What is your marital status? 5. What is the nature/field of your work? 6. How often do you give out your contact information to people you newly meet? 7. Which setting do you usually give your contact information? 8. When meeting new people, when do you finally decide to give your contact information? 9. With the new people you meet, how often do you ask for their contact information first? 10. What is the ideal situation you give out your contact information? 11. What are the problems you face when meeting new people? 12. When you are meeting new people, do you: (a) approach him/her first (b)Wait to be approached (c)Join the conversation (d) Other 13. What phone brand are you currently using? 14. Are you in the market of buying a new phone? 15. What SNS profiles do you have? 16. Among your social media profiles, which one do you regularly check or use? 17. What apps do you regularly use? 18. Do you know any digital business cards available? If yes, which one would you most likely use? 19. When you download a new app, how likely would you share it to people? questionnaire who are the users? behavior / need / emotion emotion knowledge
  17. 17. sample quotes from users "Are they really interested in what I’m talking about?” “Is he/she telling the truth?” “Should I trust this person?” “I don’t know what to say” “Will they give me their number?” “Did I make a good impression?” "Are we really going to get along?”
  18. 18. A-type user is someone who meets people to increase their leads and broaden their growing network of opportunities. They hold positions that represents the company they work for. They are highly social individuals, and are taking advantage of the most common social networking sites around. Males, average age of 35 years old survey findings
  19. 19. B-type user is a someone who is very ambitious and aspirational. They are highly motivated and although they are introverted by nature, they try to be as social as possible to find their cofounder or potential investor. Some of them also socialize to show their self-acquired skill sets and work at a startup company. Males, average age of 25 years old survey findings
  20. 20. C-type user is a someone who is more mature and accomplished. They usually attend networking events to find interesting individuals or broaden their network of other accomplished individuals. Most of them are positive thinkers, but are conservative to moderate type when it comes to investing their time and effort with someone. They are looking for other ways to grow their wealth, and want a part of the tech bubble. Mostly Males, Average age of 55 years old survey findings
  21. 21. from the survey findings, the types of users are personified and given life to relate to our target users personas / archetypes
  22. 22. 35 yrs old | “Very Social” "John” + Positive thinker + Anyone is a potential sale + Casual and very friendly to talk to + Likes talking to local business-owners + Can talk about anything for hours + Find some work/life balance
  23. 23. 25 yrs old | “Social when needed” "Peter” +Technically-oriented (most skills are self-taught) + Looking for a cofounder / investor + Hardworking, but stubborn at times + Attends meet ups to advertise their work + His personal life is still his work life + Works hard, and plays hard too + Can be immature at times
  24. 24. 55 yrs old “Casually social” + Self-made man + Very social, but very selective of friends (Focuses on quality than quantity) + Looks for interesting people at events + Aims to broaden his network of other successful individuals + Seeks ways to grow his money + Likes the finer things in life + Outgoing and adventurous "Cliff”
  25. 25. analyzing experiences on a step-by-step basis; mapping everything that happens and see where opportunities could present themselves user flows
  26. 26. typical system flowchart during networking events (Doing) A meets B and greets each other A gets to know B A asks for B’s contact information (Thinking) How credible is he/she? (Feeling) Do they trust me? A asks somebody else for B’s contact info Look online Leaves and encodes information Send follow-up email Gives to secreatary and encodes the info Leaves the conversation B gives A contact information B asks for A for his card / contact information A+B puts away the card or confirm contact info (give someone a ring) Give? N Y N Y N Y Continue conversation? Network some more? Start End
  27. 27. typical system flowchart competitors in the mobile app department Start A Take a photo B Convert from photos C Card Holder D Login A Take a photo Camera Opens Take a picture Image enhancement OCR Conversion Save to Card Holder Edit Card (check conversion) C Card Holder Card edges detected? N Y Save Card? N Y Select Image Image enhancement OCR ConversionEdit Card (check conversion) B Convert from photos Grant access to Photos? Y N Save to Card Holder C Card Holder Save Card? Y N
  28. 28. typical system flowchart continued Start A Take a photo B Convert from photos C Card Holder D Login C Card Holder Save Card? Authorize app? Y Y N N Save to Card Holder SNS Added Select Card Edit Card Call / Text / Email functions Add SNS D Login D Login Register Input to database Confirm Access online database Current member? N Y Credentials OK? N Y Valid credentials ? N Y Perform other permitted functions (i.e interact with other information, import, sort, etc)
  29. 29. Convert paper business cards to digital. From a user’s point of view, nothing else follows. After exchanging information, the connection feels static, distant and impersonal. Value proposition is all too similar (another clone of another competitor). common theme
  30. 30. insights Name cards are converted from paper to digital, not on enhancing the interaction experience Digital information is not utilized properly in presenting information (either too much or too little) Interaction is based on business alone; personal connection is sometimes ignored
  31. 31. idea use digital to make information valid / credible apps can be used as tools to compliment the networking experience, not to replace it
  32. 32. digital interaction points (Doing) A meets B and greets each other A gets to know B A asks for B’s contact information (Thinking) How credible is he/she? (Feeling) Do they trust me? A asks somebody else for B’s contact information Look online Leaves and encodes information Send follow-up email Gives to secreatary and encodes the info Leaves the conversation B gives A contact information B asks for A for his card / contact information A+B puts away the card or confirm contact info (give someone a ring) Give? N Y N Y N YContinue conversation? Network some more? Start End opportunities to take advantage of
  33. 33. challenge Know enough valid and credible information on people you just met Give enough information to know someone, but not too much information
  34. 34. wireframes from conceptualization to graphs, laying out visuals act as a blueprint to serve as a walkthrough process of an application; this gives the whole team a better understanding of how the end product is going to look like from the end-user’s point of view
  35. 35. AT&T 11:56 AM Dashboard SearchExchange Trade Contact Information View list of contacts Search name of contacts Business Card This is your default card to share with people Contacts AT&T 11:56 AM My Card Exchange Business Card First Name LName Company (123) 456 - 7899 email@email.com job title Edit AT&T 11:56 AM My Card SearchExchange Business Card First Name LName Company (123) 456 - 7899 email@email.com job title Contacts Edit Turn On Bluetooth to Allow Exchange of Cards? Settings Cancel 1 2 The same could also be applied by tapping the ‘Share’ button at the lower left corner if the screen once a card is selected. Deck no. 8: Exchange Function Low Firdelity mockups / wireframes Bluetooth must be turned on to make this work. Settings option should take user to Bluetooth settings to turn on Tap the Exchange shortcut from the dashboard
  36. 36. teaser video 30 second demo reel that explains the initial concept of onekarte watch it now
  37. 37. app demo reel beta version 0.8 watch it now

×