Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UX14 - Paths : Content sharing platform (Nellai Alwar)

uxindia
October 10, 2014

UX14 - Paths : Content sharing platform (Nellai Alwar)

The initial intension of the project was to find pinpointed information quickly. This was later revised and modified through the course of the project. The platform had to be a content sharing website. A platform that will store information, potentially in several types of media( articles, documents, videos, photos), and is meant to inform, engage and entertain users. A site that is focused on providing news or frequently updated posts. The greatest challenge was how to create a platform over all the existing platforms that lets users share information, such as social media sites. Creating a context of interaction amongst users was a crucial aspect to the project.

uxindia

October 10, 2014
Tweet

More Decks by uxindia

Other Decks in Education

Transcript

  1. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    PATH
    Connecting stories and ideas
    An informational content sharing website

    View Slide

  2. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Contents
    • About the company
    • Project introduction
    • Project brief
    • Context understanding
    • Research
    • Brainstorming and conceptualization
    • Blueprint and information architecture
    • Wireframes
    • Visual design

    View Slide

  3. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Dinesh Brid
    Co- founder &
    creative head
    Mohit Yadav
    UX designer
    Puja Chaudhari
    Developer
    Prakash Thombre
    Co-founder
    Visual and interface design
    Nandini Laxminarayanan
    Interface designer
    Nellai Alwar
    UX intern
    The team:
    Notch was started one year ago and has a team of 8 people. The office is an
    apartment in baner, having a very friendly atmosphere. Notch has been doing a
    lot of work in web and mobile design. The project team consisted of 6 members,
    including myself. The team followed a rapid development approach. This project was
    completed in 3 months and is expected to go live in the near future.
    About the company
    Mentors

    View Slide

  4. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Project plan
    Dec 2013
    Project proposal
    19th- 28th
    Jan 2014
    Goals and objec-
    tives
    28th dec-4th jan
    Research
    4th-25th
    Feb 2014
    Conceptualization
    25th jan - 5th feb
    Interaction Design
    25th feb- 10 mar
    Mar 2014
    Interface design
    10th - 28th
    Visual design
    28th mar - 4th apr

    View Slide

  5. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Project introduction
    Creating a platform that drives users to discover, learn, share and grow their interests.
    The initial intension of the project was to find pinpointed information quickly. This was later
    revised and modified through the course of the project. It had to be a content source website.
    A platform that will store information, potentially in several types of media( ariticles, documents,
    videos, photos), and is meant to inform, engage and entertain users. A site that is focused on
    providing news or frequently updated posts.
    Initial concept and intention

    View Slide

  6. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Publishing houses and renowned writers from various fields posting information on the site. It was
    assumed that such users will be the core generators of content on the platform
    Project introduction
    Assumption

    View Slide

  7. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    “ GoStickies is a new, fresh application inspired by sticky
    notes, targeted towards mobile devices with a new appraoch
    to communicating and seeking information. It aims to build a
    network of people and content linked purely through context. It is
    a data base of information created by users exclusively by sharing
    content that interest them. “
    Project brief - Draft one

    View Slide

  8. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Project brief - Draft one
    The project was initially called Gostickies and was later changed to paths.
    Notes:

    User generated information

    build a community of users willing to share their knowledge.

    Quick and easy methods to search information
    Take aways:
    Questions:

    Why would users require another platform to share their interests? Especially when there are
    multiple blogging sites and social networking sites that cater the same.

    How to create a context of interaction amongst users?

    View Slide

  9. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Context understanding:
    Scope, environment and opportunities
    What is the scope and opportunities for such an application to exist in the current market?
    Where is application going to be available?
    Who are the target auidence for this application?
    Who would be the competitors ?
    Questions

    View Slide

  10. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Desk research:

    Literature research

    Web research
    The literature and web research is classified into the following categories:

    Market research

    Stakeholder analysis

    User researh
    Research

    View Slide

  11. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Desk research
    Market research
    Method

    Familiarized with blogging platforms.

    Focus on three platforms (suggested by the company)
    The market research for this application was to understand the existing platforms that are catering
    to the same or similar goal that is of creating a content sharing platform.
    Research and study platforms that allowed users to share information.

    Sites that place a particluar emphasis on the presentation and structure of their content.

    The extent of liberty given to the user to share content.

    Also support users who are seeking information in different ways.

    View Slide

  12. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Brief about the some successful blogging platforms
    Research: Blogging platforms
    It is, in simple terms, the
    daddy of blogging. The
    platform powers almost 19
    percent of the Web and has
    been downloaded more
    than 45 million times.
    Pros: Customization
    Cons: Vast array of options
    can be complicated for
    less-experienced users.
    Wordpress
    Tumblr (the first mainstream
    service to combine
    blogging and social media),
    has a strong community of
    users.
    Pros: Tumblr supports
    custom domain names and
    reblogging.
    Cons: ads could make their
    way to Tumblr blogs.
    Tumblr
    The user interface feels like
    a doodle pad or to-do list,
    making it a place where one
    can easily jot down thoughts
    and come up/develop ideas.
    Excellent user interface
    design.
    Pros: Beautifully designed.
    Cons: Open to a selective
    number of users.
    Svbtle

    View Slide

  13. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Blogger
    Google’s take on blogging
    is Blogger, an easy-to-
    use and free platform that
    requires only a Gmail/
    Google account to get
    started.
    Pros: Easy to use and get
    started.
    Cons: Not particularly
    sophisticated and tied to
    Google.
    It includes a feature letting
    users edit and annotate
    other people’s work, while
    it obviously integrates well
    with Twitter.
    Pros: A great place to
    showcase your content to a
    (potentially) large audience.
    Cons: Lack of
    customization.
    Medium
    As a platform for
    showcasing knowledge,
    bloggers that are seeking to
    tell stories or impart wisdom
    about particular topics may
    find Quora useful.
    Pros: Strong community
    that soaks up new and
    interesting content.
    Cons: Lacks personalization
    and ‘homely’ feel of a
    personal blog.
    Quora
    Brief about the some successful blogging platforms
    Research: Blogging platforms

    View Slide

  14. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Hubpages is a user
    generated content
    sharing and revenue
    making platform.
    Mahalo is a web-directory,
    human powered search
    engine which creates a
    space for internet-based
    knowledge exchange
    Squidoo is a gamified
    blogging platform. Users
    get ranked and rewarded
    for their level of interaction
    on the platform.
    HUBPAGES MAHALO SQUIDOO
    Selected after interaction with mentors of the firm.
    Competitor’s analysis
    Evaluation method
    Engagement criteria
    Finding specific information
    Type of users
    Credibility of content
    Driving factors of site
    Creating content

    View Slide

  15. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Hub – It refers to the content brought together by a HubPages
    user.
    Hubber – It is the term used for HubPages users.
    HubScore – Each Hub is given a score by HubPages
    administrators. The score is referred to as HubScore.
    HubberScore – It refers to the average of a Hubber’s HubScores.
    HubTool – It is the tool used to create, edit, and publish a Hub.
    - User generated content
    - revenue sharing website
    - encourages user to write articles and guide to write credible
    quality content.
    Driving factors
    of the site
    Engagement through forums, comments, messages,
    Q & As - Gamification: reward points for level of
    interaction
    Engagement
    Gamified interaction
    • Fixed formated
    • guidance for better writing
    • different styles provided according to content type
    Creating
    content
    Competitor’s analysis

    View Slide

  16. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    • Users: Bloggers
    • Find information through keyword search. Filters provided for
    finer results
    • Site focuses on educating users to write valuable content
    • Gamified engagement
    • Revenue generation through advertisements
    • Also Hubpages pay users after a certain level of achievement
    Insights
    Competitor’s analysis

    View Slide

  17. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Driving factors
    of the site

    Multiple forms of information
    available

    Links provided to searched
    information

    Description of search
    Search result

    Description of search

    Related blogs and forums

    Fast facts

    Recommendation
    Engagement through
    question and answers.
    Engagement
    • Users: Not tech savvy, New
    online users
    • Find information through
    keyword search. Related links,
    facts related to search.
    • Site focus on avoiding spam
    and invaluable info
    • Interaction through raising
    questions, answering doubts,
    commenting on articles
    Insights
    Competitor’s analysis

    View Slide

  18. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    • Writing articles
    • buying & selling
    • Follow lens/ lensmasters
    • Comments
    Engagement
    The users who create lenses are called “lensmasters”. A
    lensmaster can be anyone with an interest in a specific subject;
    they do not necessarily have to be externally recognized experts.
    Engagement through the following:
    • Type of Users: Bloggers, buyers, sellers
    • Find information through keyword search. Filters provided for
    finer results
    • Site focuses buying and selling unique products
    • Gamified engagement
    • Revenue through selling unique products, Bloggers level of
    interaction
    Insights
    Competitor’s analysis

    View Slide

  19. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Users like to be appreciated, noticed and hence interact to
    build their following base.
    How to build an interaction within the platform that is not
    forced?
    How to identify credible information and avoid spamming?
    Insights
    Competitor’s analysis

    View Slide

  20. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Stakeholder analysis
    beneficiaries of the site
    Stakeholders:
    content creators
    site members
    bloggers
    mainstream media
    topical experts
    search engines

    View Slide

  21. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    The research was divided into the
    following parts:
    • Types of internet users
    • Bloggers psychology
    • Content sharing
    User reseach

    View Slide

  22. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    General types of users:
    User reseach
    Active versatile Internet users, who are active in
    both information seeking, communication and
    entertainment related use.
    Practical work oriented Internet users, who are
    mainly active information–oriented users.
    Entertainment oriented active Internet users, whose main
    interests include entertainment and communication related
    uses, and seeking Internet solutions that cater to their
    interests.
    Practical information oriented small–scale Internet users
    differ from the previous group in that while their activities
    focus mainly on information use, they are less frequent in
    their activities.
    Entertainment and communication oriented small–scale
    Internet users also use the Internet less frequently than their
    active counterparts. Their use focuses on leisure–related
    activities and they are passive when it comes to information–
    related activities;
    Small–scale Internet users use the technologies so infrequently
    that they do not have any significant types of activities that
    would describe them, and have very poorly developed online
    behavior.
    Understanding users

    View Slide

  23. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    • Why do you blog?
    • What do you blog about?
    • How frequently do you blog?
    • How do you interact with your viewers? followeres?
    • How has blogging benefited you? Financially/ professionally/
    personally
    • Who would you suggest blogging to?
    • What would be the one thing you would like to change about the
    blogging platforms?
    Questionnaire:
    User reseach
    Blogger’s psychology

    View Slide

  24. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Food and Beverage
    Expert, Blogger, Writer
    Josie Callahan
    Princess Padilla:
    New york lifestyle,
    personal experiences,
    love and relationships
    Michael Babich
    Traveler and
    explorer, enjoy
    sports, photography,
    good book, good
    cigar and good
    Ankur Banerjee
    Writes about roaming
    the earth, world of
    music, mobile culture
    Susie Cagle
    Reporting, politics,
    policy, California,
    jokes, complaints,
    etc. susiecagle.com
    User reseach
    Blogger’s psychology

    View Slide

  25. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Automatically Share to relevant platforms
    Share New Content Multiple Times
    Share Existing Content again
    Strongly encourage people to share blogger’s content.
    - Social media plug ins
    - Click to tweet
    - Subscribe to mailing list
    - Encourage sharing images on Pintrest
    Content sharing
    Understanding bloggers

    View Slide

  26. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    People blog about various topics. It could be documenting one's life; providing opinions; working out
    emotional issues; "thinking by writing"; or promoting conversation and community.
    Blogging is an unusually versatile medium, employed for everything from spontaneous release of emotion
    to support of group collaboration and community.
    Overall insight
    Motivations for blogging included:
    blog content:
    Content was diverse, ranging from journals of daily activities to serious commentaries on important issues.
    Insights

    View Slide

  27. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    After the desk and some field research, it was time to start
    brainstorming about sharing content and the tasks related to it.
    Conceptualization
    Brainstorming

    View Slide

  28. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Conceptualization
    Brainstorming
    Brainstorming sessions to understand the
    pros and cons of UGC ( user generated
    content). Why would users follow and
    what do they expect out of it. Evaluating
    the methods of searching for content.
    Interpret the different set of actions users
    take to be informed about their interests
    with the use of the Internet.

    View Slide

  29. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Conceptualization
    Concept 1

    View Slide

  30. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Concept
    Search for information on one platform and
    information gathered is from multiple
    platforms
    Link specific amounts of platforms to the
    application and browse through information
    on application
    Browse through multiple platforms and drop
    interesting findings in application and go
    through gathered content on application
    Have a generic search engine linked to
    application
    Chunk similar information
    and present
    Initiation Selection
    Exploration Formulation
    Collection Search closure
    Search information through precise words
    Use appropriate keywords
    Browse through multiple platforms and drop
    interesting findings in application and go
    through gathered content on application
    Identify
    requirement to
    search
    information
    Identify if Information relevant to subject
    Mark relevant content
    Save sources
    Hashtags
    Labels
    Categorising and labelling content helps user
    find it faster
    labelling content helps user find it faster
    Provide gist to the user about content to
    identify requirement
    User has gained an understanding about
    topic, now is clear about their requirements
    User knows they
    require information
    about a subject.
    Unsure of what the
    information is
    Search for precise information
    Collects information on platform about the
    topic
    Mark required information
    Save sources of consistent, valuable
    platforms
    Achieved information required
    Summarise and write content
    Provide updates about interested subject
    Request for updates
    Conceptualization
    Concept 2
    One of the ideas was to be able to search multiple platforms through the site. Helping users by providing
    content from their preferred sites through keywords, hash tag searches.

    View Slide

  31. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Give them what they like
    Shaping and presenting information according to user’s
    requirements. The driving force of this concept is following
    and being up to date about interested subjects.
    Learn something everyday
    Users search for pinpointed information only through
    publications.
    Gain knowledge through credible work
    Writers create content about various subject matter.
    App provides sources of references such as books,
    subscriptions, magazines, research papers.
    Mood news
    Application provides different moods when browsing the
    internet like : Work/interest/time pass/ humour
    Hungry for information
    Selection of interested subject
    Constant news about information pertaining to subject
    Conceptualization
    Ideas

    View Slide

  32. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Am i at the right place?
    Application behaves like an access point to the information
    available.
    It can be a separate service or a plug in to the browser.
    Draws information about the visited site and presents it for
    better decision making.
    Information will consist of: About the site/ viewers or members/
    reviews/ ratings. This is to show credibility of information.
    Gamification of interaction
    To create and sustain interest and interaction of the user
    Badges and ranks according to level of contribution, interaction
    and influence strength.
    Marking user according to every action to identify credibility,
    interest and popularity.
    Put me in touch with info
    Users have access to information through the
    application behaving like a guide.
    Applications searches the web on behave of the
    user and draws credible sources of information to
    refer to
    Provides documents related to subject
    Data base created by users.
    Key features: quick reliable search, credible
    sources, informative.
    Conceptualization
    Ideas

    View Slide

  33. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    To provide a valuable learning space through sharing ideas and experiences
    of like minded people
    AIM
    Project brief: draft 2

    View Slide

  34. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Primary users: Bloggers, publishers, authors
    Target audience

    View Slide

  35. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014

    Who blog about their life/ daily activity

    Bloggers who like to voice their opinion on a particular subject
    matter.

    Bloggers who experiment through writing.

    Bloggers who talk about their struggles.

    Bloggers who post content to get a conversation started
    amongst a group of users.
    Bloggers
    Target audience

    View Slide

  36. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Target audience
    Publishing houses
    News, technology, politics, art, fashion, design and various others, which
    have a digital publishing. The benefits of publishing houses posting on path,
    is to get a wider audience who know exactly what they want to be informed
    about

    View Slide

  37. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Having authors linking their work and also taking part in disscusion,
    will be a great help. Users are always looking for guidance and au-
    thors are extremely resourceful.
    Academia
    News : politics, policies, current affairs
    Design and art
    Technology
    Philosophy
    Educational
    and various other topical experts.
    Authors
    Target audience

    View Slide

  38. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    In this section, I have focused on
    creating personas for different type
    of bloggers. I have not taken up
    publishing houses as the approach to
    intergrate them into the platform will
    be different. Also pubishing houses will
    have different incentives to be part of
    paths than online bloggers.
    Independent fashion blogger
    Name: Julia Dinardo
    Age: 32
    Location: New york city
    Creative blogger
    Name: Sean Smith
    Age: 35 years
    Location: Vancouver
    Working out problems
    Name: Michael Kerr
    Age: 45 years
    Location: Portland, Oregon
    Conversation starter
    Name:André Medeiros
    Age: 28 years
    Location: Finland
    Personal Blogger
    Name: Joshua Lockhart
    Age: 26 years old
    Location: london
    Personas:
    Personas and Scenarios

    View Slide

  39. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Persona 1: Blog as commentary (not
    just chatter, a point of view)
    Independent fashion blogger
    Name: Julia Dinardo
    Age: 32
    Location: New york city
    Julia, a die-hard Pittsburgh native and
    long-time New York City resident has
    covered New York and LA Fashion Weeks
    for the past ten years while penning
    articles for a myriad of publications,
    including Clear, Primo, and many
    more. She has her own website called
    fashionpulse.com where she talks
    About Julia
    Through honest writing and strong
    visuals, Julia Dinardo’s goal is to
    showcase authentic, focused,
    and consistent content to a wide
    demographic of readers about the
    international worlds of fashion and
    beauty.
    Goals:
    Computer skills : Expert
    Job situation: designer, writer, and editor,
    fashion industry veteran, Entrepreneur
    Computer type: Netbook, iphone, ipad
    Computer tools: Email, web browsing,
    social network sites, word processing
    about shopping smarter via a very
    carefully curated selection of items she
    reviews and feature. She also provides
    knowledge about fashion and beauty
    news, events, happenings, interviews
    and more.
    Julia has her unique presence in
    multiple social platforms such as twitter,
    Facebook and Instagram yet she finds it
    difficult to get dedicated followers. She
    has been trying to post her content of
    other platforms to attract new fashion
    enthusiasts but has been unsuccessful.
    • sharing content to different groups.
    • Build a dedicated following base.
    Quick take on Julia
    Scenario:
    “Dress shabbily and they remember
    the dress; dress impeccably and they
    remember the woman.” - Coco Chanel
    Fav quote:
    Persona 1

    View Slide

  40. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    User persona 2: Blog as a
    muse(thinking by writing)
    Creative blogger
    Name: Sean Smith
    Age: 35 years
    Location: Vancouver “Reading, after a certain age, diverts
    the mind too much from its creative
    pursuits. Any man who reads too
    much and uses his own brain too little
    falls into lazy habits of thinking.” -
    Albert Einstein
    Sean smith is a marketer, writer and
    creative strategist. He has started
    few design startups and is a self
    improvement enthusiast. Calls himself
    a self-critic and a hopeful optimist. He
    does a lot of consultancy and freelance
    work. Sean believes that the web is
    inundated with content of all types.
    Users from different verticals have
    always been told to follow a set of
    experts, companies or blogs online. This
    diminishes one’s creative ability and he encourages
    About Sean
    users to expand it through writing. Sean
    does not have his own website but posts
    his content on couple of platforms like
    medium and blogger.
    Fav quote:
    Computer skills: Expert
    Job situation: Entrepreneur, consultant,
    marketer, writer and creative strategist
    Computer type: Laptop and iphone
    Computer tools: Email, web browsing,
    blogging platforms, word processing
    Quick take on Sean
    Sean has always felt the best piece of
    writing comes from exploring. He wishes
    to push creative writing on blogging
    platforms and improve the quality of
    blogging content.
    Goals:
    Sean believes that the best works of
    writing comes from thinking within.
    He wants to encourage people to write
    quality content through his explorative
    writings. He wants to reach out to fellow
    bloggers who can take inspiration from
    such a style of writing.
    • Educate people to write better
    content
    • Reach out to fellow bloggers.
    Scenario:
    Persona 2

    View Slide

  41. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    User persona 3 blog as a catharsis: me
    working out my own issues.
    Working out problems
    Name: Michael Kerr
    Age: 45 years
    Location: Portland, Oregon
    Michael has been a blogger for about 5
    years. He initially started writing about
    subjects related to art. Through the years
    as a blogger, he found it liberating to
    write about problems he faced. It was
    a method to coup with the problem,
    which in tern also helped other readers
    online. From the response be achieved,
    he shifted gears and changed his writing
    to subjects related to growing up, love
    About Michael
    and relationship, this was also due to the
    hardships he faced in his personal life.
    Fav quote:
    Computer skills: Expert
    Job situation: writer, art history veteran.
    Computer type: Laptop and google
    nexus
    Computer tools: Email, web browsing
    (blogging platforms, social networking),
    word processing,
    Quick take on Michael
    Goal: Michael has been through couple
    of hard breakups over the years and
    has learnt and grown from it through
    expressing his emotions through writing.
    Now he feels suggesting and guiding
    Goals:
    The internet is vast and has become a
    personal journal for some people. Many
    might frown upon it, but Michael sees it
    as a sign of striving to overcome issues
    by oneself and believes that one can
    help someone in a completely different
    location through writing. Michael wants
    to reach out to the troubled souls on
    the internet. He has so far been posting
    his writing on tumblr and has received
    some good appreciation.
    • He wishes to expand his following
    by reaching out to people from
    various demographic groups.
    • He would also like to mingle with
    like minded bloggers.
    Scenario:
    Your blog is your unedited version of
    yourself. ~ Lorelle
    people towards a better relationship is
    heart warming experience. Michael has
    received a lot of positive response about
    his blogs on tumblr. He noticed that
    there are a lot of troubled youngsters
    who are seeking for guidance and he
    could help them through his writings.
    Persona 3

    View Slide

  42. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    User persona 4: blog as a community
    forum : (getting in conversation with
    each other electrically)
    Conversation starter
    Name:André Medeiros
    Age: 28 years
    Location: Finland
    Give a person a fish and you feed them
    for a day; teach that person to use the
    Internet and they won’t bother you for
    weeks. ~Author Unknown
    Ten years ago, Andre was a teenager
    discovering the web, and one thing
    that really got him hooked was forums.
    He was connecting with people with
    similar interests: Pokémon, Megaman,
    Tony Hawk’s Pro Skater, and game
    development. Andre participated in
    forums for each of those interests. It
    thrilled him that some people around
    the world actually liked the same things
    as he did with the same intensity.
    About André
    Fav quote:
    Computer skills: BOSS
    Job situation: web developer, game
    designer, software engineer, co-founder
    of ironquote, platform for online
    discussion societies.
    Computer type: Laptop, google nexus,
    ipad
    Computer tools: Email, web browsing
    (blogging platforms, social networking),
    word processing, web - developing,
    designing softwares
    Quick take on André
    Andre discovered the net through
    forums and see’s it dimenishing now.
    Despite the internet being flooded with
    a lot of spamming, he is determined in
    re-building the forum community with
    some good quality discussions like some
    years back.
    Goals:
    Andre has started a online discussion
    society to build communities of like
    minded people, to learn, debate and
    grow their interest. He wants to have
    focused, consistent discussions on topics
    that interests users across the world. He
    is having difficulties filtering the kinds
    of users as there is a lot of spamming
    activities online currently.
    • Build niche communities of various
    interests
    • Interact and engage with users of
    passionate interests like his.
    Scenario:
    Andre has started a online discussion
    society to build communities of like
    minded people, helping each other.
    He wants to have focused, consistent
    discussions on topics that interests users
    across the world.
    Persona 4

    View Slide

  43. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    User persona 5: blog to document my
    life
    Personal Blogger
    Name: Joshua Lockhart
    Age: 26 years old
    Location: london
    Writing and cookery are just two
    different means of communication.
    Maya Angelou
    As an occasional personal blogger,
    Joshua has written a lot personal
    publications that are not exactly meant
    for making money. He really enjoys it
    and sees it as a recreational activity. He
    has been a personal blogger for about
    2 years and posts his publications on
    blogoshere. He is by profession a web
    video producer and online content
    writer.
    About John
    Fav quote:
    Computer skills: expert
    Job situation: web video producer,
    Online content writer
    Computer type: Laptop, google nexus,
    ipad
    Computer tools: Email, web browsing
    (blogging platforms, social networking),
    word processing, video editing.
    Quick take on John
    John has been a personal blogger for
    two years and has no interest in making
    money as a blogger. He does it for
    pleasure and wants it to remain like
    that. John wants to find a unique space,
    catering only to personal blogging,
    which has been a task to find.
    Goals:
    John wants to publish his work in
    a unique niche market, catering to
    only personal blogging. In his yeas as
    personal blogger he posted on many
    blogs which cater to a variety of topics
    and is difficult to filter specific content.
    He wishes to have a space where
    personal blogs can be easily identified.
    • having a niche space for personal
    blogging on a blogging platform.
    Scenario:
    Persona 5

    View Slide

  44. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Creating a platform that drives users to discover, learn, share and grow their
    interests.
    AIM
    Final project brief

    View Slide

  45. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Site experience
    Being a high content quality site , it required to be a pleasurable surfing space. The ease of use , tone and manner of
    communication is crucial to the pleasurable experience. Keeping in mind these factors, the site structure and layout was
    designed.

    View Slide

  46. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Initial site structure gave
    users more liberty and
    customisation. This was
    modified as it was difficult to
    grasp. Giving users limited
    options increases the’ site’s
    functionality.
    Initial concept map

    View Slide

  47. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Detailed website structure, used
    omnigraffle to construct it.
    Site blueprint and IA

    View Slide

  48. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Landing page
    User provided with two options:
    Sign up or log in. Signing up has two
    options. One for publishing house and
    one for other users. This was done to be
    able to establish credible source at the
    begining
    Home page
    User’s newsfeed will consist of
    following paths, boards, groups
    and created paths recent/trending/
    popular activities. System will also
    provide some suggestions according
    to interest. Content will be filtered
    through categories
    A feature to distingiush user
    authenticity amongst articles.
    Basic categorization will be:
    Expert, publisher, basic.
    Site blueprint and IA

    View Slide

  49. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Profile
    The profile will consists of a list of
    all the followings. Created content:
    Articles, paths, groups, discussions,
    boards. Boards here are similar paths,
    bunched together. Also will have
    details of the user, their interests, and a
    note
    Followings
    News, articles related to all followings
    of the user. This could be an article, a
    group, board, discussion. Information
    will be categorized in different ways:
    trending, popular, recently added.
    Article
    An article can be favourite-ed,
    recommended, appreciated and
    shared.
    Site blueprint and IA

    View Slide

  50. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Path Jane smith
    Sign up
    Welcome to Path
    take a tour
    Connecting ideas and experiences
    Learn about the site
    before signing up
    Wireframes

    View Slide

  51. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Figured out your path
    completely customisable for your interest.
    Stream information by
    creating paths Want regular updates
    Newsfeed
    type interest
    ICC world cup T20 India VS Pakistan
    ICC world cup T20 England VS New Zealand
    image
    image
    Name your pitstop
    make it pitstops
    Pitstops
    T20
    Trend and
    moods
    UX trends
    sports.cricket.worldcup.india.score
    sports.cricket.worldcup.india.score
    sports X cricket X worldcup X
    ICC X
    espn X
    T20 X ICC X worldcup X
    espn X Make pitstop
    Make pitstop
    Sign up
    take a tour
    Pricing
    Pricing
    Introduction to the site and it’s
    key feature
    User can create a path through linking
    a bunch of keywords together and start
    streaming specific information. The
    keyword link will be of close proximity to
    avoid unrelated data displayed.
    How does it work?
    Wireframes

    View Slide

  52. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    share your post-its on pitstops, paths
    stick it
    with like minded people through post-its or
    discussions
    Profile
    stick it
    Figured out your path
    completely customisable for your interest.
    Lets get started
    Sign up with:
    Pricing
    or a simple registration:
    email ID
    Register
    Sign up form
    Users can sign up
    through facebook,
    twitter or gmail.
    Wireframes

    View Slide

  53. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Trending Popular All
    Search
    Path Jane smith
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    1 main menu
    1 2 3
    4
    5
    6
    2 Profile and settings
    3 Alerts and notifications
    5 Browsing filters
    4 Create note
    7
    6 Search bar
    7 News feed slideshow
    Home page/ news feed
    Site layout
    The site has a minimalistic design. This
    allows users to focus on the content
    and not be distracted by other features
    /ads or pop ups.
    Colored ring around the user
    will depict the credibility.
    Expert/publisher/basic
    Wireframes

    View Slide

  54. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Trending Popular All
    Search
    Path Jane smith
    Boards
    Groups
    discover
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Profile and notes
    Favorites
    settings
    Logout
    Navigation
    activity
    Through the menu users can access boards, groups on path. Discover is to
    showcase some inspirational work according to user’s interest. Activity consists of a
    list of actions the users has conducted from likes, followings to reads and shares
    Wireframes

    View Slide

  55. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Trending Popular Recent
    Designshow 2013
    National Institute of Design, 2013 batch designshow
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    How to prepare for designshow/ final submission
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    California college of arts, designshow 2013
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Best designshows of 2013
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Relevance All
    Path Jane smith
    Search page
    Different filters provided to make
    search results easy to identify
    Wireframes

    View Slide

  56. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Created Favourites
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Jane Smith Expert
    Design Thinking
    About Jane
    Lpercipitur, vix eu nibh maluisset. Duo velit corpora vituperata no, an
    mel sale maiestatis. In meliore facilisis gloriatur per, vjkdfhjksh.
    Lpercipitur, vix eu nibh maluisset. Duo velit cor
    Notes Boards Interests
    Groups
    Notes Jane smith
    Public profile: note view
    Note/article view consists
    of two filters, created and
    favourites
    Wireframes
    Path

    View Slide

  57. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Account settings
    Basic info
    Email ID
    Password
    Profile
    Country
    Gender
    Privacy
    Email Notification
    Get notifications
    Notifications about
    Send emails
    Likes your note
    Favourites your note
    Commets on your note
    Notes status: trending/popular
    Immediately
    Once a day
    Notes status: trending/popular
    Invitation to a group/discussion
    Invitation to a group/discussion
    suggestions
    Social Networks
    Connected to facebook
    Connected to Twitter
    Connect to Google+
    Log in with Facebook
    Log in with Twitter
    Log in with Google+
    Link activities to timeline
    ON
    ON
    ON
    ON
    ON
    ON
    ON
    ON
    OFF
    ON
    OFF
    OFF
    ON
    [email protected]
    Change password
    Edit profile
    United States
    Male Female
    Edit
    ON
    Path Jane smith
    Account settings
    Basic account setting, users
    are familier with
    Wireframes

    View Slide

  58. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    All Created Followings
    PRINT MAKING
    Follow
    Jane Smith Expert
    Design Thinking
    About Jane
    Lpercipitur, vix eu nibh maluisset. Duo velit corpora vituperata no, an
    mel sale maiestatis. In meliore facilisis gloriatur per, vjkdfhjksh.
    Lpercipitur, vix eu nibh maluisset. Duo velit cor
    Notes Boards Interests
    Groups
    Path Jane smith
    DESIGN THINKING
    Follow
    UX DESIGN
    Follow
    DOCUMENTRY
    Follow
    POSTERS
    Follow
    MOVIE REVIES
    Follow
    TRAVEL & FOOD
    Follow
    SHORT COURSES
    Follow
    POSTERS
    Follow
    User public profile: groups
    Two types of filters for
    groups and boards.
    Following and created
    ones.
    Wireframes

    View Slide

  59. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    All Created Followings
    Create board
    PRINT MAKING
    Edit
    Jane Smith Expert
    Design Thinking
    About Jane
    Lpercipitur, vix eu nibh maluisset. Duo velit corpora vituperata no, an
    mel sale maiestatis. In meliore facilisis gloriatur per, vjkdfhjksh.
    Lpercipitur, vix eu nibh maluisset. Duo velit cor
    Notes Boards Interests
    Groups
    Notes Jane smith
    DESIGN THINKING
    Edit
    UX DESIGN
    Edit
    DOCUMENTRY
    Edit
    POSTERS
    Edit
    MOVIE REVIES
    Edit
    TRAVEL & FOOD
    Edit
    SHORT COURSES
    Edit
    User private profile:
    Boards
    Wireframes
    Path

    View Slide

  60. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    All Recent Popular
    DESIGN THINKING
    Follow
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
    congue consequat leo sit amet mattis. Vestibulum ante
    Roger patrick
    Expert Design thinking
    About:
    25 followers
    Path Jane smith
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Topic page Topic page mentions creator’s
    name and field of expertise
    Wireframes

    View Slide

  61. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    All Recent Popular
    BBC news Publisher
    About BBC
    Lpercipitur, vix eu nibh maluisset. Duo velit corpora vituperata no, an
    mel sale maiestatis. In meliore facilisis gloriatur per, vjkdfhjksh.
    Lpercipitur, vix eu nibh maluisset. Duo velit cor
    Notes Boards Interests
    Groups
    Notes Jane smith
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    5 facts about web design I was not informed about
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue
    consequat leo sit amet mattis. Vestibulum ante Read more
    Likes 45 Fav 10 Shares 3
    Publisher page public
    Wireframes
    Path

    View Slide

  62. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Landing page: View 1 Build excitement for user
    Visual design

    View Slide

  63. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Landing page: View 2
    Visual design

    View Slide

  64. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Landing page: View 3
    Visual design

    View Slide

  65. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Introduction
    Visual design

    View Slide

  66. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Homepage
    Content on newsfeed
    is divided according to
    following interests.
    Visual design

    View Slide

  67. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Visual design

    View Slide

  68. Nellai Alwar | 10050221097 | Final jury | May 3rd 2014
    Thank you

    View Slide