SlideShare a Scribd company logo
07.28 rev 1.1
UX Visual Design Test Report
Tibco Cloud Bus homepage
Introduction p2
UX Visual Design Test - part 2
Tibco Cloud Bus home page
Overview
As required exercise for demonstrating both technical skills and creative process the
following report outlines the assessment of Tibco’s Cloud Bus homepage with regard to
visual aesthetics along with usability standards. This request is part 2 of UX visual
design test to be completed for candidacy for employment. Findings of this report are
editorial in natureand meant to open discussion for best practices.
I. Definition:
Subject: Tibco Cloud Bus, an integration platform as a service designed to enable more
process messaging in a cloud environment. Review the current homepage:
https://cloudbus.tibco.com
What are the strong points with the design?
What are some areas to improve upon?
II. Evaluation:
A. Pros vs. Cons
Requestor:
Rachel Chen
UX Producer/Program Management
rachel.chen@tibco.com
Art Director:
Robert Mangrobang
robert@alum.risd.edu
Kick off:
7/25
Due date:
7/30/2013, Tuesday at 1:00pm.
p3Introduction
III. Recommendations:
A. Homepage update
Drop down navigation
Get Started button
UI functionality
Content organization
B. Responsive web
Desktop screen
Tablet screen
Mobile screen
IV. Conclusion:
p4Evaluation
II. Evaluation
Design positives
Composition:
Layout of homepage is
clean and proportional.
Branding:
Good carryover of branded
look from Tibco.com
Rich media:
Inclusion of video units are
good marketing tools for
explaination of products.
Simple registration:
Quick and Easy access
to registration.
p5Evaluation
Navigation:
Menu lacks drop down
for detail of contents
Registration:
Confusion over Register
and Sign-in functions
Call to action:
Explaination of product
benefits and outline of
setup not shown
II. Evaluation
UI function:
Back and forward
button for carousel
Design challenges
Link to homepage:
Hyperlink back to
main website.
p6Evaluation
II. Evaluation
Design challenges
Responsive design:
Display for tablet or
smartphone devices.
p7Evaluation
II. Evaluation
Competitve landscape
6 of top 10 Software as a Servcie (SaaS) Companies with responsive websites.
#1
Salesforce.com
#2
SAP.com
#10
Marketo.com
#8
Pardot.com
#6
Intuit.com
#3
Oracle.com
p8Recommendations
III. Recommendations
Immersive experience:
Content is pushed to full screen
to better showcase each prduct benefits
Call to action:
Explaination of product
benefits and outline of
setup not shown
p9Recommendations
Registration:
Registration button is replaced
with a Get Started button.
Members can Sign-in at the top right .
Navigation:
Menu navigation drops
down with additional detail.
UI function:
Back and forward buttons
are added functionality to the
left and right hand
sides of the carousel images.
Content organization:
Video content, Integration, and Pricing
are all waterfalled into one webpage
to help drive new member registration.
p10Recommendations
III. Recommendations
Responsive design
Responsive design:
Display for tablet or
smartphone devices.
p11Conclusion
IV.Conclusions
First look
After an exhastive look at the Tibco Cloud Bus Homepage, Tibco.com company site,
and the competitive landscape I’ve drawn my conclusion best suited to drive traffic and
increase visability of the product benefits. Understanding the Cloud Bus tools and
highlighting the key features are meant to convince new and potential users of the
power and value of subscribing.
Design aesthetic
Content is displayed full frame in an editorial fashion to convey as a story unfolding.
Video clips are meant to be seen like movies taken to full frame when possible.
Integration and pricing content are now joined on the same page to lead the user to the
registration call to action.
Collaboration
In conclusion, the design vernacular and marketing goals must work together for a solid
presentation of the company and it’s products. This exercise takes a collaborative
effort to achieve success. Hopefully, my evaluation falls in line with the current state of
design, or at least provokes a new conversation about the present state of design. I look
forward to your feedback.
Thanks,
Robert Mangrobang
Thank
you
p12©2013 R. Mangrobang

More Related Content

Similar to Website assessment

Powell lynetta storyboard_week9
Powell lynetta storyboard_week9Powell lynetta storyboard_week9
Powell lynetta storyboard_week9
Walden University
 
Powell lynetta storyboard_week8
Powell lynetta storyboard_week8Powell lynetta storyboard_week8
Powell lynetta storyboard_week8
Walden University
 
Powell lynetta storyboard_week7
Powell lynetta storyboard_week7Powell lynetta storyboard_week7
Powell lynetta storyboard_week7
Walden University
 
human computer interaction of movie booking system project
human computer interaction of movie booking system projecthuman computer interaction of movie booking system project
human computer interaction of movie booking system project
201roopikha
 
Powell lynetta storyboard_week6
Powell lynetta storyboard_week6Powell lynetta storyboard_week6
Powell lynetta storyboard_week6
Walden University
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
DMI
 
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian HuntFirst time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
Adrian Hunt
 
Design submission template
Design submission templateDesign submission template
Design submission template
krudee
 
Making Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens AdviceMaking Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens Advice
Nexer Digital
 
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI![RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
Rakuten Group, Inc.
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
Mumbai B.Sc.IT Study
 
Website Development Using a Headless CMS - Sean Lamacraft, Distinction
Website Development Using a Headless CMS - Sean Lamacraft, DistinctionWebsite Development Using a Headless CMS - Sean Lamacraft, Distinction
Website Development Using a Headless CMS - Sean Lamacraft, Distinction
Kentico Software
 
The 'Client' Template - Illustrated!
The 'Client' Template - Illustrated!The 'Client' Template - Illustrated!
The 'Client' Template - Illustrated!
Randy Carey
 
RESUME BUILDER WEB APPLICATION
RESUME BUILDER WEB APPLICATIONRESUME BUILDER WEB APPLICATION
RESUME BUILDER WEB APPLICATION
IRJET Journal
 
Powell lynetta storyboard_week4
Powell lynetta storyboard_week4Powell lynetta storyboard_week4
Powell lynetta storyboard_week4
Walden University
 
CSR-MicrocopyLookbook-Sample.pptx
CSR-MicrocopyLookbook-Sample.pptxCSR-MicrocopyLookbook-Sample.pptx
CSR-MicrocopyLookbook-Sample.pptx
jack716478
 
CV_portfolio_WZou
CV_portfolio_WZouCV_portfolio_WZou
CV_portfolio_WZou
JewelZou
 
Homestead demo
Homestead demoHomestead demo
Homestead demo
Saranga Tripathy
 
From Design to UML to Working Wireframe
From Design to UML to Working WireframeFrom Design to UML to Working Wireframe
From Design to UML to Working Wireframe
UX Antwerp Meetup
 

Similar to Website assessment (20)

Powell lynetta storyboard_week9
Powell lynetta storyboard_week9Powell lynetta storyboard_week9
Powell lynetta storyboard_week9
 
Powell lynetta storyboard_week8
Powell lynetta storyboard_week8Powell lynetta storyboard_week8
Powell lynetta storyboard_week8
 
Powell lynetta storyboard_week7
Powell lynetta storyboard_week7Powell lynetta storyboard_week7
Powell lynetta storyboard_week7
 
human computer interaction of movie booking system project
human computer interaction of movie booking system projecthuman computer interaction of movie booking system project
human computer interaction of movie booking system project
 
Powell lynetta storyboard_week6
Powell lynetta storyboard_week6Powell lynetta storyboard_week6
Powell lynetta storyboard_week6
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian HuntFirst time agile - Agile and UX at Citizens Advice by Adrian Hunt
First time agile - Agile and UX at Citizens Advice by Adrian Hunt
 
Design submission template
Design submission templateDesign submission template
Design submission template
 
Making Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens AdviceMaking Agile development and UX work at Citizens Advice
Making Agile development and UX work at Citizens Advice
 
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI![RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
[RakutenTechConf2013] [B-0] UX Analytics - Measure your ROI!
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
Project Management (April - 2015) [CBSGS - Paper Solution] {Mumbai University}
 
Website Development Using a Headless CMS - Sean Lamacraft, Distinction
Website Development Using a Headless CMS - Sean Lamacraft, DistinctionWebsite Development Using a Headless CMS - Sean Lamacraft, Distinction
Website Development Using a Headless CMS - Sean Lamacraft, Distinction
 
The 'Client' Template - Illustrated!
The 'Client' Template - Illustrated!The 'Client' Template - Illustrated!
The 'Client' Template - Illustrated!
 
RESUME BUILDER WEB APPLICATION
RESUME BUILDER WEB APPLICATIONRESUME BUILDER WEB APPLICATION
RESUME BUILDER WEB APPLICATION
 
Powell lynetta storyboard_week4
Powell lynetta storyboard_week4Powell lynetta storyboard_week4
Powell lynetta storyboard_week4
 
CSR-MicrocopyLookbook-Sample.pptx
CSR-MicrocopyLookbook-Sample.pptxCSR-MicrocopyLookbook-Sample.pptx
CSR-MicrocopyLookbook-Sample.pptx
 
CV_portfolio_WZou
CV_portfolio_WZouCV_portfolio_WZou
CV_portfolio_WZou
 
Homestead demo
Homestead demoHomestead demo
Homestead demo
 
From Design to UML to Working Wireframe
From Design to UML to Working WireframeFrom Design to UML to Working Wireframe
From Design to UML to Working Wireframe
 

Recently uploaded

一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
bljeremy734
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
aprhf21y
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
qbydc
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
yk5hdsnr
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
xnhwr8v
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
My Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and TrendssMy Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and Trendss
MedhaRana1
 
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
10h6bbc4
 
一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理
oydykuz
 

Recently uploaded (20)

一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
一比一原版(UofM毕业证)美国密歇根大学毕业证如何办理
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
My Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and TrendssMy Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and Trendss
 
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
一比一原版澳洲莫纳什大学毕业证(Monash学位证)如何办理
 
一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理
 

Website assessment

  • 1. 07.28 rev 1.1 UX Visual Design Test Report Tibco Cloud Bus homepage
  • 2. Introduction p2 UX Visual Design Test - part 2 Tibco Cloud Bus home page Overview As required exercise for demonstrating both technical skills and creative process the following report outlines the assessment of Tibco’s Cloud Bus homepage with regard to visual aesthetics along with usability standards. This request is part 2 of UX visual design test to be completed for candidacy for employment. Findings of this report are editorial in natureand meant to open discussion for best practices. I. Definition: Subject: Tibco Cloud Bus, an integration platform as a service designed to enable more process messaging in a cloud environment. Review the current homepage: https://cloudbus.tibco.com What are the strong points with the design? What are some areas to improve upon? II. Evaluation: A. Pros vs. Cons Requestor: Rachel Chen UX Producer/Program Management rachel.chen@tibco.com Art Director: Robert Mangrobang robert@alum.risd.edu Kick off: 7/25 Due date: 7/30/2013, Tuesday at 1:00pm.
  • 3. p3Introduction III. Recommendations: A. Homepage update Drop down navigation Get Started button UI functionality Content organization B. Responsive web Desktop screen Tablet screen Mobile screen IV. Conclusion:
  • 4. p4Evaluation II. Evaluation Design positives Composition: Layout of homepage is clean and proportional. Branding: Good carryover of branded look from Tibco.com Rich media: Inclusion of video units are good marketing tools for explaination of products. Simple registration: Quick and Easy access to registration.
  • 5. p5Evaluation Navigation: Menu lacks drop down for detail of contents Registration: Confusion over Register and Sign-in functions Call to action: Explaination of product benefits and outline of setup not shown II. Evaluation UI function: Back and forward button for carousel Design challenges Link to homepage: Hyperlink back to main website.
  • 6. p6Evaluation II. Evaluation Design challenges Responsive design: Display for tablet or smartphone devices.
  • 7. p7Evaluation II. Evaluation Competitve landscape 6 of top 10 Software as a Servcie (SaaS) Companies with responsive websites. #1 Salesforce.com #2 SAP.com #10 Marketo.com #8 Pardot.com #6 Intuit.com #3 Oracle.com
  • 8. p8Recommendations III. Recommendations Immersive experience: Content is pushed to full screen to better showcase each prduct benefits
  • 9. Call to action: Explaination of product benefits and outline of setup not shown p9Recommendations Registration: Registration button is replaced with a Get Started button. Members can Sign-in at the top right . Navigation: Menu navigation drops down with additional detail. UI function: Back and forward buttons are added functionality to the left and right hand sides of the carousel images. Content organization: Video content, Integration, and Pricing are all waterfalled into one webpage to help drive new member registration.
  • 10. p10Recommendations III. Recommendations Responsive design Responsive design: Display for tablet or smartphone devices.
  • 11. p11Conclusion IV.Conclusions First look After an exhastive look at the Tibco Cloud Bus Homepage, Tibco.com company site, and the competitive landscape I’ve drawn my conclusion best suited to drive traffic and increase visability of the product benefits. Understanding the Cloud Bus tools and highlighting the key features are meant to convince new and potential users of the power and value of subscribing. Design aesthetic Content is displayed full frame in an editorial fashion to convey as a story unfolding. Video clips are meant to be seen like movies taken to full frame when possible. Integration and pricing content are now joined on the same page to lead the user to the registration call to action. Collaboration In conclusion, the design vernacular and marketing goals must work together for a solid presentation of the company and it’s products. This exercise takes a collaborative effort to achieve success. Hopefully, my evaluation falls in line with the current state of design, or at least provokes a new conversation about the present state of design. I look forward to your feedback. Thanks, Robert Mangrobang