Deep Look at Instabug #3

Deep Look at Instabug #3

UX case study!

Published on Medium

Welcome back, in the previous two articles 1,2 we highlighted some of issues about UX , and today we‘ we’ll continue our journey with an article which maybe the final article of this quick reviews about Instabug.

We’ll review some things IA and other things.

Long story short

It is known that it is best not to use many colours when designing a site or application, and it is also known that it is wrong to use different CSS for the same elements in the site or application.

Let’s take a look at the Home page

Here

Button Color #15cd72

Button Color #15cd72 

.button — secondary {

 background-color: #15cd72;

}

Hover Button Color #15cd72

Hover Button Color #15cd72

.button — secondary:hover {

 background-color:#4ba87b

}

Button Color #15cd72

Button Color #15cd72

.button — secondary:active, .button — secondary:focus, .button — secondary:hover {

 background-color: #4ba87b;}

But When we look at the Enterprise page

Here

Button Color #15cd72

Button Color #15cd72

.dynamic-button { background-color: #15cd72; color: #ffffff;}


Hover Button Color #00cc16

Hover Button Color #00cc16

.dynamic-button:hover {background-color: #00cc16;}

As we note there is no unity between CSS, which make the site does not aspire as one unit, but it seems like it has been cut and installed from several Themes with different CSS files, Or the site has been designed by a different group of designers without coordination or harmony between them.

  • Maybe this conflict happed because of the editing of the CSS The original Button color is Blue #1d82dc

.button {background-color: #1d82dc; text-transform: capitalize; font-weight: 600; }

Let’s take another Example

No alt text provided for this image


In the In-App Surveys page we’ll find 6 CTA Buttons (Call-to-ActionGet Started, while in a Customers page in Join Our Customers section there is only one single Button at the end of the page and it’s not appear in this picture!







there are some other things about Unity, Gestalt, Informational hierarchy, IA, Content Strategies, to define not only which content should be published, but WHY we’re publishing it in the first place? how the content will bridge the space between audience needs and business requirements?


At the end I hope that my articles had earned your admirations, I really hope that you found useful information or advice, also I hope that these articles didn't bother the guys on Instabug Team,

Thank you all.

要查看或添加评论,请登录

Mohab A.的更多文章

  • learn how to design for Apple Vision Pro

    learn how to design for Apple Vision Pro

    Here's 3 must watch #wwdc23 videos that go over it all 1.Principles of spatial design 2.

    1 条评论
  • The 5 Types of Design frameworks

    The 5 Types of Design frameworks

    User-centered design The five elements of UX design Design thinking Lean UX Double Diamond User-centered design process…

    8 条评论
  • The product development life cycle

    The product development life cycle

    Every new product, whether it’s an app or a physical object, follows a specific set of steps that take it from the…

    4 条评论
  • 9 Careers in the field of UX

    9 Careers in the field of UX

    Hey there guys how’s it going? long time, no see, so let’s talk about UX. The past few weeks I've been taking some “UX”…

  • trivago — UX/UI Case Study

    trivago — UX/UI Case Study

    2.1 USABILITY EVALUATION In this article, we are going to focus on part 2.

  • EEMAR Behind The Scene

    EEMAR Behind The Scene

    Real Estate App User Flow Filters Feedback Chat Maintenance Request

  • Washmen Behind The Scene

    Washmen Behind The Scene

  • Real-time Engine UX Case Study

    Real-time Engine UX Case Study

    About GritWorld ?? Location: Lurgiallee 14, 60439 Frankfurt am Main, Germany. GritWorld GmbH was founded in December…

  • This Week’s Top Stories About Usability Test

    This Week’s Top Stories About Usability Test

    UX Test Plan! Information Architecture (IA)- Information Design -Content Strategy UX Test Plan UI Element & Styleguide

  • Closer Look at Instabug #2

    Closer Look at Instabug #2

    UX case study! In the previous article, we talked about a “Quick look at Instabug”, but today we’ll take a Closer look…

社区洞察

其他会员也浏览了