| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!--required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!--meta-->
<meta name="description" content="">
<meta name="author" content="">
<!--favicon icon-->
<link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PG7NV7J');
</script>
<!-- End Google Tag Manager -->
<!--title-->
<title>Syoft</title>
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<!--build:css-->
<link rel="stylesheet" href="assets/css/main.css">
<!-- endbuild -->
<!--custom css start-->
<link rel="stylesheet" href="assets/css/custom.css">
<!--custom css end-->
</head>
<body>
<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG7NV7J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
<!--preloader start-->
<div id="preloader">
<div class="preloader-wrap">
<img src="assets/img/favicon.png" alt="logo" class="img-fluid preloader-icon" />
<div class="loading-bar"></div>
</div>
</div>
<!--preloader end-->
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<?php include 'header.php'; ?>
<!--header section End-->
<!--hero section start-->
<section class="hero-section ptb-60 bg-dark" style="background: url('assets/img/shape/dot-dot-wave-shape.svg')no-repeat bottom center">
<div class="container">
<div class="row align-items-center justify-content-lg-between">
<div class="col-xl-6 col-lg-6">
<div class="hero-content-wrap text-center text-xl-start text-lg-start" data-aos="fade-right">
<h1 class="display-5"> <span class="text-warning"> ✦ Usability </span> Analysis</h1>
<p class="lead text-dark">
Efficiency of use can be a key factor that determines an app or web site popularity.
Users try to avoid complicated and confusing apps and web sites. That is why
eye-catching and easy-to-use products are the most successful nowadays.
</p>
<div class="hero-subscribe-form-wrap pt-4 position-relative m-auto m-xl-0 d-none d-md-block d-lg-block d-xl-block">
<form id="subscribe-form" name="email-form" class="hero-subscribe-form d-block d-lg-flex d-md-flex">
<input type="submit" value="Connect with our expert" data-wait="Please wait..." class="btn btn-primary mt-3 mt-lg-0 mt-md-0">
</form>
</div>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="hero-img position-relative circle-shape-images">
<!--animated shape start-->
<ul class="position-absolute animate-element parallax-element circle-shape-list" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<li class="layer" data-depth="0.03" style="position: relative; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-0 hero-1">
</li>
<li class="layer" data-depth="0.02" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.113px, -0.519607px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-1 hero-1">
</li>
<li class="layer" data-depth="0.04" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(2.226px, -1.03921px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-2 hero-1">
</li>
<li class="layer" data-depth="0.04" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(2.226px, -1.03921px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-3 hero-1">
</li>
<li class="layer" data-depth="0.03" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-4 hero-1">
</li>
<li class="layer" data-depth="0.03" style="position: absolute; display: block; left: 0px; top: 0px; transform: translate3d(1.6695px, -0.779411px, 0px); transform-style: preserve-3d; backface-visibility: hidden;">
<img src="assets/img/shape/circle-1.svg" alt="shape" class="circle-shape-item type-5 hero-1">
</li>
</ul>
<!--animated shape end-->
<img src="assets/img/testimonial/gk1.png" alt="hero img" class="img-fluid position-relative z-5">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--hero section end-->
<section class="pricing-section pt-60 pb-60 position-relative z-2">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-10">
<div class="section-heading text-center">
<span class="crm-subtitle">Ensure <img src="assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<!-- <h4 class="h5 text-primary">Ensure</h4> -->
<h2 class=" dispaly-5 text-capitalize text-center">comprehensive and thorough analysis</h2>
<p class="text-center">In Syoft, we apply a combination of two efficient methods: cognitive walkthrough and
heuristic analysis. As inputs for both methods, we gather user profile information and
establish user scenarios. Using each method, we evaluate potential issues and bottlenecks
assigning severity levels to each user action and interface component. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="position-relative single-pricing-wrap rounded-custom bg-danger-soft
p-5 mb-4 mb-lg-0">
<div class="pricing-header mb-32">
<h3 class="package-name text-primary d-block text-capitalize">cognitive walkthrough</h3>
</div>
<div class="pricing-info mb-4">
<ul class="pricing-feature-list list-unstyled">
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Pass through steps of each
scenario</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i>Identify a difficulty level
for each scenario step</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Generate a list of
suggestions</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Create a combined report with
issues and recommendations</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="position-relative single-pricing-wrap rounded-custom bg-primary-soft p-5 mb-4 mb-lg-0">
<div class="pricing-header mb-32">
<h3 class="package-name text-primary d-block text-capitalize">heuristic analysis</h3>
</div>
<div class="pricing-info mb-4">
<ul class="pricing-feature-list list-unstyled">
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Analyze product components
</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Identify an ease-of-use level
for each component</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Generate a list of
suggestions</li>
<li><i class="fas fa-circle fa-2xs text-primary me-2"></i> Create a combined report with
issues and recommendations</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-header position-relative overflow-hidden ptb-60 bg-gradient">
<div class="container">
<div class="row justify-content-center">
<div class="row justify-content-center">
<div class="col-lg-9 col-md-10">
<div class="section-heading text-center mb-0">
<h2 class="text-capitalize display-5 text-white">make your product intuitive and easy to use </h2>
<p class="text-center text-white">A usability report provided by Syoft experts lists the identified issues and
recommendations how to remove them. By implementing our experts’ recommendations, you
can improve your product usability, ease of use and learning, and reduce the number of
user errors.</p>
</div>
</div>
</div>
</div>
<!-- <div class="bg-circle rounded-circle circle-shape-3 position-absolute bg-dark-light right-5"></div>
</div> -->
</section>
<section class="feature-section ptb-120 mtb-5">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-md-6">
<div class="image-wrap mb-5 mb-md-0 mb-lg-0 mb-xl-0 aos-init aos-animate" data-aos="fade-up">
<img src="assets/img/testimonial/gk1.png" alt="feature img" class="img-fluid rounded-custom">
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="feature-content-wrap aos-init aos-animate" data-aos="fade-up" data-aos-delay="50">
<!-- <h4 class="h5 text-primary text-capitalize">every project overview</h4> -->
<span class="crm-subtitle">every project overview <img src="assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<h2 class="display-5">ios App Usability Review</h2>
<h6 class="mt-4">Changes made</h6>
<ul class="list-unstyled mb-0">
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Regrouping main actions: single actions at the first place, multiple actions at the second place</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Replacing completed actions below the active ones into the separate section</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Removing ads from all screens except the first and the last one</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Getting rid of additional steps with multiple actions</li>
</ul>
<h6 class="mt-4">Result</h6>
<ul class="list-unstyled mb-0">
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Improved interface perception</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Increased ease of use</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Shortened execution time</li>
<li class="py-1"><i class="fad fa-check-circle me-2 text-primary"></i>Improved user satisfaction</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- app two feature three start -->
<section class="app-two-cta ptb-60 text-white bg-primary" style="background-image:url('assets/img/hero-dot-bg.png')">
<div class="container">
<div class="row justify-content-center ">
<div class="col-lg-9 col-md-10 ">
<div class="section-heading text-center mb-0">
<!-- <h5 class="text-warning"> Let Us Discuss</h5> -->
<span class="crm-subtitle">Let Us Discuss <img src="assets/img/shape/arro-right.svg" alt="arrow" class="ms-1"></span>
<h2 class="text-white display-5">
How Our Team Can Contribute To Our Success
</h2>
<div class="action-btns mt-4 ">
<a href="contact-us.php" class="btn btn-outline-light">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- app two feature three end -->
<section class="crm-cta-section ptb-80 crm-bg-yellow-light position-relative z-1">
<img src="assets/img/shape/circle-half.png" alt="circle half" class="position-absolute circle-half z--1">
<img src="assets/img/shape/dot-red.png" alt="doted" class="position-absolute doted z--1 d-none d-md-block">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7">
<div class="crm-title text-center">
<!-- <span class="crm-subtitle">Connect With Our Experts <img src="assets/img/shape/arrow-red.png" alt="arrow" class="ms-1"></span> -->
<h2 class="mt-2 mb-3">Kickstart Your Dream Project With Us</h2>
<p class="text-center">We have worked with some of the best innovative ideas and brands in the world across industries.</p>
<a href="contact-us.php" class="btn btn-warning mt-4">Get in Touch</a>
</div>
</div>
</div>
</div>
</section>
<!--footer section start-->
<?php include 'footer.php'; ?>
<!--footer section end-->
</div>
<!--build:js-->
<script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="assets/js/vendors/parallax.min.js"></script>
<script src="assets/js/vendors/aos.js"></script>
<script src="assets/js/app.js"></script>
<!--endbuild-->
</body>
</html>