UX/UI Design Collections

Following projects present my UXR, UXD, UID ability. With official website, information import website and App research.

Entropy- Extension of university course forum

A plug-in that displays the average scores of each course in the two schools, this website was design for installation and sharing, focusing on eye-catching visual.

Client

Freelance & Course project

Category

UXR, UXD, UID

Result

Official Launch & Pending

Duration

2019 - 2022

Client

Freelance & Course project

Category

UXR, UXD, UID

Result

Official Launch & Pending

Duration

2019 - 2022

Client

Freelance & Course project

Category

UXR, UXD, UID

Result

Official Launch & Pending

Duration

2019 - 2022

Choose University

Register

Feedback- success

Following- Share

Financial App Research

leading the Heuristic Evaluation in team.

Why use HE? To identify usability issues that haven't been discovered in user research and competitive analysis.

Client

Industry-academia cooperation

Category

Research, App redesgin

Result

Delivered

Duration

2022

Client

Industry-academia cooperation

Category

Research, App redesgin

Result

Delivered

Duration

2022

Client

Industry-academia cooperation

Category

Research, App redesgin

Result

Delivered

Duration

2022

Use heuristic evaluation as the complete review framework of finding existing UI and flow problems.

combine with systematic co-examination, we can comprehensively identify existing service interface and interaction problems, their severity, reference examples and suggestions.

Heuristic Evaluation

using 10 Usability Heuristic for user interface design (by Jakob Nielsen), as the framework to identify UXUI problems.

Method
  1. Pre-evaluation overview

  2. Pre-evaluation collaboration plan

  3. Independent evaluation

  4. collaborate evaluation

Evaluating structure

With elements of: Problem identity, Severity, HE Framework violation, Evidence, Suggestion and Example.

Problem severity

Comprehensive evaluation based on the problem‘s level, frequency, duration, and market impact as the reference for priority processing.

Takeaways

Need deeper understanding and practicing of the 10 guidelines of HE. Teammates usually have different understanding of the framework. It is important to sharpen the ability to categorize issues into corresponding guideline and sub criteria.

IC Company official website

Design Language: Minimal style and minimal color themes, clear information architecture.
Responsibility: UX/UI design and all illustrations except gallery.

Client

Joseph Ding

Category

UXUI, Web design

Result

Official Launch

Duration

2021

Client

Joseph Ding

Category

UXUI, Web design

Result

Official Launch

Duration

2021

Client

Joseph Ding

Category

UXUI, Web design

Result

Official Launch

Duration

2021

Visual Language

Meet the customer's visual needs as much as possible: a handwritten logotype with sense of speed, the chip embedded in the brain, lighting up the circuit.

Following design- Official website of oversea branch

Basically the same structure, but new color theme and visual language of: The stream of memory.

Build the design guideline for future development.

Basically the same structure, but new color theme and visual language of: The stream of memory.

Transportation Safety Rating Website

A cross-collage labs collaboration project, aims to establish an information platform for transportation safety.

Client

NTHU IXD lab & NTUST

Category

UXUI, Web design

Result

Pending

Duration

2020

Client

NTHU IXD lab & NTUST

Category

UXUI, Web design

Result

Pending

Duration

2020

Client

NTHU IXD lab & NTUST

Category

UXUI, Web design

Result

Pending

Duration

2020

The platform for enter & view traffic behavior evaluation.

Aiming to log the results of traffic companies on this platform for view. Auditors can use this platform to enter evaluate score, and users can view results and various measurement indicators.

Build the clear user flows

This was the first time I have participated to the need to formulate a design with clear usage diversion, with different user flows and accessible modules.

Research & design side by side

The team first conducted data collection and research to establish problem and develop solutions in multiple directions, one was this transportation safety assessment platform.