SlideShare a Scribd company logo
1 of 11
Download to read offline
Steph Wilson
Ubuntu: UX copywriting
Table of content:
1. Brand guidelines (3-7)
2. Onboarding screens (8-9)
3. Ubuntu newsletter (10)
4. Design blog (11)
1. Brand guidelines
The task was to design and produce
the Ubuntu design guidelines for
designers, developers and
enthusiasts wishing to build an app
or a scope on Ubuntu.
Scope design guide >
App design guide (new designs
currently being implemented) >
Old design
● Poor navigation and scannability.
● Hard to find key information.
● Not enough diagrams and detailed
visual examples.
● Not well linked to resources, such
as API documentation.
● Terminology hard to understand.
User research & visual sprint
Research methods:
● Site testing with specific tasks to find
information.
● Card sorting for navigational structure.
● Interviewed 8 designers & developers to
understand their process of making an app or
scope.
Visual sprint:
● Established a consistent style of diagrams,
components and wireframes to complement
copy.
● Designed a new template to best show
visuals and copy that is easier to digest.
● Reduced copy to be more concise
and understandable.
● Detailed visuals to show
interactions in real app situations.
● Created icons for advice and
developer links to breakup
content.
● Consolidated previous sections
and added new content based on
card sorting results.
New design
2. Onboarding screens
Provided copy for key
onboarding and primary app
screens for mobile and tablet
devices.
3. Ubuntu newsletter
Created a quarterly newsletter in
MailChimp to reach over 1,500
subscribers who had participated in
user testing.
The aim of the newsletter was to
recruit participants for usability
tests across the platform and apps.
As well as giving them updates,
competitions and news from the
Ubuntu Research Team.
4. Design blog
Managed the editorial calendar
and created posts for the
Ubuntu design blog.
Article examples:
● App design guide to go live
(bit by bit)
● Why the first impression
matters
● SDK Convergence Sprint
2015

More Related Content

Viewers also liked

Viewers also liked (18)

Saskia Vugts Portretschilder | Portretten 2007-2017
Saskia Vugts Portretschilder | Portretten 2007-2017 Saskia Vugts Portretschilder | Portretten 2007-2017
Saskia Vugts Portretschilder | Portretten 2007-2017
 
Voltage follower
Voltage followerVoltage follower
Voltage follower
 
Game Design Ideas
Game Design IdeasGame Design Ideas
Game Design Ideas
 
LOGO - QANTAS AIRLINES
LOGO - QANTAS AIRLINESLOGO - QANTAS AIRLINES
LOGO - QANTAS AIRLINES
 
Jaynt singh (cv) (1)
Jaynt singh (cv) (1)Jaynt singh (cv) (1)
Jaynt singh (cv) (1)
 
第13回アフィリエイトカンファレンス開会挨拶
第13回アフィリエイトカンファレンス開会挨拶第13回アフィリエイトカンファレンス開会挨拶
第13回アフィリエイトカンファレンス開会挨拶
 
You are the best user researcher ever
You are the best user researcher ever You are the best user researcher ever
You are the best user researcher ever
 
『アフィリエイト・プログラムに関する意識調査2012』 ama 理事 野崎雷太
『アフィリエイト・プログラムに関する意識調査2012』 ama 理事 野崎雷太『アフィリエイト・プログラムに関する意識調査2012』 ama 理事 野崎雷太
『アフィリエイト・プログラムに関する意識調査2012』 ama 理事 野崎雷太
 
All Aboard
All AboardAll Aboard
All Aboard
 
Internet Research Presentation
Internet Research PresentationInternet Research Presentation
Internet Research Presentation
 
Hermida ash
Hermida ashHermida ash
Hermida ash
 
Pmfail
PmfailPmfail
Pmfail
 
Onboarding
OnboardingOnboarding
Onboarding
 
SCOOT, Sistema Inteligente de Transito
SCOOT, Sistema Inteligente de TransitoSCOOT, Sistema Inteligente de Transito
SCOOT, Sistema Inteligente de Transito
 
Modern C++ Why and What
Modern C++ Why and WhatModern C++ Why and What
Modern C++ Why and What
 
Presentation Hydrology
Presentation HydrologyPresentation Hydrology
Presentation Hydrology
 
The Hydrologic Cycle
The Hydrologic CycleThe Hydrologic Cycle
The Hydrologic Cycle
 
Question 6 power point
Question 6   power pointQuestion 6   power point
Question 6 power point
 

Similar to Ubuntu - UX copywriting

essentials-of-ui-design.pdf
essentials-of-ui-design.pdfessentials-of-ui-design.pdf
essentials-of-ui-design.pdfSandeshGyawali2
 
1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineeringSukhmanSingh91
 
Junos Space UX Toolkit- Juniper Networks: Summer Intern
Junos Space UX Toolkit- Juniper Networks: Summer InternJunos Space UX Toolkit- Juniper Networks: Summer Intern
Junos Space UX Toolkit- Juniper Networks: Summer InternGaurav Kulshrestha
 
lasoft-ui_ux-presentation .pdf
lasoft-ui_ux-presentation .pdflasoft-ui_ux-presentation .pdf
lasoft-ui_ux-presentation .pdfLaSoft
 
Design submission template
Design submission templateDesign submission template
Design submission templatekrudee
 
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesIgor Vivchar
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeMadhuri Garg
 
Software Engineering chapter 19
Software Engineering chapter 19Software Engineering chapter 19
Software Engineering chapter 19Liz Tee
 
How UI Framework improves design process
How UI Framework improves design processHow UI Framework improves design process
How UI Framework improves design processMarian Mota
 
Deconstructing/Reconstructing User Experience
Deconstructing/Reconstructing User ExperienceDeconstructing/Reconstructing User Experience
Deconstructing/Reconstructing User ExperienceMike Kornacki
 
List three principles that should be applied when building any use.docx
List three principles that should be applied when building any use.docxList three principles that should be applied when building any use.docx
List three principles that should be applied when building any use.docxcharlieppalmer35273
 
User Interface Design
User Interface DesignUser Interface Design
User Interface DesignJReifman
 
Building a design system with (p)react
Building a design system with (p)reactBuilding a design system with (p)react
Building a design system with (p)reactBart Waardenburg
 
Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyZainul Zain
 
Best Practices for University Websites
Best Practices for University WebsitesBest Practices for University Websites
Best Practices for University WebsitesJeremy Robinson
 

Similar to Ubuntu - UX copywriting (20)

essentials-of-ui-design.pdf
essentials-of-ui-design.pdfessentials-of-ui-design.pdf
essentials-of-ui-design.pdf
 
1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering1.Design Modelling for Web Apps.pdf software engineering
1.Design Modelling for Web Apps.pdf software engineering
 
Junos Space UX Toolkit- Juniper Networks: Summer Intern
Junos Space UX Toolkit- Juniper Networks: Summer InternJunos Space UX Toolkit- Juniper Networks: Summer Intern
Junos Space UX Toolkit- Juniper Networks: Summer Intern
 
Slides chapter 19
Slides chapter 19Slides chapter 19
Slides chapter 19
 
lasoft-ui_ux-presentation .pdf
lasoft-ui_ux-presentation .pdflasoft-ui_ux-presentation .pdf
lasoft-ui_ux-presentation .pdf
 
Design submission template
Design submission templateDesign submission template
Design submission template
 
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
Software Engineering chapter 19
Software Engineering chapter 19Software Engineering chapter 19
Software Engineering chapter 19
 
How UI Framework improves design process
How UI Framework improves design processHow UI Framework improves design process
How UI Framework improves design process
 
Deconstructing/Reconstructing User Experience
Deconstructing/Reconstructing User ExperienceDeconstructing/Reconstructing User Experience
Deconstructing/Reconstructing User Experience
 
List three principles that should be applied when building any use.docx
List three principles that should be applied when building any use.docxList three principles that should be applied when building any use.docx
List three principles that should be applied when building any use.docx
 
User Interface Design
User Interface DesignUser Interface Design
User Interface Design
 
Building a design system with (p)react
Building a design system with (p)reactBuilding a design system with (p)react
Building a design system with (p)react
 
UI_UX.pptx
UI_UX.pptxUI_UX.pptx
UI_UX.pptx
 
Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga Academy
 
Best Practices for University Websites
Best Practices for University WebsitesBest Practices for University Websites
Best Practices for University Websites
 
Unique UI/UX Design
Unique UI/UX DesignUnique UI/UX Design
Unique UI/UX Design
 
Casestudy
CasestudyCasestudy
Casestudy
 
Spec by Role
Spec by RoleSpec by Role
Spec by Role
 

Ubuntu - UX copywriting

  • 2. Table of content: 1. Brand guidelines (3-7) 2. Onboarding screens (8-9) 3. Ubuntu newsletter (10) 4. Design blog (11)
  • 3. 1. Brand guidelines The task was to design and produce the Ubuntu design guidelines for designers, developers and enthusiasts wishing to build an app or a scope on Ubuntu. Scope design guide > App design guide (new designs currently being implemented) >
  • 4. Old design ● Poor navigation and scannability. ● Hard to find key information. ● Not enough diagrams and detailed visual examples. ● Not well linked to resources, such as API documentation. ● Terminology hard to understand.
  • 5. User research & visual sprint Research methods: ● Site testing with specific tasks to find information. ● Card sorting for navigational structure. ● Interviewed 8 designers & developers to understand their process of making an app or scope. Visual sprint: ● Established a consistent style of diagrams, components and wireframes to complement copy. ● Designed a new template to best show visuals and copy that is easier to digest.
  • 6. ● Reduced copy to be more concise and understandable. ● Detailed visuals to show interactions in real app situations. ● Created icons for advice and developer links to breakup content. ● Consolidated previous sections and added new content based on card sorting results. New design
  • 7.
  • 8. 2. Onboarding screens Provided copy for key onboarding and primary app screens for mobile and tablet devices.
  • 9.
  • 10. 3. Ubuntu newsletter Created a quarterly newsletter in MailChimp to reach over 1,500 subscribers who had participated in user testing. The aim of the newsletter was to recruit participants for usability tests across the platform and apps. As well as giving them updates, competitions and news from the Ubuntu Research Team.
  • 11. 4. Design blog Managed the editorial calendar and created posts for the Ubuntu design blog. Article examples: ● App design guide to go live (bit by bit) ● Why the first impression matters ● SDK Convergence Sprint 2015