Design

NOTE: This page is kept mainly as an archive of my previous design work. Not updated since 2016. Have a nice day :).

...

Trypath

What

Research, development, user testing and design of a data-driven exploration-based route planner system.


Methods

Quantitative & qualitative HCI research, prototyping, usability testing, Photoshop

Trypath

UX / UI Design

...

Ableton Test Challenge

What

A user experience designer test challenge to improve the UX of the ableton.com website.


Methods

Task analysis, semi-structured interviews, personas, scenarios, information architecture, visual design

Ableton

UX Design (Test Challenge)

...

3D Gestures & Errors

What

Research into usable 3D gesture sets under failed gesture recognition conditions.


Methods

3D gesture design, usability study, video analysis, WiiRemote, NBS presentation, GlovePie

3D Gestures & Errors

Usability

...

SoundCloud

What

Two-day mini project redesigning SoundCloud for the anticipated Apple Watch.


Methods

Sketching, Photoshop


SoundCloud

UX/UI Redesign

...

HCI Oldenburg Website

What

HCI Oldenburg website: https://hci.uni-oldenburg.de/


Methods

HTML, CSS, Javascript, WordPress

HCI Oldenburg Website

UX, visual design, front end dev, wordpress

...

Inventors Workshop 2016

What

Inventors Workshop 2016 website: http://iw2016.offis.de


Methods

HTML, CSS, Javascript

Inventors Workshop 2016

UX, visual design, front end dev

...

RTL XL 4.0

What

UX strategy consultancy and UX design of a new cross-channel video on demand platform for the Netherlands TV network RTL.


Methods

Personas, CEMs, user flows, wireframes, lo-fi prototyping

RTL XL 4.0

UX Strategy, UX Design

...

Galeria INNO Gift List

What

Lead interaction designer for redesigning Galeria INNO's gift list feature.


Methods

User flows, sketching, wireframes

Galeria INNO

UX Design

...

Dalia's Portfolio

What

Basic personal portfolio website: www.daliaelali.com


Methods

Bootstrap, HTML, CSS, Javascript

daliaelali.com

UX, visual design, front end dev

...

V&D

What

Redesigned the vd.nl checkout process.


Methods

Information architecture, visual design, Omnigraffle, Photoshop

V&D

UX Design

...

Kluwer

What

An expert review of the shop.kluwer.be website, and interaction design of two templates.


Methods

Usability review, information architecture

Kluwer

UX design, Expert review

...

Look Into My Eyes

What

A screenwriting test challenge.


Methods

Brainstorming, Final Draft typesetting

Look Into My Eyes

Screenwriting


My (non-linear) process

  • ...

    Ideation

    Concept design & workshops

    Experience Mapping

    Research questions & Hypotheses

  • ...

    Research

    Contextual Inquiry

    Personas & Scenarios

    Best practices

    Literature analysis
  • ...

    Interface Design

    Sketching

    Information architecture

    Wireframes

    Interface design

  • ...

    Prototyping

    Websites

    Mobile Apps & Services

    Other interfaces

  • ...

    Usability Testing

    Controlled, A/B, MVT

    Quantitative

    Qualitative

    Data analysis
  • ...

    The Aftermath

    Research publication

    Frontend review

    Design iteration

    Presentation