for web & mobile projects UX GUIDE 

Project objectives and approach 

- Why is the project important to the company? OBJECTIVES - What are the major dates & milestones for key points? APPROACH Project (company) strategy Fuzzy objective Fuzzy objective Project related requests Stakeholder ideas User complaints User needs Fuzzy objective 

Project (company) strategy Solid statement UX Designer’s goal is to clarify fuzzy objectives into solid statements. Solid statement Solid statement A solid statements should be; - easy to understand (Avoid insider terminology), - distinct (Avoid vague statements), - measurable (Make concrete statements). - Why is the project important to the company? OBJECTIVES - What are the major dates & milestones for key points? APPROACH 

UX Designer’s goal is to clarify fuzzy objectives into solid statements. Fuzzy objective Solid statement “Our objective is to become the market leader in the industry x.” “Our objective is to generate excitement among our customer base.” “Our objective is to increase the amount of traffic on our web site.” “Our objective is to increase the revenue from online sales by 10 percent.” DEFINE PROJECT REQUIREMENTS COMPARE COMPETITORS SWOT ANALYSIS Understand, identify & pull it together. 

UX Designer’s goal is to clarify fuzzy requirements into solid requirements. Fuzzy requirement Solid requirement “Customers can track their orders online.” Good base for a requirement but it’s fuzzy. “Why is it important to track online?” “Does the company currently have the capability to track online?” “What kind of information should be included in the tracking details?” etc... Asking questions clarify fuzzy requirements into solid requirements. 

Understanding our users User research & persona 

VALIDATE USER DEFINITIONS PLAN FOR USER INVOLVEMENT DEFINE PRIMARY USER GROUPS GENERATE USER REQUIREMENTS Plan user-research Choose user-research technique(s) USER INTERVIEW CONTEXTUAL INQUIRY SURVEYS FOCUS GROUPS CARD SORTING USABILITY TESTING - What do you want to learn? - Who are your primary user groups? - How will you get participants? - What equipment do you need? - How are you capturing information? Consider these when planning 

USER INTERVIEW TIPS Q What do you like about facebook.com? Q Does facebook.com meet your expectations? Q Tell me about your last visit to facebook.com? Why did you go there? Q What do you remember about your last visit? Assumes only user likes using the site. Doesn’t give much detail. Simple answer yes or no. 

CONTEXTUAL INQUIRY TIPS Try to explore; _ the goals of the user. ‘I try to clear off all the open items here before Ieave for the day.’ _ how users are mapping external experiences to internal thinking. ‘I use this online tool as my briefcase, for things I reference a lot but don’t want to carry around with me.’ _ ideas & feature requests. ‘I wish this would allow me to undo.’ _ frustrations. ‘I’d ask help desk about this, but they don’t know what the problem is either.’ _ workarounds. ‘This takes so long to do here that ...’ _ value statements. ‘This tool saves me a lot of time, so ...’ 

Content requirements of a persona NAME AGE LOCATION OCCUPATION EDUCATION LEVEL BIOGRAPHY SALARY RANGE OFFLINE ACTIVITIES ONLINE ACTIVITIES SOCIAL COMFORT LEVEL TECHNICAL COMFORT LEVEL PERSONAL QUOTE MOBILE COMFORT LEVEL PHOTO PERSONAL QUOTE 

PHOTO Content requirements of a persona NAME AGE LOCATION OCCUPATION EDUCATION LEVEL BIOGRAPHY SALARY RANGE OFFLINE ACTIVITIES ONLINE ACTIVITIES SOCIAL COMFORT LEVEL TECHNICAL COMFORT LEVEL PERSONAL QUOTE MOBILE COMFORT LEVEL Natural looking PERSONAL QUOTE Persona’s motto Does your persona use PC, Mac, iPad, iPhone? Does she have a blog and portable devizes? And is she comfortable with all these? Does your persona have other social network accounts? Have many followers does she have? How active is she? The usage of mobile devices. How does your persona find themselves in the mobile space? The usage of online banking, online shopping, paying bills online etc.. Does your persona have a hobby? What does she do when she is not online? 

Name Surname, xx Occupation Location Salary range low high Technical comfort level low high Mobile comfort level low high Social comfort level low high Online activities low high “Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi.” Question is here.. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. PHOTO Question is here.. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Question is here.. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Question is here.. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Berker Sirman, 28 Illustrator & designer Istanbul Salary range low high Technical comfort level low high Mobile comfort level low high Social comfort level low high Online activities low high “I don't want to see my best friend's and my aunt's feeds at the same place on Facebook.” Tell me about your last visit on Facebook? Why did you go there? Oyun takip ediyorum ve notification’larımı kontrol ediyorum. Çoğu notification’lar artık spam olmaya başladı. Eskiden daha yakın arkadaşlarımınki varken artık daha çok event, group invite, recomment gelmeye başladı. Do you use more often or less? (Compare past & present) Kesinlikle daha az kullanıyorum. Event takibini etkinlik ve mekan sitelerinden yapıyorum. LeCool, IKSV vb.. What do you like most on Facebook? Why? Oyunlar, markaların global kampanyaları ve uygulamarı seviyorum. What do you hate most on Facebook? Why? Gereksiz data akışını sevmiyorum. İlgi duymadığım şeyler devamlı wall’uma düşüyor. Bu alanın daha kategori Does Facebook meet your expectations? Why? Duvarımın daha kategorize olmasını bekliyorum. Müzikler, videolar, fotoğraflar, uygulamaların ayrı kategoriler altında toplanmasını beklerdim. İnsanları kendimin kategorize etmek falan istemiyorum. Aile bireylerini ayıp olmasın diye ekliyorum ama bu duvarımda bir kirlilik yaratıyor. Bunun için ayarlamalarla uğraşmak istemiyorum. Mesela Dribble’da üç farklı wall var. 1) My followers 2) Populars 3) Public (Facebook duvarı gibi bu) 

NEGATIVES POSITIVES EXPECTATIONS FB: No filtering the feeds option. FB:Thinking twice before sharing a content. (Privacy problem) FB: Complex and chaotic. PINTEREST: Boring, privacy problem, too much images. FB: Always the same people. (Offline & online friends are the same. Bored of that) FB: Shows only one character of me. I have several characters. I can not express myself. FB: Shares every “like” on my wall. Everyone sees it. LIKE: It should be more valuable when it is from unexpected people. LIKE: Feed should be seen from revelant people when I like a content. Not everyone. # SYSTEM: It should be selective based on my interest level and/or relation level and/or trust level. FB: Watching people I like. FB: Chat & messaging feature. FB: Cover photo. (Creative content) PINTEREST: Boring, privacy problem, too much images. FB: Like feature. (Especially from unexpected people) Twitter & Instagram: # system Gimme Bar: Organizes things while posting. Gimme Bar: Good for images & videos. Memonic: Good for texts. FB Mobile & Messenger Cowbird: Recommendation System 

Defining to designing Visualize, prioritize & plan 

Ask questions about the user scenario How the user likely get to the site? Online searches, banner ads, wom, other.. Once on the site, what does the user see that will be relevant to their need? What path will the user take to complete the task? Sketch it. Where is a user likely to need help along the way? And how will he get it? What happens when the user finishes his task? That is a great time to encourage the user to explore other areas. What path will the user take to complete the task? Sketch it. Now you can start to storyboard users’ scenarios now. 

Thank you